318 lines
17 KiB
TypeScript
318 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Crown, LifeBuoy, LineChart, Palette, Rocket, Search, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "#inicio"},
|
|
{
|
|
name: "Recursos", id: "#recursos"},
|
|
{
|
|
name: "Planos", id: "#planos"},
|
|
{
|
|
name: "Testemunhos", id: "#testemunhos"},
|
|
{
|
|
name: "Contato", id: "#contato"},
|
|
]}
|
|
brandName="AI Sites Pro"
|
|
button={{
|
|
text: "Comece Já", href: "#contato"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="inicio" data-section="inicio">
|
|
<HeroSplit
|
|
background={{
|
|
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: "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"
|
|
mediaAnimation="slide-up"
|
|
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/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/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"},
|
|
]}
|
|
avatarText="+10K Websites Criados"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Criação Rápida", icon: Zap,
|
|
},
|
|
{
|
|
type: "text-icon", text: "SEO Otimizado", icon: Search,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Design Moderno", icon: Palette,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Suporte Dedicado", icon: LifeBuoy,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Resultados Reais", icon: LineChart,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="Sobre Nós"
|
|
title="AI Sites Pro: A Revolução na Criação Web"
|
|
buttons={[
|
|
{
|
|
text: "Nossa Tecnologia", href: "#recursos"},
|
|
{
|
|
text: "Entre em Contato", href: "#contato"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="recursos" data-section="recursos">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Recursos Inteligentes para Seu Sucesso"
|
|
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: "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."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917453.jpg"
|
|
imageAlt="AI analytics dashboard for website management"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="produtos" data-section="produtos">
|
|
<ProductCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
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: "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: "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: "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ê."
|
|
/>
|
|
</div>
|
|
|
|
<div id="planos" data-section="planos">
|
|
<PricingCardFive
|
|
textboxLayout="default"
|
|
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: "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"],
|
|
},
|
|
]}
|
|
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>
|
|
|
|
<div id="testemunhos" data-section="testemunhos">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
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: "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: "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"},
|
|
]}
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
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: "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: "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: "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."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Comece Seu Projeto Hoje!"
|
|
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: "email", type: "email", placeholder: "Seu Melhor E-mail", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Seu Telefone (Opcional)"},
|
|
]}
|
|
textarea={{
|
|
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"
|
|
mediaPosition="right"
|
|
buttonText="Enviar Mensagem"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Soluções", items: [
|
|
{
|
|
label: "Sites Essenciais", href: "#planos"},
|
|
{
|
|
label: "E-commerce", href: "#planos"},
|
|
{
|
|
label: "Portfólios", href: "#planos"},
|
|
{
|
|
label: "Blogs", href: "#planos"},
|
|
],
|
|
},
|
|
{
|
|
title: "Empresa", items: [
|
|
{
|
|
label: "Sobre Nós", href: "#about"},
|
|
{
|
|
label: "Recursos", href: "#recursos"},
|
|
{
|
|
label: "Testemunhos", href: "#testemunhos"},
|
|
],
|
|
},
|
|
{
|
|
title: "Suporte", items: [
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
{
|
|
label: "Contato", href: "#contato"},
|
|
{
|
|
label: "Termos de Uso", href: "#"},
|
|
{
|
|
label: "Política de Privacidade", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="AI Sites Pro"
|
|
copyrightText="© 2024 AI Sites Pro. Todos os direitos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|