Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Início",
-          id: "hero",
-        },
+          name: "Início",          id: "hero"},
         {
-          name: "Sobre",
-          id: "about",
-        },
+          name: "Sobre",          id: "about"},
         {
-          name: "Tratamentos",
-          id: "features",
-        },
+          name: "Tratamentos",          id: "features"},
         {
-          name: "Equipe",
-          id: "team",
-        },
+          name: "Equipe",          id: "team"},
         {
-          name: "Contato",
-          id: "contact",
-        },
+          name: "Contato",          id: "contact"},
       ]}
       brandName="DentalCare"
     />
@@ -60,104 +50,56 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Cuidando do seu sorriso com excelência."
       description="Atendimento humanizado e tecnologia de ponta para garantir a saúde e a estética do seu sorriso. Agende sua consulta hoje."
       testimonials={[
         {
-          name: "Ana Silva",
-          handle: "@ana",
-          testimonial: "Excelente atendimento e ambiente muito acolhedor.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=1",
-          imageAlt: "dentist working with patient",
-        },
+          name: "Ana Silva",          handle: "@ana",          testimonial: "Excelente atendimento e ambiente muito acolhedor.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=1",          imageAlt: "dentist working with patient"},
         {
-          name: "Pedro Santos",
-          handle: "@pedro",
-          testimonial: "A melhor experiência odontológica que já tive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=1",
-          imageAlt: "dentist working with patient",
-        },
+          name: "Pedro Santos",          handle: "@pedro",          testimonial: "A melhor experiência odontológica que já tive.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=1",          imageAlt: "dentist working with patient"},
         {
-          name: "Clara Lima",
-          handle: "@clara",
-          testimonial: "Equipe muito atenciosa e profissional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=1",
-          imageAlt: "dentist working with patient",
-        },
+          name: "Clara Lima",          handle: "@clara",          testimonial: "Equipe muito atenciosa e profissional.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=1",          imageAlt: "dentist working with patient"},
         {
-          name: "Roberto Dias",
-          handle: "@roberto",
-          testimonial: "Tratamento impecável e muito moderno.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=1",
-          imageAlt: "dentist working with patient",
-        },
+          name: "Roberto Dias",          handle: "@roberto",          testimonial: "Tratamento impecável e muito moderno.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=1",          imageAlt: "dentist working with patient"},
         {
-          name: "Juliana Moura",
-          handle: "@juliana",
-          testimonial: "Recomendo a todos, consultório nota 10.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=1",
-          imageAlt: "dentist working with patient",
-        },
+          name: "Juliana Moura",          handle: "@juliana",          testimonial: "Recomendo a todos, consultório nota 10.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=1",          imageAlt: "dentist working with patient"},
       ]}
       buttons={[
         {
-          text: "Agendar Consulta",
-          href: "#contact",
-        },
+          text: "Agendar Consulta",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=2"
       imageAlt="Dentista atendendo paciente"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-face-portrait-smiling-happy-woman-hold-hands-face-looking-camera-with-satisfied-cheerful-face-watch-something-interesting-white-background_176420-54393.jpg",
-          alt: "happy patient",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-face-portrait-smiling-happy-woman-hold-hands-face-looking-camera-with-satisfied-cheerful-face-watch-something-interesting-white-background_176420-54393.jpg",          alt: "happy patient"},
         {
-          src: "http://img.b2bpic.net/free-photo/pretty-young-woman-leaning-sofa_1262-3274.jpg",
-          alt: "patient",
-        },
+          src: "http://img.b2bpic.net/free-photo/pretty-young-woman-leaning-sofa_1262-3274.jpg",          alt: "patient"},
         {
-          src: "http://img.b2bpic.net/free-photo/cute-woman-casual-indoor-home_624325-1369.jpg",
-          alt: "smiling woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/cute-woman-casual-indoor-home_624325-1369.jpg",          alt: "smiling woman"},
         {
-          src: "http://img.b2bpic.net/free-photo/she-looks-relaxed-her-home_329181-1170.jpg",
-          alt: "happy person",
-        },
+          src: "http://img.b2bpic.net/free-photo/she-looks-relaxed-her-home_329181-1170.jpg",          alt: "happy person"},
         {
-          src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
-          alt: "satisfied patient",
-        },
+          src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",          alt: "satisfied patient"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Atendimento Humanizado",
-        },
+          type: "text",          text: "Atendimento Humanizado"},
         {
-          type: "text",
-          text: "Tecnologia de Ponta",
-        },
+          type: "text",          text: "Tecnologia de Ponta"},
         {
-          type: "text",
-          text: "Saúde e Estética",
-        },
+          type: "text",          text: "Saúde e Estética"},
         {
-          type: "text",
-          text: "Ambiente Acolhedor",
-        },
+          type: "text",          text: "Ambiente Acolhedor"},
         {
-          type: "text",
-          text: "Profissionais Qualificados",
-        },
+          type: "text",          text: "Profissionais Qualificados"},
       ]}
     />
   </div>
@@ -168,8 +110,7 @@ export default function LandingPage() {
       title="Excelência em Odontologia Integrada"
       buttons={[
         {
-          text: "Saiba Mais",
-        },
+          text: "Saiba Mais"},
       ]}
     />
   </div>
