Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -33,30 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Gerador",
|
||||
id: "tool",
|
||||
href: "/tool",
|
||||
name: "Gerador", id: "tool"
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "pricing",
|
||||
href: "/pricing",
|
||||
name: "Planos", id: "pricing"
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contato", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="LogoGen AI"
|
||||
button={{
|
||||
text: "Gerar Logo Grátis",
|
||||
href: "/tool",
|
||||
text: "Gerar Logo Grátis", href: "/tool"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -65,36 +56,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
title="Crie Logos Profissionais com IA em Segundos"
|
||||
description="Digite o nome da sua marca, escolha um estilo e gere automaticamente logos impressionantes para o seu negócio. Simples, rápido e poderoso."
|
||||
kpis={[
|
||||
{
|
||||
value: "10M+",
|
||||
label: "Logos Gerados",
|
||||
value: "10M+", label: "Logos Gerados"
|
||||
},
|
||||
{
|
||||
value: "500K+",
|
||||
label: "Usuários Satisfeitos",
|
||||
value: "500K+", label: "Usuários Satisfeitos"
|
||||
},
|
||||
{
|
||||
value: "Economia de",
|
||||
label: "Tempo e Dinheiro",
|
||||
},
|
||||
value: "Economia de", label: "Tempo e Dinheiro"
|
||||
}
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Gerar Logo Agora",
|
||||
href: "/tool",
|
||||
text: "Gerar Logo Agora", href: "/tool"
|
||||
},
|
||||
{
|
||||
text: "Ver Planos",
|
||||
href: "/pricing",
|
||||
},
|
||||
text: "Ver Planos", href: "/pricing"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-sleek-modern-software-dashboard-interf-1774460849123-f5e4a85a.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-sleek-modern-software-dashboard-interf-1774460849123-f5e4a85a.png"
|
||||
imageAlt="AI logo generator dashboard interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,23 +94,19 @@ export default function LandingPage() {
|
||||
description="Nossa inteligência artificial avançada analisa o nome da sua marca e suas preferências de estilo e cor para criar designs únicos e personalizados, economizando horas de trabalho de design e custos elevados."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Insira o Nome da Sua Marca",
|
||||
description: "Comece digitando o nome da sua empresa ou projeto.",
|
||||
title: "Insira o Nome da Sua Marca", description: "Comece digitando o nome da sua empresa ou projeto."
|
||||
},
|
||||
{
|
||||
title: "Escolha Seu Estilo e Cores",
|
||||
description: "Selecione entre diversos estilos (moderno, minimalista, elegante, tech) e paletas de cores.",
|
||||
title: "Escolha Seu Estilo e Cores", description: "Selecione entre diversos estilos (moderno, minimalista, elegante, tech) e paletas de cores."
|
||||
},
|
||||
{
|
||||
title: "Geração Automática de Logos",
|
||||
description: "Nossa IA apresenta múltiplas opções de logos em segundos.",
|
||||
title: "Geração Automática de Logos", description: "Nossa IA apresenta múltiplas opções de logos em segundos."
|
||||
},
|
||||
{
|
||||
title: "Personalize e Baixe",
|
||||
description: "Ajuste detalhes, visualize em diferentes formatos e baixe seu logo em alta qualidade.",
|
||||
},
|
||||
title: "Personalize e Baixe", description: "Ajuste detalhes, visualize em diferentes formatos e baixe seu logo em alta qualidade."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-minimalist-workflow-diagram-illu-1774460847808-dd161cd1.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-minimalist-workflow-diagram-illu-1774460847808-dd161cd1.png"
|
||||
imageAlt="Workflow diagram showing steps to generate a logo"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -137,46 +119,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "estilos-personalizados",
|
||||
label: "Estilos Ilimitados",
|
||||
title: "Escolha entre uma vasta biblioteca de estilos de logo.",
|
||||
items: [
|
||||
"Moderno e minimalista",
|
||||
"Elegante e clássico",
|
||||
"Tech e futurista",
|
||||
"Criativo e único",
|
||||
],
|
||||
id: "estilos-personalizados", label: "Estilos Ilimitados", title: "Escolha entre uma vasta biblioteca de estilos de logo.", items: [
|
||||
"Moderno e minimalista", "Elegante e clássico", "Tech e futurista", "Criativo e único"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "paletas-de-cores",
|
||||
label: "Paletas de Cores",
|
||||
title: "Defina as cores que representam sua marca.",
|
||||
items: [
|
||||
"Sugestões de cores inteligentes",
|
||||
"Personalização total da paleta",
|
||||
"Ajuste de tonalidades e brilho",
|
||||
],
|
||||
id: "paletas-de-cores", label: "Paletas de Cores", title: "Defina as cores que representam sua marca.", items: [
|
||||
"Sugestões de cores inteligentes", "Personalização total da paleta", "Ajuste de tonalidades e brilho"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "formatos-diversos",
|
||||
label: "Exportação Versátil",
|
||||
title: "Receba seu logo em múltiplos formatos e usos.",
|
||||
items: [
|
||||
"Versões para web e impressão",
|
||||
"Formatos vetorizados (SVG, EPS)",
|
||||
"Versões para redes sociais (JPEG, PNG)",
|
||||
],
|
||||
id: "formatos-diversos", label: "Exportação Versátil", title: "Receba seu logo em múltiplos formatos e usos.", items: [
|
||||
"Versões para web e impressão", "Formatos vetorizados (SVG, EPS)", "Versões para redes sociais (JPEG, PNG)"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "sugestoes-inteligentes",
|
||||
label: "Sugestões AI",
|
||||
title: "Receba inspirações de nomes e conceitos.",
|
||||
items: [
|
||||
"Gerador de nomes de marca",
|
||||
"Ideias de slogan criativas",
|
||||
"Combinações de ícones e fontes",
|
||||
],
|
||||
},
|
||||
id: "sugestoes-inteligentes", label: "Sugestões AI", title: "Receba inspirações de nomes e conceitos.", items: [
|
||||
"Gerador de nomes de marca", "Ideias de slogan criativas", "Combinações de ícones e fontes"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Recursos Poderosos para Sua Marca"
|
||||
description="Descubra como o LogoGen AI transforma sua ideia em uma identidade visual profissional e memorável, com ferramentas que você realmente precisa."
|
||||
@@ -188,22 +149,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Tech Solutions",
|
||||
"Innovate Hub",
|
||||
"Global Dynamics",
|
||||
"Creative Spark",
|
||||
"Digital Nexus",
|
||||
"Future Forward",
|
||||
"Brand Catalyst",
|
||||
"Tech Solutions", "Innovate Hub", "Global Dynamics", "Creative Spark", "Digital Nexus", "Future Forward", "Brand Catalyst"
|
||||
]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-minimalist-abstract-logo-for-a-fiction-1774460847495-a5c14ce7.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-text-based-logo-for-a-com-1774460848550-b8ce1c88.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-stylized-emblem-logo-for-global-reach--1774460850730-b5a2067d.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-sleek-abstract-mark-for-dataflow-analy-1774460847946-8ff62dc0.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-modern-bold-lettermark-logo-using-the--1774460848208-18a4c162.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-minimalist-logo-for-a-creative-agency--1774460847603-fa912e8b.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-dynamic-abstract-logo-for-cloudvault-s-1774460848963-c66f5530.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-minimalist-abstract-logo-for-a-fiction-1774460847495-a5c14ce7.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-text-based-logo-for-a-com-1774460848550-b8ce1c88.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-stylized-emblem-logo-for-global-reach--1774460850730-b5a2067d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-sleek-abstract-mark-for-dataflow-analy-1774460847946-8ff62dc0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-modern-bold-lettermark-logo-using-the--1774460848208-18a4c162.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-minimalist-logo-for-a-creative-agency--1774460847603-fa912e8b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-dynamic-abstract-logo-for-cloudvault-s-1774460848963-c66f5530.png"
|
||||
]}
|
||||
title="Marcas que Confiam no LogoGen AI"
|
||||
description="Junte-se a milhares de empreendedores e empresas que criaram suas identidades visuais profissionais e impactantes com nossa ferramenta de IA."
|
||||
@@ -215,41 +164,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460848676-ccea9d2e.png?_wi=1",
|
||||
imageAlt: "Photo of Ana Silva, CEO of TechCorp",
|
||||
content: "O LogoGen AI superou minhas expectativas! Consegui criar um logo moderno e profissional para minha startup em minutos, sem precisar de um designer.",
|
||||
company: "Tech Solutions",
|
||||
rating: 5,
|
||||
id: "1", name: "Ana Silva", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460848676-ccea9d2e.png", imageAlt: "Photo of Ana Silva, CEO of TechCorp"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "João Pereira",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848493-1cb14996.png?_wi=1",
|
||||
imageAlt: "Photo of João Pereira, Founder of Innovate Hub",
|
||||
content: "A funcionalidade de personalização é incrível. Pude ajustar cada detalhe até que o logo ficasse perfeito. Recomendo fortemente!",
|
||||
company: "Innovate Hub",
|
||||
rating: 5,
|
||||
id: "2", name: "João Pereira", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848493-1cb14996.png", imageAlt: "Photo of João Pereira, Founder of Innovate Hub"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Mendes",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460849015-f48b3d1c.png?_wi=1",
|
||||
imageAlt: "Photo of Carla Mendes, Marketing Director at Global Dynamics",
|
||||
content: "Economizei tempo e dinheiro valiosos. O LogoGen AI é uma ferramenta essencial para qualquer empreendedor que busca uma identidade visual de qualidade.",
|
||||
company: "Global Dynamics",
|
||||
rating: 5,
|
||||
id: "3", name: "Carla Mendes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460849015-f48b3d1c.png", imageAlt: "Photo of Carla Mendes, Marketing Director at Global Dynamics"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ricardo Santos",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848935-3e57ee01.png?_wi=1",
|
||||
imageAlt: "Photo of Ricardo Santos, Product Manager at Creative Spark",
|
||||
content: "Fiquei impressionado com a variedade e a qualidade dos logos gerados. Minha marca agora tem um visual que realmente se destaca.",
|
||||
company: "Creative Spark",
|
||||
rating: 5,
|
||||
},
|
||||
id: "4", name: "Ricardo Santos", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848935-3e57ee01.png", imageAlt: "Photo of Ricardo Santos, Product Manager at Creative Spark"
|
||||
}
|
||||
]}
|
||||
cardTitle="O que Nossos Clientes Dizem"
|
||||
cardTag="Sucesso Garantido"
|
||||
@@ -262,25 +187,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "O que é o LogoGen AI?",
|
||||
content: "É uma ferramenta online que utiliza inteligência artificial para gerar logos profissionais e personalizados para sua marca ou empresa, de forma rápida e intuitiva.",
|
||||
id: "faq1", title: "O que é o LogoGen AI?", content: "É uma ferramenta online que utiliza inteligência artificial para gerar logos profissionais e personalizados para sua marca ou empresa, de forma rápida e intuitiva."
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "É realmente gratuito?",
|
||||
content: "Sim, você pode gerar e baixar logos em baixa resolução com marca d'água gratuitamente. Para versões em alta qualidade e sem marca d'água, oferecemos planos premium.",
|
||||
id: "faq2", title: "É realmente gratuito?", content: "Sim, você pode gerar e baixar logos em baixa resolução com marca d'água gratuitamente. Para versões em alta qualidade e sem marca d'água, oferecemos planos premium."
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Posso personalizar os logos gerados?",
|
||||
content: "Sim, após a geração, você pode ajustar cores, fontes, ícones e layouts para que o logo se alinhe perfeitamente à sua visão de marca.",
|
||||
id: "faq3", title: "Posso personalizar os logos gerados?", content: "Sim, após a geração, você pode ajustar cores, fontes, ícones e layouts para que o logo se alinhe perfeitamente à sua visão de marca."
|
||||
},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Quais formatos de arquivo estão disponíveis?",
|
||||
content: "Os planos premium permitem o download em diversos formatos, incluindo PNG, JPEG, SVG (vetorizado) e EPS, ideais para uso digital e impresso.",
|
||||
},
|
||||
id: "faq4", title: "Quais formatos de arquivo estão disponíveis?", content: "Os planos premium permitem o download em diversos formatos, incluindo PNG, JPEG, SVG (vetorizado) e EPS, ideais para uso digital e impresso."
|
||||
}
|
||||
]}
|
||||
sideTitle="Perguntas Frequentes"
|
||||
sideDescription="Encontre respostas para as dúvidas mais comuns sobre como criar e utilizar seu logo com o LogoGen AI."
|
||||
@@ -293,12 +210,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Sua Marca, Seu Logo"
|
||||
title="Crie Seu Logo Grátis!"
|
||||
description="Insira o nome da sua empresa/marca abaixo e deixe nossa inteligência artificial gerar opções de logos profissionais em segundos."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-user-interface-for-an-ai--1774460848020-63a6c839.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-user-interface-for-an-ai--1774460848020-63a6c839.png"
|
||||
imageAlt="AI logo generation input interface"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -315,46 +232,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "gratuito",
|
||||
tag: "Grátis",
|
||||
tagIcon: Gift,
|
||||
price: "$0",
|
||||
period: "por logo",
|
||||
description: "Ideal para testar a ferramenta e obter logos com marca d'água.",
|
||||
button: {
|
||||
text: "Gerar Logo Grátis",
|
||||
href: "/tool",
|
||||
id: "gratuito", tag: "Grátis", tagIcon: Gift,
|
||||
price: "$0", period: "por logo", description: "Ideal para testar a ferramenta e obter logos com marca d'água.", button: {
|
||||
text: "Gerar Logo Grátis", href: "/tool"
|
||||
},
|
||||
featuresTitle: "O que inclui:",
|
||||
features: [
|
||||
"Geração ilimitada de logos",
|
||||
"Download em baixa resolução",
|
||||
"Logos com marca d'água",
|
||||
"Acesso limitado a edições",
|
||||
"Suporte básico",
|
||||
],
|
||||
featuresTitle: "O que inclui:", features: [
|
||||
"Geração ilimitada de logos", "Download em baixa resolução", "Logos com marca d'água", "Acesso limitado a edições", "Suporte básico"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Recomendado",
|
||||
tagIcon: Star,
|
||||
price: "$29",
|
||||
period: "por logo",
|
||||
description: "Tudo que você precisa para uma marca profissional, sem limitações.",
|
||||
button: {
|
||||
text: "Escolher Plano Premium",
|
||||
href: "#",
|
||||
id: "premium", tag: "Recomendado", tagIcon: Star,
|
||||
price: "$29", period: "por logo", description: "Tudo que você precisa para uma marca profissional, sem limitações.", button: {
|
||||
text: "Escolher Plano Premium", href: "#"
|
||||
},
|
||||
featuresTitle: "Tudo do Gratuito, mais:",
|
||||
features: [
|
||||
"Download em alta resolução",
|
||||
"Logos sem marca d'água",
|
||||
"Múltiplos formatos (SVG, EPS, PNG, JPEG)",
|
||||
"Edições ilimitadas",
|
||||
"Direitos comerciais",
|
||||
"Suporte prioritário",
|
||||
],
|
||||
},
|
||||
featuresTitle: "Tudo do Gratuito, mais:", features: [
|
||||
"Download em alta resolução", "Logos sem marca d'água", "Múltiplos formatos (SVG, EPS, PNG, JPEG)", "Edições ilimitadas", "Direitos comerciais", "Suporte prioritário"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Escolha o Plano Perfeito para Sua Marca"
|
||||
description="Do básico ao premium, temos uma opção para cada necessidade, com flexibilidade para o seu negócio crescer."
|
||||
@@ -366,25 +260,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "O que é o LogoGen AI?",
|
||||
content: "É uma ferramenta online que utiliza inteligência artificial para gerar logos profissionais e personalizados para sua marca ou empresa, de forma rápida e intuitiva.",
|
||||
id: "faq1", title: "O que é o LogoGen AI?", content: "É uma ferramenta online que utiliza inteligência artificial para gerar logos profissionais e personalizados para sua marca ou empresa, de forma rápida e intuitiva."
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "É realmente gratuito?",
|
||||
content: "Sim, você pode gerar e baixar logos em baixa resolução com marca d'água gratuitamente. Para versões em alta qualidade e sem marca d'água, oferecemos planos premium.",
|
||||
id: "faq2", title: "É realmente gratuito?", content: "Sim, você pode gerar e baixar logos em baixa resolução com marca d'água gratuitamente. Para versões em alta qualidade e sem marca d'água, oferecemos planos premium."
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Posso personalizar os logos gerados?",
|
||||
content: "Sim, após a geração, você pode ajustar cores, fontes, ícones e layouts para que o logo se alinhe perfeitamente à sua visão de marca.",
|
||||
id: "faq3", title: "Posso personalizar os logos gerados?", content: "Sim, após a geração, você pode ajustar cores, fontes, ícones e layouts para que o logo se alinhe perfeitamente à sua visão de marca."
|
||||
},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Quais formatos de arquivo estão disponíveis?",
|
||||
content: "Os planos premium permitem o download em diversos formatos, incluindo PNG, JPEG, SVG (vetorizado) e EPS, ideais para uso digital e impresso.",
|
||||
},
|
||||
id: "faq4", title: "Quais formatos de arquivo estão disponíveis?", content: "Os planos premium permitem o download em diversos formatos, incluindo PNG, JPEG, SVG (vetorizado) e EPS, ideais para uso digital e impresso."
|
||||
}
|
||||
]}
|
||||
sideTitle="Perguntas Frequentes"
|
||||
sideDescription="Encontre respostas para as dúvidas mais comuns sobre como criar e utilizar seu logo com o LogoGen AI."
|
||||
@@ -397,12 +283,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Sua Marca, Seu Logo"
|
||||
title="Crie Seu Logo Grátis!"
|
||||
description="Insira o nome da sua empresa/marca abaixo e deixe nossa inteligência artificial gerar opções de logos profissionais em segundos."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-user-interface-for-an-ai--1774460848020-63a6c839.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-user-interface-for-an-ai--1774460848020-63a6c839.png"
|
||||
imageAlt="AI logo generation input interface"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Briefcase, Crop, Download, Gauge, Lightbulb, Palette, Sparkles, Type } from "lucide-react";
|
||||
import { Briefcase, Crop, Download, Gauge, Lightbulb, Palette, Sparkles, Type, PencilRuler } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,30 +29,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Gerador",
|
||||
id: "tool",
|
||||
href: "/tool",
|
||||
name: "Gerador", id: "tool"
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "pricing",
|
||||
href: "/pricing",
|
||||
name: "Planos", id: "pricing"
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contato", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="LogoGen AI"
|
||||
button={{
|
||||
text: "Gerar Logo Grátis",
|
||||
href: "/tool",
|
||||
text: "Gerar Logo Grátis", href: "/tool"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -61,21 +52,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
variant: "downward-rays-static-grid"
|
||||
}}
|
||||
title="Crie Logos Incríveis com a Inteligência Artificial da LogoGen AI"
|
||||
description="Transforme sua ideia em um logo profissional em poucos cliques. Simples, rápido e com resultados que você vai amar."
|
||||
buttons={[
|
||||
{
|
||||
text: "Começar Agora",
|
||||
href: "/tool",
|
||||
text: "Começar Agora", href: "/tool"
|
||||
},
|
||||
{
|
||||
text: "Ver Exemplos",
|
||||
href: "#exemplos",
|
||||
},
|
||||
text: "Ver Exemplos", href: "#exemplos"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-user-interface-for-an-ai--1774460848020-63a6c839.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-modern-user-interface-for-an-ai--1774460848020-63a6c839.png"
|
||||
imageAlt="Interface do gerador de logo AI com campo de entrada"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,77 +77,65 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Descreva Sua Visão",
|
||||
description: "Informe o nome da sua marca, palavras-chave e a indústria para que nossa IA entenda sua essência.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-minimalist-workflow-diagram-illu-1774460847808-dd161cd1.png?_wi=2",
|
||||
imageAlt: "Diagrama de fluxo de trabalho de criação de logo",
|
||||
id: "1", title: "Descreva Sua Visão", description: "Informe o nome da sua marca, palavras-chave e a indústria para que nossa IA entenda sua essência.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-clean-minimalist-workflow-diagram-illu-1774460847808-dd161cd1.png", imageAlt: "Diagrama de fluxo de trabalho de criação de logo"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: PencilRuler,
|
||||
text: "Nome da Marca",
|
||||
text: "Nome da Marca"
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Palavras-chave",
|
||||
text: "Palavras-chave"
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Indústria",
|
||||
},
|
||||
text: "Indústria"
|
||||
}
|
||||
],
|
||||
reverse: false,
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Escolha Seus Estilos Favoritos",
|
||||
description: "Explore uma vasta galeria de estilos, fontes e ícones. Deixe a IA saber suas preferências para refinar o processo.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-collection-of-modern-abstract-icons-re-1774460848623-fb56f95f.png",
|
||||
imageAlt: "Coleção de ícones abstratos de recursos",
|
||||
id: "2", title: "Escolha Seus Estilos Favoritos", description: "Explore uma vasta galeria de estilos, fontes e ícones. Deixe a IA saber suas preferências para refinar o processo.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-collection-of-modern-abstract-icons-re-1774460848623-fb56f95f.png", imageAlt: "Coleção de ícones abstratos de recursos"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Estilos Modernos",
|
||||
text: "Estilos Modernos"
|
||||
},
|
||||
{
|
||||
icon: Type,
|
||||
text: "Fontes Exclusivas",
|
||||
text: "Fontes Exclusivas"
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Elementos Visuais",
|
||||
},
|
||||
text: "Elementos Visuais"
|
||||
}
|
||||
],
|
||||
reverse: true,
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gere e Personalize Seu Logo",
|
||||
description: "Em segundos, a IA apresenta múltiplas opções de logo. Edite cores, layouts e tamanhos até a perfeição.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-sleek-modern-software-dashboard-interf-1774460849123-f5e4a85a.png?_wi=2",
|
||||
imageAlt: "Interface de dashboard do gerador de logo AI",
|
||||
id: "3", title: "Gere e Personalize Seu Logo", description: "Em segundos, a IA apresenta múltiplas opções de logo. Edite cores, layouts e tamanhos até a perfeição.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/a-sleek-modern-software-dashboard-interf-1774460849123-f5e4a85a.png", imageAlt: "Interface de dashboard do gerador de logo AI"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Gauge,
|
||||
text: "Geração Rápida",
|
||||
text: "Geração Rápida"
|
||||
},
|
||||
{
|
||||
icon: Crop,
|
||||
text: "Ferramentas de Edição",
|
||||
text: "Ferramentas de Edição"
|
||||
},
|
||||
{
|
||||
icon: Download,
|
||||
text: "Exportação em Alta Resolução",
|
||||
},
|
||||
text: "Exportação em Alta Resolução"
|
||||
}
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Como Funciona: Seu Logo em 3 Passos Simples"
|
||||
description="Nosso gerador de logos com IA simplifica o design para que você possa focar no que realmente importa: sua marca."
|
||||
@@ -172,41 +149,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Clara, CEO da InovaTech",
|
||||
handle: "@anaclara_tech",
|
||||
testimonial: "A LogoGen AI mudou o jogo para minha startup! Consegui um logo profissional em minutos, sem gastar uma fortuna. Incrível!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460848676-ccea9d2e.png?_wi=2",
|
||||
imageAlt: "Foto de perfil de Ana Clara",
|
||||
id: "1", name: "Ana Clara, CEO da InovaTech", handle: "@anaclara_tech", testimonial: "A LogoGen AI mudou o jogo para minha startup! Consegui um logo profissional em minutos, sem gastar uma fortuna. Incrível!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460848676-ccea9d2e.png", imageAlt: "Foto de perfil de Ana Clara"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bruno Lima, Marketing Digital",
|
||||
handle: "@brunolimadigital",
|
||||
testimonial: "Sempre tive dificuldade em criar logos. Com a LogoGen AI, é super intuitivo e as opções geradas pela IA são sempre impressionantes.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848493-1cb14996.png?_wi=2",
|
||||
imageAlt: "Foto de perfil de Bruno Lima",
|
||||
id: "2", name: "Bruno Lima, Marketing Digital", handle: "@brunolimadigital", testimonial: "Sempre tive dificuldade em criar logos. Com a LogoGen AI, é super intuitivo e as opções geradas pela IA são sempre impressionantes.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848493-1cb14996.png", imageAlt: "Foto de perfil de Bruno Lima"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Mendes, Empreendedora",
|
||||
handle: "@carlamendes_biz",
|
||||
testimonial: "Precisava de um logo rápido para um novo projeto. A qualidade e velocidade da LogoGen AI superaram minhas expectativas. Recomendo!",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460849015-f48b3d1c.png?_wi=2",
|
||||
imageAlt: "Foto de perfil de Carla Mendes",
|
||||
id: "3", name: "Carla Mendes, Empreendedora", handle: "@carlamendes_biz", testimonial: "Precisava de um logo rápido para um novo projeto. A qualidade e velocidade da LogoGen AI superaram minhas expectativas. Recomendo!", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-femal-1774460849015-f48b3d1c.png", imageAlt: "Foto de perfil de Carla Mendes"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pedro Rocha, Desenvolvedor",
|
||||
handle: "@pedrorocha_dev",
|
||||
testimonial: "Uma ferramenta poderosa para quem precisa de um logo sem complicação. As opções de personalização são ótimas.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848935-3e57ee01.png?_wi=2",
|
||||
imageAlt: "Foto de perfil de Pedro Rocha",
|
||||
},
|
||||
id: "4", name: "Pedro Rocha, Desenvolvedor", handle: "@pedrorocha_dev", testimonial: "Uma ferramenta poderosa para quem precisa de um logo sem complicação. As opções de personalização são ótimas.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRnNA1i0j3ZFA8X9kWw24omQ1c/professional-headshot-of-a-smiling-male--1774460848935-3e57ee01.png", imageAlt: "Foto de perfil de Pedro Rocha"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="O Que Nossos Clientes Dizem"
|
||||
@@ -218,16 +175,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
tag="Comece Já"
|
||||
title="Pronto Para Criar Seu Logo Perfeito?"
|
||||
description="Experimente o gerador de logos da LogoGen AI hoje e dê vida à sua visão. Sua marca merece um design de destaque."
|
||||
buttons={[
|
||||
{
|
||||
text: "Criar Meu Logo Grátis",
|
||||
href: "/tool",
|
||||
},
|
||||
text: "Criar Meu Logo Grátis", href: "/tool"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -236,56 +192,44 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produto",
|
||||
items: [
|
||||
title: "Produto", items: [
|
||||
{
|
||||
label: "Gerador de Logos",
|
||||
href: "/tool",
|
||||
label: "Gerador de Logos", href: "/tool"
|
||||
},
|
||||
{
|
||||
label: "Recursos",
|
||||
href: "#features",
|
||||
label: "Recursos", href: "#features"
|
||||
},
|
||||
{
|
||||
label: "Preços",
|
||||
href: "/pricing",
|
||||
},
|
||||
],
|
||||
label: "Preços", href: "/pricing"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
label: "Sobre Nós", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "/contact",
|
||||
label: "Contato", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Termos de Serviço",
|
||||
href: "/terms",
|
||||
},
|
||||
],
|
||||
label: "Termos de Serviço", href: "/terms"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Recursos",
|
||||
items: [
|
||||
title: "Recursos", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
label: "FAQ", href: "#faq"
|
||||
},
|
||||
{
|
||||
label: "Suporte",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Suporte", href: "/contact"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="LogoGen AI"
|
||||
copyrightText="© 2024 LogoGen AI. Todos os direitos reservados."
|
||||
|
||||
Reference in New Issue
Block a user