Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
@@ -20,32 +20,20 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Método",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Preços",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Nosso Método", id: "about" },
|
||||
{ name: "Resultados", id: "testimonials" },
|
||||
{ name: "Planos", id: "pricing" },
|
||||
]}
|
||||
brandName="VidaLeve"
|
||||
/>
|
||||
@@ -53,17 +41,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Transforme sua vida com o método VidaLeve"
|
||||
description="Emagreça com saúde, sem dietas restritivas e com acompanhamento especializado. A mudança que você busca começa hoje."
|
||||
buttons={[
|
||||
{
|
||||
text: "Começar agora",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Começar minha jornada", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-sitting-window-sill-with-smartphone-hands_1153-4472.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,15 +53,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Nossa missão é guiar sua jornada",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen_23-2147782414.jpg",
|
||||
alt: "Healthy Lifestyle",
|
||||
},
|
||||
{ type: "text", content: "Nossa missão é guiar sua transformação" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen_23-2147782414.jpg", alt: "Vida Saudável" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,50 +64,26 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Acompanhamento 1:1",
|
||||
description: "Consultas personalizadas para o seu perfil e necessidades únicas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Plano Alimentar Inteligente",
|
||||
description: "Coma o que gosta, aprenda a combinar nutrientes e perca peso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Monitoramento Digital",
|
||||
description: "Acompanhe sua evolução em tempo real pelo nosso app.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=3",
|
||||
},
|
||||
{ title: "Consultoria 1:1", description: "Acompanhamento personalizado para o seu perfil único.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1" },
|
||||
{ title: "Plano Nutricional", description: "Reeducação alimentar sem dietas restritivas.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=2" },
|
||||
{ title: "App de Acompanhamento", description: "Monitore seu progresso e conquistas diariamente.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=3" },
|
||||
]}
|
||||
title="Pilares do Sucesso"
|
||||
description="Ferramentas focadas em resultados reais e sustentáveis."
|
||||
title="Seu Plano de Sucesso"
|
||||
description="Ferramentas focadas em resultados reais e sustentáveis para sua perda de peso."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Impacto em números"
|
||||
tag="Resultados Comprovados"
|
||||
title="Impacto em Números"
|
||||
tag="Sucesso Comprovado"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k+",
|
||||
description: "Alunos transformados",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5t",
|
||||
description: "Peso total perdido",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Satisfação dos usuários",
|
||||
},
|
||||
{ id: "m1", value: "1.2k+", description: "Vidas transformadas" },
|
||||
{ id: "m2", value: "5t", description: "Peso perdido no total" },
|
||||
{ id: "m3", value: "98%", description: "Taxa de satisfação" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,31 +91,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A VidaLeve mudou minha relação com a comida. Perdi 15kg sem sofrimento!"
|
||||
useInvertedBackground={true}
|
||||
testimonial="A VidaLeve mudou minha relação com a comida. Perdi 15kg sem o sofrimento das dietas antigas!"
|
||||
rating={5}
|
||||
author="Ana Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-measuring-her-body_140725-85461.jpg",
|
||||
alt: "Ana",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-scales-light-white-wall-fit-body-sport-beauty-health-exercises_140725-85386.jpg",
|
||||
alt: "Beto",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-preparing-shaving-her-body_23-2150162759.jpg",
|
||||
alt: "Carla",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26121.jpg",
|
||||
alt: "Daniel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-preparing-shaving-her-body_23-2150162759.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-measuring-her-body_140725-85461.jpg", alt: "Ana" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-scales-light-white-wall-fit-body-sport-beauty-health-exercises_140725-85386.jpg", alt: "Beto" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -178,69 +110,36 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Iniciante",
|
||||
price: "R$ 97",
|
||||
period: "/mês",
|
||||
description: "Ideal para quem quer começar.",
|
||||
button: {
|
||||
text: "Escolher",
|
||||
},
|
||||
featuresTitle: "O que inclui:",
|
||||
features: [
|
||||
"App exclusivo",
|
||||
"Plano alimentar",
|
||||
"Suporte email",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Avançado",
|
||||
price: "R$ 197",
|
||||
period: "/mês",
|
||||
description: "Transformação completa.",
|
||||
button: {
|
||||
text: "Escolher",
|
||||
},
|
||||
featuresTitle: "Tudo do básico +:",
|
||||
features: [
|
||||
"Consultas 1:1",
|
||||
"Suporte WhatsApp",
|
||||
"Monitoramento diário",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Essential", price: "R$ 97", period: "/mês", description: "Comece a emagrecer agora.", button: { text: "Escolher" }, featuresTitle: "O que inclui:", features: ["App de monitoramento", "Plano alimentar", "Suporte diário"] },
|
||||
{ id: "pro", tag: "Premium", price: "R$ 197", period: "/mês", description: "Transformação completa com acompanhamento 1:1.", button: { text: "Escolher" }, featuresTitle: "Tudo do básico +:", features: ["Consultas personalizadas", "Suporte exclusivo", "Plano de metas"] },
|
||||
]}
|
||||
title="Escolha seu plano"
|
||||
description="Planos flexíveis para cada objetivo."
|
||||
title="Planos VidaLeve"
|
||||
description="Escolha a jornada que mais combina com seus objetivos de perda de peso."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Entre em Contato"
|
||||
title="Pronto para começar?"
|
||||
description="Fale com nossa equipe e agende sua consultoria gratuita."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Vamos começar?"
|
||||
title="Pronto para a sua melhor forma?"
|
||||
description="Agende sua consultoria gratuita com nossos especialistas em emagrecimento saudável."
|
||||
buttons={[{ text: "Quero ser VidaLeve", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="VidaLeve"
|
||||
copyrightText="© 2025 VidaLeve. Todos os direitos reservados."
|
||||
copyrightText="© 2025 VidaLeve. Transformando vidas com consciência."
|
||||
columns={[
|
||||
{ title: "Institucional", items: [{ label: "Sobre nós", href: "#about" }, { label: "Resultados", href: "#testimonials" }] },
|
||||
{ title: "Suporte", items: [{ label: "Contato", href: "#contact" }, { label: "Privacidade", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user