Update src/app/styles/variables.css

Merge version_1 into main

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"
+        background="noiseDiagonalGradient"
-        cardStyle="soft-shadow"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Início", id: "hero" },
-          name: "Início",
+        { name: "Nosso Método", id: "about" },
-          id: "hero",
+        { name: "Resultados", id: "testimonials" },
-        },
+        { name: "Planos", id: "pricing" },
-        {
-          name: "Método",
-          id: "about",
-        },
-        {
-          name: "Depoimentos",
-          id: "testimonials",
-        },
-        {
-          name: "Preços",
-          id: "pricing",
-        },
       ]}
       brandName="VidaLeve"
     />
@@ -53,17 +41,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        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={[
+      buttons={[{ text: "Começar minha jornada", href: "#contact" }]}
-        {
-          text: "Começar agora",
-          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 transformação" },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen_23-2147782414.jpg", alt: "Vida Saudável" },
-          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",
-        },
       ]}
     />
   </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: "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: "Acompanhamento 1: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" },
-          description: "Consultas personalizadas para o seu perfil e necessidades únicas.",
+        { 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" },
-          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="Pilares do Sucesso"
+      title="Seu Plano de Sucesso"
-      description="Ferramentas focadas em resultados reais e sustentáveis."
+      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"
+      title="Impacto em Números"
-      tag="Resultados Comprovados"
+      tag="Sucesso Comprovado"
       metrics={[
-        {
+        { id: "m1", value: "1.2k+", description: "Vidas transformadas" },
-          id: "m1",
+        { id: "m2", value: "5t", description: "Peso perdido no total" },
-          value: "1.2k+",
+        { id: "m3", value: "98%", description: "Taxa de satisfação" },
-          description: "Alunos transformados",
-        },
-        {
-          id: "m2",
-          value: "5t",
-          description: "Peso total perdido",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Satisfação dos usuários",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -141,31 +91,13 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      testimonial="A VidaLeve mudou minha relação com a comida. Perdi 15kg sem sofrimento!"
+      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-measuring-her-body_140725-85461.jpg",
+        { 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" },
-          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",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -178,69 +110,36 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { 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: "basic",
+        { 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"] },
-          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",
-          ],
-        },
       ]}
-      title="Escolha seu plano"
+      title="Planos VidaLeve"
-      description="Planos flexíveis para cada objetivo."
+      description="Escolha a jornada que mais combina com seus objetivos de perda de peso."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "plain",
+      tag="Vamos começar?"
-      }}
+      title="Pronto para a sua melhor forma?"
-      tag="Entre em Contato"
+      description="Agende sua consultoria gratuita com nossos especialistas em emagrecimento saudável."
-      title="Pronto para começar?"
+      buttons={[{ text: "Quero ser VidaLeve", href: "#" }]}
-      description="Fale com nossa equipe e agende sua consultoria gratuita."
-      buttons={[
-        {
-          text: "Falar no WhatsApp",
-          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>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #fafffb;
-  --card: #1a1a1a;
+  --card: #f7fffa;
-  --foreground: #f5fffae6;
+  --foreground: #001a0a;
-  --primary-cta: #80da9b;
+  --primary-cta: #0a7039;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #f5fffae6;
-  --accent: #737373;
+  --accent: #a8d9be;
-  --background-accent: #737373;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);