Página inicial do SaaS da DevKnow

Use REFERENCE_0 como captura de tela da interface do usuário do produto e transforme-a em uma bela landing page japonesa para SaaS (nome do argumento="nome do produto" padrão="DevKnow"). Mantenha a reconhecibilidade da captura de tela do aplicativo posicionando-a no lado direito da tela inicial, em uma caixa de visualização do navegador/modelo com cantos arredondados, reduzindo seu tamanho adequadamente e adicionando sombras suaves e linhas abstratas/degradês sutis em roxo no fundo. Layout: Crie uma landing page limpa para desktop usando um fundo branco e as cores da marca em roxo. Adicione uma barra de navegação superior, colocando o logotipo/nome existente à esquerda, cinco links de menu centralizados no meio: "特徴" (Recursos Especiais), "使い方" (Método de uso), "料金" (Receita), "ゑップデート" (Data do aplicativo) e "よくある质问" (Perguntas feitas) e "ログイン" (Login) e um botão CTA roxo "無料で始める→" (Iniciar gratuitamente →). Primeira área da tela: Adicione um pequeno emblema arredondado no lado esquerdo com o texto "AI・Desenvolvimento Pessoal da Última Sessão ニュースをTodos os Diasお". Adicione um título japonês atraente: {argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "} e destaque a frase "あなたのもとへ" em roxo. Adicione uma cópia auxiliar abaixo: {argument name="hero description" default="DevKnow は、AI・テック・personal Kai発に关するInformações mais recentesを掎日厳选してお期けするニュースアプリです."}. Adicione dois botões à tela inicial: um botão principal roxo “Começar Grátis →” e um botão secundário branco “Veja como usar”. Abaixo dos botões, adicione três indicadores de confiança com pequenos ícones de marca de seleção roxos: “Não faça login, comece”, “Posso cancelar agora mesmo?” e “O navegador da web pode ser usado”. Área de funções: na parte inferior da tela inicial, adicione um rótulo roxo centralizado “RECURSOS” e o título “DevKnow でできること”. Crie 4 cartões de recursos arredondados com sombras suaves e ícones roxos, organizados em uma linha: 1) Ícone de relâmpago, título "厳选ニュース", descrição "AI・テック・Sessão mais recente de ニュースを掎日厳选してお de Kailuけします."; 2) Ícone da camada empilhada, título "カテゴリで简単に検SO", descrição "Xingwei のあるカテゴリを选んで, informações necessárias にすぐアクセス."; 3) Ícone de marcador, título "Salvo してあとで読む", descrição "気になるニュースを salvo して, あとでゆっくり読めます."; 4) Ícone de campainha, título "Notificação de fuga", descrição "Aviso importante de fuga. Aviso de fuga." Restrições de estilo: faça com que pareça uma página de destino moderna e pronta para lançamento, em vez de uma captura de tela bruta do aplicativo. Use margens largas, cantos arredondados, sombras sutis, botões gradientes roxos, tipografia japonesa clara e remova toda a confusão fora do design da sua página de destino. Mantenha o conteúdo da IU do aplicativo de referência visível, mas use-o como parte complementar do design da página de destino.