@@ -180,29 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Estética",
-          title: "Clareamento",
-          subtitle: "Sorriso branco",
-          description: "Técnicas seguras para um sorriso mais iluminado.",
-          imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=2",
-          imageAlt: "clean dental clinic reception",
-        },
+          tag: "Estética",          title: "Clareamento",          subtitle: "Sorriso branco",          description: "Técnicas seguras para um sorriso mais iluminado.",          imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg?_wi=2",          imageAlt: "clean dental clinic reception"},
         {
-          tag: "Preventiva",
-          title: "Checkup",
-          subtitle: "Prevenção",
-          description: "Limpeza e acompanhamento anual.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=3",
-          imageAlt: "clean dental clinic reception",
-        },
+          tag: "Preventiva",          title: "Checkup",          subtitle: "Prevenção",          description: "Limpeza e acompanhamento anual.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-utensils-ready-use_23-2149195869.jpg?_wi=3",          imageAlt: "clean dental clinic reception"},
         {
-          tag: "Cirurgia",
-          title: "Implantes",
-          subtitle: "Reposição",
-          description: "Recupere a função e a estética dos seus dentes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=2",
-          imageAlt: "clean dental clinic reception",
-        },
+          tag: "Cirurgia",          title: "Implantes",          subtitle: "Reposição",          description: "Recupere a função e a estética dos seus dentes.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=2",          imageAlt: "clean dental clinic reception"},
       ]}
       title="Nossos Tratamentos"
       description="Soluções completas para a sua saúde bucal."
@@ -217,23 +140,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "t1",
-          name: "Dra. Maria",
-          role: "Ortodontista",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-background_1157-44782.jpg",
-        },
+          id: "t1",          name: "Dra. Maria",          role: "Ortodontista",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-background_1157-44782.jpg"},
         {
-          id: "t2",
-          name: "Dr. João",
-          role: "Implantodontista",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg",
-        },
+          id: "t2",          name: "Dr. João",          role: "Implantodontista",          imageSrc: "http://img.b2bpic.net/free-photo/male-female-dentist-examining-patient_107420-65616.jpg"},
         {
-          id: "t3",
-          name: "Dra. Elisa",
-          role: "Clínica Geral",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-nurse-showing-thumbs-up-signs_482257-94366.jpg",
-        },
+          id: "t3",          name: "Dra. Elisa",          role: "Clínica Geral",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-nurse-showing-thumbs-up-signs_482257-94366.jpg"},
       ]}
       title="Conheça nossa equipe"
       description="Profissionais altamente qualificados dedicados a você."
@@ -245,30 +156,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Ana Silva",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=3",
-        },
+          id: "1",          name: "Ana Silva",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=3"},
         {
-          id: "2",
-          name: "Pedro Santos",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=2",
-        },
+          id: "2",          name: "Pedro Santos",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg?_wi=2"},
         {
-          id: "3",
-          name: "Clara Lima",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=2",
-        },
+          id: "3",          name: "Clara Lima",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396152.jpg?_wi=2"},
         {
-          id: "4",
-          name: "Roberto Dias",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",
-        },
+          id: "4",          name: "Roberto Dias",          imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg"},
         {
-          id: "5",
-          name: "Juliana Moura",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg",
-        },
+          id: "5",          name: "Juliana Moura",          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg"},
       ]}
       cardTitle="Depoimentos de pacientes"
       cardTag="Clientes"
@@ -282,20 +178,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Como agendar?",
-          content: "Pelo WhatsApp ou telefone.",
-        },
+          id: "f1",          title: "Como agendar?",          content: "Pelo WhatsApp ou telefone."},
         {
-          id: "f2",
-          title: "Aceitam convênios?",
-          content: "Sim, verifique a lista.",
-        },
+          id: "f2",          title: "Aceitam convênios?",          content: "Sim, verifique a lista."},
         {
-          id: "f3",
-          title: "Quanto dura a consulta?",
-          content: "Cerca de 40 minutos.",
-        },
+          id: "f3",          title: "Quanto dura a consulta?",          content: "Cerca de 40 minutos."},
       ]}
       title="Perguntas Frequentes"
       description="Tire suas dúvidas sobre nossos serviços."
@@ -311,25 +198,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "10+",
-          title: "Anos",
-          description: "De experiência",
-          icon: Award,
+          id: "m1",          value: "10+",          title: "Anos",          description: "De experiência",          icon: Award,
         },
         {
-          id: "m2",
-          value: "5k",
-          title: "Sorrisos",
-          description: "Transformados",
-          icon: Smile,
+          id: "m2",          value: "5k",          title: "Sorrisos",          description: "Transformados",          icon: Smile,
         },
         {
-          id: "m3",
-          value: "99%",
-          title: "Satisfação",
-          description: "De nossos clientes",
-          icon: CheckCircle,
+          id: "m3",          value: "99%",          title: "Satisfação",          description: "De nossos clientes",          icon: CheckCircle,
         },
       ]}
       title="Nossa trajetória"
@@ -338,45 +213,30 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
+      text="Entre em contato para agendar sua consulta e transformar seu sorriso com nossa equipe especializada."
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      title="Agende sua avaliação"
-      description="Estamos prontos para atendê-lo."
-      inputs={[
+      buttons={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Nome",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
+          text: "Agendar Agora",          href: "#contact"
+        }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Mensagem",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/female-dentists-with-papers-professional-doctors-solve-problems-with-documents_169016-66946.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
       logoText="DentalCare"
       columns={[
         {
-          title: "Links",
-          items: [
+          title: "Navegação",          items: [
             {
-              label: "Sobre",
-              href: "#about",
-            },
+              label: "Início",              href: "#hero"},
             {
-              label: "Contato",
-              href: "#contact",
-            },
+              label: "Sobre",              href: "#about"},
+            {
+              label: "Contato",              href: "#contact"},
           ],
         },
       ]}
@@ -385,4 +245,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
   --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);