165 lines
13 KiB
TypeScript
165 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import { Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="LensAI Pro"
|
|
navItems={[
|
|
{ name: "Início", id: "hero" },
|
|
{ name: "Como Funciona", id: "como-funciona" },
|
|
{ name: "Estilos", id: "estilos" },
|
|
{ name: "Preços", id: "precos" },
|
|
{ name: "Depoimentos", id: "depoimentos" },
|
|
{ name: "Contato", id: "contato" }
|
|
]}
|
|
button={{
|
|
text: "Quero meu ensaio", href: "https://wa.me/5519993821467"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="LensAI Pro"
|
|
description="Sem estúdio, sem fotógrafo, sem sair de casa. Envie suas fotos e receba um ensaio incrível em até 24 horas."
|
|
buttons={[
|
|
{ text: "Começar meu ensaio agora", href: "https://wa.me/5519993821467" },
|
|
{ text: "Ver exemplos", href: "#estilos" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
mediaAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-compelling-before-and-after-comparison-1774218788843-fc8bd252.png"
|
|
|
|
/>
|
|
</div>
|
|
|
|
<div id="como-funciona" data-section="como-funciona">
|
|
<InlineImageSplitTextAbout
|
|
heading={[{ type: "text", content: "Como a LensAI Pro Transforma Suas Fotos" }]}
|
|
description="Nosso processo é simples, rápido e totalmente online. Em apenas 3 passos, você terá seu ensaio profissional:\n\n1. **Envie suas fotos:** Faça o upload de 10 a 20 fotos suas com boa iluminação pelo nosso portal seguro e intuitivo.\n2. **Escolha seu estilo:** Navegue por dezenas de cenários e estilos, de looks executivos a fantasias digitais, e selecione os seus favoritos.\n3. **Receba seu ensaio:** Em até 24 horas, seu ensaio completo estará pronto, com fotos profissionais geradas por IA, prontas para impressionar."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/an-abstract-interconnected-digital-workf-1774218789007-9fcbfc1a.png"
|
|
/>
|
|
</div>
|
|
|
|
<div id="estilos" data-section="estilos">
|
|
<ProductCardTwo
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
title="Explore Nossos Estilos de Ensaio"
|
|
description="Descubra uma vasta coleção de cenários e ambientes criados por IA para o seu ensaio perfeito. De retratos corporativos a fantasias digitais."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "urbano", brand: "Cenário", name: "Urbano Moderno", price: "", rating: 5, reviewCount: "200+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-high-quality-ai-generated-professional-1774218788744-c3cdc9c3.png" },
|
|
{ id: "executivo", brand: "Cenário", name: "Executivo Premium", price: "", rating: 5, reviewCount: "180+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-high-quality-ai-generated-professional-1774218788292-691cf3ac.png" },
|
|
{ id: "fantasia", brand: "Cenário", name: "Fantasia & Arte Digital", price: "", rating: 5, reviewCount: "150+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-high-quality-ai-generated-professional-1774218788887-28aabdd0.png" },
|
|
{ id: "cinematografico", brand: "Cenário", name: "Cinematográfico", price: "", rating: 5, reviewCount: "120+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-high-quality-ai-generated-professional-1774218788904-87990028.png" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Ver todos os estilos", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="beneficios" data-section="beneficios">
|
|
<FeatureCardMedia
|
|
features={[
|
|
{ id: "feature-1", title: "Sem estúdio físico", description: "Crie seu ensaio de forma 100% online, sem precisar de deslocamento ou agendamentos complicados.", tag: "Conveniência", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-modern-minimalist-icon-representing-no-1774218787861-93b7382f.png" },
|
|
{ id: "feature-2", title: "Entrega em até 24h", description: "Receba suas fotos profissionais em tempo recorde, prontas para usar onde quiser.", tag: "Rapidez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-dynamic-icon-showing-a-clock-or-hourgl-1774218788345-d50160ff.png" },
|
|
{ id: "feature-3", title: "Qualidade profissional", description: "Nossa IA é treinada para gerar resultados realistas e com acabamento de alta qualidade.", tag: "Excelência", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-sophisticated-icon-representing-profes-1774218788551-5e1e4542.png" },
|
|
{ id: "feature-4", title: "Diversidade de cenários", description: "Mais de 50 estilos e ambientes disponíveis para você explorar e encontrar o ideal.", tag: "Variedade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-creative-icon-symbolizing-diversity-of-1774218790074-01dce58d.png" },
|
|
{ id: "feature-5", title: "Privacidade garantida", description: "Seus dados e fotos são protegidos e deletados após o ensaio, garantindo total segurança.", tag: "Segurança", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-strong-icon-depicting-a-shield-or-a-lo-1774218788098-3933a701.png" },
|
|
{ id: "feature-6", title: "Satisfação garantida", description: "Refazemos seu ensaio se você não ficar 100% satisfeito com o resultado final.", tag: "Compromisso", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-friendly-icon-showing-a-smiling-face-o-1774218787922-620d641e.png" }
|
|
]}
|
|
animationType="slide-up"
|
|
title="Nossos Diferenciais"
|
|
description="Descubra as vantagens exclusivas de criar seu ensaio fotográfico com a inteligência artificial de ponta da LensAI Pro."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="precos" data-section="precos">
|
|
<PricingCardFive
|
|
plans={[
|
|
{ id: "starter", tag: "Valor", tagIcon: Sparkles, price: "R$ 29,90", period: "pagamento único", description: "Ideal para quem busca uma experiência básica com qualidade AI.", button: { text: "Escolher este plano", href: "https://wa.me/5519993821467?text=Quero o plano Starter!" }, featuresTitle: "Inclui:", features: ["3 fotos entregues", "1 estilo selecionado", "Edição básica de IA"] },
|
|
{ id: "pro", tag: "MAIS POPULAR", tagIcon: Star, price: "R$ 49,90", period: "pagamento único", description: "Nosso plano mais escolhido para quem quer variedade e impacto.", button: { text: "Escolher este plano", href: "https://wa.me/5519993821467?text=Quero o plano Pro!" }, featuresTitle: "Inclui:", features: ["5 fotos entregues", "3 estilos selecionados", "Edição avançada de IA", "Suporte prioritário"] },
|
|
{ id: "premium", tag: "Máximo Estilo", tagIcon: Zap, price: "R$ 129,90", period: "pagamento único", description: "Para uma experiência completa e fotos verdadeiramente únicas.", button: { text: "Escolher este plano", href: "https://wa.me/5519993821467?text=Quero o plano Premium!" }, featuresTitle: "Inclui:", features: ["10 fotos entregues", "6 estilos selecionados", "Retoque extra de IA", "Uso comercial liberado"] }
|
|
]}
|
|
animationType="slide-up"
|
|
title="Escolha Seu Plano Ideal"
|
|
description="Encontre o pacote perfeito para suas necessidades, com fotos profissionais geradas por IA de alta qualidade e sem compromisso. Pagamento único. Sem assinatura. Sem surpresas."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="depoimentos" data-section="depoimentos">
|
|
<TestimonialCardSixteen
|
|
testimonials={[
|
|
{ id: "1", name: "Mariana S.", role: "Analista de Marketing", company: "TechSolutions", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-realistic-ai-generated-portrait-of-a-y-1774218787802-5ff389b1.png" },
|
|
{ id: "2", name: "Rafael T.", role: "Empreendedor", company: "InnovateHub", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-realistic-ai-generated-portrait-of-a-m-1774218787976-3cb437d4.png" },
|
|
{ id: "3", name: "Laura G.", role: "Artista Digital", company: "Creative Minds", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-realistic-ai-generated-portrait-of-a-f-1774218789473-4e49916f.png" },
|
|
{ id: "4", name: "Carlos A.", role: "Consultor de Negócios", company: "Stratégia Consultoria", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/a-realistic-ai-generated-portrait-of-an--1774218790400-e50aab97.png" }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "+2.000", description: "Experiência" },
|
|
{ value: "4.9/5", description: "Qualidade" },
|
|
{ value: "98%", description: "Eficiência" }
|
|
]}
|
|
animationType="slide-up"
|
|
title="O que nossos clientes dizem"
|
|
description="Centenas de pessoas já transformaram suas fotos com a LensAI Pro. Veja algumas das experiências que nos enchem de orgulho."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
faqs={[
|
|
{ id: "faq-1", title: "Preciso ter fotos profissionais para enviar?", content: "Não! Você pode enviar fotos comuns do seu celular, desde que tenham boa iluminação e nitidez. Nossa IA fará o resto da magia." },
|
|
{ id: "faq-2", title: "Quanto tempo leva para receber meu ensaio?", content: "Nosso prazo padrão de entrega é de até 24 horas após a confirmação do estilo e pagamento. Faremos o possível para que você receba antes!" },
|
|
{ id: "faq-3", title: "Minhas fotos ficam salvas na plataforma?", content: "Não. Garantimos sua privacidade. Suas fotos enviadas são deletadas de nossos servidores após a entrega do ensaio." },
|
|
{ id: "faq-4", title: "Posso usar as fotos comercialmente?", content: "Sim! Todas as fotos geradas são de sua propriedade e podem ser usadas para fins pessoais e comerciais, dependendo do plano escolhido." },
|
|
{ id: "faq-5", title: "E se eu não gostar do resultado?", content: "Oferecemos garantia de satisfação. Se você não ficar satisfeito, refazemos seu ensaio ou oferecemos outras soluções." },
|
|
{ id: "faq-6", title: "Como funciona o pagamento?", content: "Aceitamos Pix, cartão de crédito e boleto bancário, tudo de forma segura e rápida através de nossa plataforma de pagamentos." }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJspvdf1PE4QR2q9ReQZlLQAY8/an-ai-generated-conceptual-illustration--1774218789178-c0df5185.png"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Perguntas Frequentes"
|
|
description="Tire suas principais dúvidas sobre como a LensAI Pro funciona, desde o envio das suas fotos até a entrega do ensaio final."
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|