bender/d035cb13-4e43-4caf-b2b6-08a927a99d5b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 23:22:54 +00:00
parent a1e39f3b25
commit d090b3f5b8
1 changed files with 81 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

362
src/app/page.tsx
View File

@@ -33,52 +33,35 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Início",
id: "#inicio",
},
name: "Início", id: "#inicio"},
{
name: "Recursos",
id: "#recursos",
},
name: "Recursos", id: "#recursos"},
{
name: "Planos",
id: "#planos",
},
name: "Planos", id: "#planos"},
{
name: "Testemunhos",
id: "#testemunhos",
},
name: "Testemunhos", id: "#testemunhos"},
{
name: "Contato",
id: "#contato",
},
name: "Contato", id: "#contato"},
]}
brandName="AI Sites Pro"
button={{
text: "Comece Já",
href: "#contato",
}}
text: "Comece Já", href: "#contato"}}
/>
</div>
<div id="inicio" data-section="inicio">
<HeroSplit
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
imagePosition="right"
title="Crie Seu Website Incrível com o Poder da IA"
description="Transformamos suas ideias em websites profissionais e otimizados em minutos. Sem codificação, sem complicações."
tag="Inovação Digital"
buttons={[
{
text: "Descubra Planos",
href: "#planos",
},
text: "Descubra Planos", href: "#planos"},
{
text: "Ver Demonstração",
href: "#recursos",
},
text: "Ver Demonstração", href: "#recursos"},
]}
imageSrc="http://img.b2bpic.net/free-photo/molecular-structure-chemistry-science-experiment-concept_53876-120325.jpg"
imageAlt="AI website builder interface"
@@ -86,52 +69,32 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lawyer-doing-her-job_23-2148172253.jpg",
alt: "Female Developer",
},
src: "http://img.b2bpic.net/free-photo/lawyer-doing-her-job_23-2148172253.jpg", alt: "Female Developer"},
{
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
alt: "Male Tech Lead",
},
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Male Tech Lead"},
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
alt: "Project Manager",
},
src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", alt: "Project Manager"},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg",
alt: "UX Designer",
},
src: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg", alt: "UX Designer"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Marketing Specialist",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Marketing Specialist"},
]}
avatarText="+10K Websites Criados"
marqueeItems={[
{
type: "text-icon",
text: "Criação Rápida",
icon: Zap,
type: "text-icon", text: "Criação Rápida", icon: Zap,
},
{
type: "text-icon",
text: "SEO Otimizado",
icon: Search,
type: "text-icon", text: "SEO Otimizado", icon: Search,
},
{
type: "text-icon",
text: "Design Moderno",
icon: Palette,
type: "text-icon", text: "Design Moderno", icon: Palette,
},
{
type: "text-icon",
text: "Suporte Dedicado",
icon: LifeBuoy,
type: "text-icon", text: "Suporte Dedicado", icon: LifeBuoy,
},
{
type: "text-icon",
text: "Resultados Reais",
icon: LineChart,
type: "text-icon", text: "Resultados Reais", icon: LineChart,
},
]}
/>
@@ -144,16 +107,11 @@ export default function LandingPage() {
title="AI Sites Pro: A Revolução na Criação Web"
buttons={[
{
text: "Nossa Tecnologia",
href: "#recursos",
},
text: "Nossa Tecnologia", href: "#recursos"},
{
text: "Entre em Contato",
href: "#contato",
},
text: "Entre em Contato", href: "#contato"},
]}
description="Nossa plataforma impulsionada por IA entende suas necessidades e constrói um website sob medida, desde o design até o conteúdo. Foco total nos seus resultados, com otimização SEO e responsividade garantidas."
/>
/>
</div>
<div id="recursos" data-section="recursos">
@@ -163,20 +121,11 @@ export default function LandingPage() {
description="Explore as funcionalidades que fazem da AI Sites Pro a escolha ideal para o seu negócio. Design personalizado, conteúdo otimizado e gerenciamento intuitivo, tudo para impulsionar sua presença online."
accordionItems={[
{
id: "1",
title: "Design Personalizado por IA",
content: "Nossa inteligência artificial cria layouts únicos e visuais impressionantes, alinhados à sua marca e setor, garantindo um site que se destaca.",
},
id: "1", title: "Design Personalizado por IA", content: "Nossa inteligência artificial cria layouts únicos e visuais impressionantes, alinhados à sua marca e setor, garantindo um site que se destaca."},
{
id: "2",
title: "Conteúdo Otimizado e Engajador",
content: "Geração de textos, imagens e vídeos com IA, focando em SEO e nas palavras-chave mais relevantes para atrair seu público-alvo e convertê-los em clientes.",
},
id: "2", title: "Conteúdo Otimizado e Engajador", content: "Geração de textos, imagens e vídeos com IA, focando em SEO e nas palavras-chave mais relevantes para atrair seu público-alvo e convertê-los em clientes."},
{
id: "3",
title: "Gerenciamento Intuitivo Sem Código",
content: "Esqueça a complexidade. Nossa interface arrasta e solta permite que você atualize e gerencie seu site facilmente, sem precisar de conhecimentos em programação.",
},
id: "3", title: "Gerenciamento Intuitivo Sem Código", content: "Esqueça a complexidade. Nossa interface arrasta e solta permite que você atualize e gerencie seu site facilmente, sem precisar de conhecimentos em programação."},
]}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917453.jpg"
imageAlt="AI analytics dashboard for website management"
@@ -193,47 +142,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "basic",
name: "Site Essencial",
price: "A partir de R$ 999",
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-banner-set_1284-34351.jpg",
imageAlt: "Minimalist website layout for Basic package",
},
id: "basic", name: "Site Essencial", price: "A partir de R$ 999", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-banner-set_1284-34351.jpg", imageAlt: "Minimalist website layout for Basic package"},
{
id: "professional",
name: "Site Profissional",
price: "A partir de R$ 1.999",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-press-kit-template_23-2150296091.jpg",
imageAlt: "Professional business website layout",
},
id: "professional", name: "Site Profissional", price: "A partir de R$ 1.999", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-press-kit-template_23-2150296091.jpg", imageAlt: "Professional business website layout"},
{
id: "ecommerce",
name: "E-commerce Completo",
price: "A partir de R$ 3.499",
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-log-it-glasses-office-supplies_1163-2757.jpg",
imageAlt: "E-commerce website layout with products",
},
id: "ecommerce", name: "E-commerce Completo", price: "A partir de R$ 3.499", imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-log-it-glasses-office-supplies_1163-2757.jpg", imageAlt: "E-commerce website layout with products"},
{
id: "portfolio",
name: "Portfólio Criativo",
price: "A partir de R$ 1.499",
imageSrc: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg",
imageAlt: "Creative portfolio website layout",
},
id: "portfolio", name: "Portfólio Criativo", price: "A partir de R$ 1.499", imageSrc: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg", imageAlt: "Creative portfolio website layout"},
{
id: "blog",
name: "Blog Otimizado",
price: "A partir de R$ 1.299",
imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-95888.jpg",
imageAlt: "Blog website layout with article cards",
},
id: "blog", name: "Blog Otimizado", price: "A partir de R$ 1.299", imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-95888.jpg", imageAlt: "Blog website layout with article cards"},
{
id: "corporate",
name: "Solução Corporativa",
price: "A partir de R$ 4.999",
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office_23-2149307796.jpg",
imageAlt: "Robust corporate website layout",
},
id: "corporate", name: "Solução Corporativa", price: "A partir de R$ 4.999", imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office_23-2149307796.jpg", imageAlt: "Robust corporate website layout"},
]}
title="Seu Website Ideal, Criado por IA"
description="Escolha entre nossos pacotes de websites com IA, desenvolvidos para diferentes necessidades e orçamentos, garantindo a solução perfeita para você."
@@ -246,65 +165,30 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "starter",
tag: "Para Começar",
tagIcon: Rocket,
price: "R$ 199/mês",
period: "após 3 meses",
description: "Ideal para quem busca uma presença online rápida e eficiente.",
button: {
text: "Escolher Plano Starter",
href: "#contato",
},
featuresTitle: "Inclui:",
features: [
"Criação de Site Básico com IA",
"Hospedagem inclusa",
"Suporte Essencial",
"Otimização SEO inicial",
],
id: "starter", tag: "Para Começar", tagIcon: Rocket,
price: "R$ 199/mês", period: "após 3 meses", description: "Ideal para quem busca uma presença online rápida e eficiente.", button: {
text: "Escolher Plano Starter", href: "#contato"},
featuresTitle: "Inclui:", features: [
"Criação de Site Básico com IA", "Hospedagem inclusa", "Suporte Essencial", "Otimização SEO inicial"],
},
{
id: "business",
tag: "Mais Popular",
tagIcon: TrendingUp,
price: "R$ 399/mês",
period: "após 3 meses",
description: "Perfeito para empresas que precisam de recursos avançados e maior visibilidade.",
button: {
text: "Escolher Plano Business",
href: "#contato",
},
featuresTitle: "Tudo do Starter, mais:",
features: [
"Site Profissional e Otimizado por IA",
"Integração de E-commerce ou Portfólio",
"Suporte Prioritário",
"Relatórios de Performance Mensais",
],
id: "business", tag: "Mais Popular", tagIcon: TrendingUp,
price: "R$ 399/mês", period: "após 3 meses", description: "Perfeito para empresas que precisam de recursos avançados e maior visibilidade.", button: {
text: "Escolher Plano Business", href: "#contato"},
featuresTitle: "Tudo do Starter, mais:", features: [
"Site Profissional e Otimizado por IA", "Integração de E-commerce ou Portfólio", "Suporte Prioritário", "Relatórios de Performance Mensais"],
},
{
id: "enterprise",
tag: "Solução Completa",
tagIcon: Crown,
price: "R$ 799/mês",
period: "após 3 meses",
description: "Para grandes negócios que exigem personalização total e alta performance.",
button: {
text: "Escolher Plano Enterprise",
href: "#contato",
},
featuresTitle: "Tudo do Business, mais:",
features: [
"Desenvolvimento Customizado com IA",
"Integrações de Sistemas Avançadas",
"Consultoria Estratégica",
"Manutenção e Atualizações VIP",
],
id: "enterprise", tag: "Solução Completa", tagIcon: Crown,
price: "R$ 799/mês", period: "após 3 meses", description: "Para grandes negócios que exigem personalização total e alta performance.", button: {
text: "Escolher Plano Enterprise", href: "#contato"},
featuresTitle: "Tudo do Business, mais:", features: [
"Desenvolvimento Customizado com IA", "Integrações de Sistemas Avançadas", "Consultoria Estratégica", "Manutenção e Atualizações VIP"],
},
]}
title="Planos Flexíveis para Qualquer Negócio"
description="Encontre a solução perfeita para o seu projeto com nossos planos transparentes, criados para oferecer o melhor custo-benefício e resultados reais."
animationType="slide-up"
/>
</div>
@@ -316,50 +200,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Ana Clara Santos",
role: "CEO da Inovatech",
company: "Inovatech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg",
imageAlt: "Foto de Ana Clara Santos",
},
id: "1", name: "Ana Clara Santos", role: "CEO da Inovatech", company: "Inovatech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg", imageAlt: "Foto de Ana Clara Santos"},
{
id: "2",
name: "Bruno Lima",
role: "Fundador da StartUp Digital",
company: "StartUp Digital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-boardroom-space-within-enterprise-designed-productivity_482257-114714.jpg",
imageAlt: "Foto de Bruno Lima",
},
id: "2", name: "Bruno Lima", role: "Fundador da StartUp Digital", company: "StartUp Digital", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-boardroom-space-within-enterprise-designed-productivity_482257-114714.jpg", imageAlt: "Foto de Bruno Lima"},
{
id: "3",
name: "Carla Mendes",
role: "Gerente de Marketing da Global Connect",
company: "Global Connect",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-doing-job-digital-tablet-reading-something-standing-white-background_1258-112809.jpg",
imageAlt: "Foto de Carla Mendes",
},
id: "3", name: "Carla Mendes", role: "Gerente de Marketing da Global Connect", company: "Global Connect", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-doing-job-digital-tablet-reading-something-standing-white-background_1258-112809.jpg", imageAlt: "Foto de Carla Mendes"},
{
id: "4",
name: "Daniel Oliveira",
role: "Proprietário da Padaria Artesanal",
company: "Padaria Artesanal",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-man-keeps-hands-chin-looks-with-self-confident-facial-expression-wears-optical-glasses-sits-table-cozy-cafeteria-has-coffee-break-after-remote-work-laptop_273609-29249.jpg",
imageAlt: "Foto de Daniel Oliveira",
},
id: "4", name: "Daniel Oliveira", role: "Proprietário da Padaria Artesanal", company: "Padaria Artesanal", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-man-keeps-hands-chin-looks-with-self-confident-facial-expression-wears-optical-glasses-sits-table-cozy-cafeteria-has-coffee-break-after-remote-work-laptop_273609-29249.jpg", imageAlt: "Foto de Daniel Oliveira"},
{
id: "5",
name: "Elisa Costa",
role: "Especialista em E-commerce da Fashion Trends",
company: "Fashion Trends",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-ceo-attends-business-meeting-videocall-connection-using-online-videoconference-call-explain-company-solution-development-company-entrepreneur-open-office-tripod-shot_482257-67912.jpg",
imageAlt: "Foto de Elisa Costa",
},
id: "5", name: "Elisa Costa", role: "Especialista em E-commerce da Fashion Trends", company: "Fashion Trends", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-ceo-attends-business-meeting-videocall-connection-using-online-videoconference-call-explain-company-solution-development-company-entrepreneur-open-office-tripod-shot_482257-67912.jpg", imageAlt: "Foto de Elisa Costa"},
]}
title="O Que Nossos Clientes Dizem"
description="Histórias de sucesso de quem confiou na AI Sites Pro para impulsionar sua presença online e alcançar resultados surpreendentes."
@@ -372,35 +226,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Como a IA cria meu site?",
content: "Nossa IA utiliza algoritmos avançados para analisar suas preferências, setor e conteúdo fornecido, gerando um design e estrutura de site personalizados em minutos.",
},
id: "1", title: "Como a IA cria meu site?", content: "Nossa IA utiliza algoritmos avançados para analisar suas preferências, setor e conteúdo fornecido, gerando um design e estrutura de site personalizados em minutos."},
{
id: "2",
title: "Preciso ter conhecimento em programação?",
content: "Não! Nossa plataforma é totalmente intuitiva, com um editor de arrastar e soltar que permite gerenciar seu site sem nenhuma linha de código.",
},
id: "2", title: "Preciso ter conhecimento em programação?", content: "Não! Nossa plataforma é totalmente intuitiva, com um editor de arrastar e soltar que permite gerenciar seu site sem nenhuma linha de código."},
{
id: "3",
title: "Posso personalizar o site após a criação da IA?",
content: "Sim, a IA oferece uma base sólida, mas você tem total liberdade para personalizar todos os aspectos do seu site, desde textos e imagens até layouts e funcionalidades.",
},
id: "3", title: "Posso personalizar o site após a criação da IA?", content: "Sim, a IA oferece uma base sólida, mas você tem total liberdade para personalizar todos os aspectos do seu site, desde textos e imagens até layouts e funcionalidades."},
{
id: "4",
title: "A AI Sites Pro oferece hospedagem?",
content: "Sim, todos os nossos planos incluem hospedagem segura e de alta performance, garantindo que seu site esteja sempre online e rápido.",
},
id: "4", title: "A AI Sites Pro oferece hospedagem?", content: "Sim, todos os nossos planos incluem hospedagem segura e de alta performance, garantindo que seu site esteja sempre online e rápido."},
{
id: "5",
title: "Como funciona o suporte técnico?",
content: "Oferecemos suporte via chat, e-mail e telefone, com diferentes níveis de prioridade dependendo do seu plano, para garantir que suas dúvidas sejam resolvidas rapidamente.",
},
id: "5", title: "Como funciona o suporte técnico?", content: "Oferecemos suporte via chat, e-mail e telefone, com diferentes níveis de prioridade dependendo do seu plano, para garantir que suas dúvidas sejam resolvidas rapidamente."},
{
id: "6",
title: "A otimização SEO é realmente eficaz?",
content: "Nossa IA é treinada para gerar conteúdo e estrutura com foco em SEO, utilizando as melhores práticas para que seu site tenha um bom ranqueamento nos motores de busca, atraindo mais visitantes.",
},
id: "6", title: "A otimização SEO é realmente eficaz?", content: "Nossa IA é treinada para gerar conteúdo e estrutura com foco em SEO, utilizando as melhores práticas para que seu site tenha um bom ranqueamento nos motores de busca, atraindo mais visitantes."},
]}
title="Perguntas Frequentes"
description="Tire suas dúvidas mais comuns sobre a criação de websites com IA, nossa tecnologia e como podemos ajudar seu negócio a crescer online."
@@ -415,27 +251,16 @@ export default function LandingPage() {
description="Entre em contato conosco para criar o seu website com IA. Nossa equipe está pronta para transformar suas ideias em uma presença online impactante."
inputs={[
{
name: "name",
type: "text",
placeholder: "Seu Nome Completo",
required: true,
name: "name", type: "text", placeholder: "Seu Nome Completo", required: true,
},
{
name: "email",
type: "email",
placeholder: "Seu Melhor E-mail",
required: true,
name: "email", type: "email", placeholder: "Seu Melhor E-mail", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Seu Telefone (Opcional)",
},
name: "phone", type: "tel", placeholder: "Seu Telefone (Opcional)"},
]}
textarea={{
name: "message",
placeholder: "Como podemos ajudar?",
rows: 5,
name: "message", placeholder: "Como podemos ajudar?", rows: 5,
}}
imageSrc="http://img.b2bpic.net/free-photo/medical-icon-3d-illustration_183364-119302.jpg"
imageAlt="Abstract AI network connections"
@@ -448,62 +273,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Soluções",
items: [
title: "Soluções", items: [
{
label: "Sites Essenciais",
href: "#planos",
},
label: "Sites Essenciais", href: "#planos"},
{
label: "E-commerce",
href: "#planos",
},
label: "E-commerce", href: "#planos"},
{
label: "Portfólios",
href: "#planos",
},
label: "Portfólios", href: "#planos"},
{
label: "Blogs",
href: "#planos",
},
label: "Blogs", href: "#planos"},
],
},
{
title: "Empresa",
items: [
title: "Empresa", items: [
{
label: "Sobre Nós",
href: "#about",
},
label: "Sobre Nós", href: "#about"},
{
label: "Recursos",
href: "#recursos",
},
label: "Recursos", href: "#recursos"},
{
label: "Testemunhos",
href: "#testemunhos",
},
label: "Testemunhos", href: "#testemunhos"},
],
},
{
title: "Suporte",
items: [
title: "Suporte", items: [
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Contato",
href: "#contato",
},
label: "Contato", href: "#contato"},
{
label: "Termos de Uso",
href: "#",
},
label: "Termos de Uso", href: "#"},
{
label: "Política de Privacidade",
href: "#",
},
label: "Política de Privacidade", href: "#"},
],
},
]}