bender/b959ce75-d0cb-48b3-830f-9e1b44f30d86
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/tool/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-25 17:49:19 +00:00
parent 43ae47c88f
commit b13b439cae
1 changed files with 65 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

186
src/app/tool/page.tsx
View File

@@ -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."