From 1028f0aea334d6f7660a5d8bea0d6d35af792e6e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 17:15:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 481 +++++++++++------------------------------------
 1 file changed, 112 insertions(+), 369 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ee24477..ecb495e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,387 +1,130 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, Building, CheckCircle, Heart, Instagram, Leaf, MessageCircle, ShieldCheck, Smile, Star, Target, Users } from "lucide-react";
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Award, Heart, Star, Users, CheckCircle, Smile, Building, Leaf, Target, ShieldCheck, Instagram, MessageCircle } from 'lucide-react';
 
-export default function LandingPage() {
+const navItems = [{ name: "Home", id: "/" }];
+
+export default function Page() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="largeSmallSizeMediumTitles"
-        background="noise"
-        cardStyle="outline"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+    <ThemeProvider 
+      defaultButtonVariant="hover-magnetic" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
     >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Início",
-          id: "hero",
-        },
-        {
-          name: "Sobre",
-          id: "about",
-        },
-        {
-          name: "Serviços",
-          id: "services",
-        },
-        {
-          name: "Depoimentos",
-          id: "testimonials",
-        },
-        {
-          name: "Contato",
-          id: "cta",
-        },
-      ]}
-      brandName="Dra. Cristiane"
-      button={{
-        text: "Agendar Agora",
-        href: "#cta",
-      }}
-    />
-  </div>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline navItems={navItems} />
+      </div>
+      
+      <div id="hero" data-section="hero">
+        <HeroCentered
+          background={{ variant: "radial-gradient" }}
+          title="Cuidado especializado para a saúde íntima da mulher"
+          description="Fisioterapia pélvica e obstétrica com atendimento humanizado em Americana."
+          avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg", alt: "Paciente 1" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", alt: "Paciente 2" }, { src: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg", alt: "Paciente 3" }, { src: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg", alt: "Paciente 4" }, { src: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg", alt: "Paciente 5" }]}
+          avatarText="+500 pacientes atendidas"
+          buttons={[{ text: "Agendar consulta", href: "#cta" }, { text: "Falar no WhatsApp", href: "https://wa.me/5519999999999" }]}
+          marqueeItems={[{ type: "text", text: "Fisioterapia Pélvica" }, { type: "text", text: "Preparação para o Parto" }, { type: "text", text: "Recuperação Pós-Parto" }, { type: "text", text: "Saúde Íntima" }, { type: "text", text: "Bem-estar Feminino" }]}
+        />
+      </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Cuidado especializado para a saúde íntima da mulher"
-      description="Fisioterapia pélvica e obstétrica com atendimento humanizado em Americana."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg",
-          alt: "Paciente 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
-          alt: "Paciente 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg",
-          alt: "Paciente 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg",
-          alt: "Paciente 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg",
-          alt: "Paciente 5",
-        },
-      ]}
-      avatarText="+500 pacientes atendidas"
-      buttons={[
-        {
-          text: "Agendar consulta",
-          href: "#cta",
-        },
-        {
-          text: "Falar no WhatsApp",
-          href: "https://wa.me/5519999999999",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fisioterapia Pélvica",
-        },
-        {
-          type: "text",
-          text: "Preparação para o Parto",
-        },
-        {
-          type: "text",
-          text: "Recuperação Pós-Parto",
-        },
-        {
-          type: "text",
-          text: "Saúde Íntima",
-        },
-        {
-          type: "text",
-          text: "Bem-estar Feminino",
-        },
-      ]}
-    />
-  </div>
+      <div id="about" data-section="about">
+        <AboutMetric
+          title="Cuidado que vai além do tratamento"
+          metrics={[{ icon: Award, label: "Atendimento", value: "Humanizado" }, { icon: Heart, label: "Ambiente", value: "Acolhedor" }, { icon: Star, label: "Profissional", value: "Especialista" }, { icon: Users, label: "Experiência", value: "Exclusiva" }, { icon: CheckCircle, label: "Resultados", value: "Eficazes" }]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Cuidado que vai além do tratamento"
-      metrics={[
-        {
-          icon: Award,
-          label: "Atendimento",
-          value: "Humanizado",
-        },
-        {
-          icon: Heart,
-          label: "Ambiente",
-          value: "Acolhedor",
-        },
-        {
-          icon: Star,
-          label: "Profissional",
-          value: "Especialista",
-        },
-        {
-          icon: Users,
-          label: "Experiência",
-          value: "Exclusiva",
-        },
-        {
-          icon: CheckCircle,
-          label: "Resultados",
-          value: "Eficazes",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+      <div id="services" data-section="services">
+        <FeatureCardEight
+          title="Nossas Especialidades"
+          description="Tratamentos personalizados para as diferentes fases da vida da mulher."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[{ title: "Fisioterapia Pélvica", description: "Tratamento especializado para disfunções do assoalho pélvico.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-noninvasive-treatment-urinary-incontinence-clinic_637285-9473.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Fisioterapia para Gestantes", description: "Preparação física e emocional para um parto mais tranquilo.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Pós-parto", description: "Recuperação funcional e bem-estar físico no pós-gestação.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Saúde Íntima", description: "Cuidado integral para a melhora da qualidade de vida feminina.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }, { title: "Dores Pélvicas", description: "Abordagem terapêutica para alívio e controle da dor crônica.", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg", imageAlt: "elegant medical clinic physiotherapy interior" }]}
+        />
+      </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Fisioterapia Pélvica",
-          description: "Tratamento especializado para disfunções do assoalho pélvico.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-noninvasive-treatment-urinary-incontinence-clinic_637285-9473.jpg",
-          imageAlt: "elegant medical clinic physiotherapy interior",
-        },
-        {
-          title: "Fisioterapia para Gestantes",
-          description: "Preparação física e emocional para um parto mais tranquilo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=1",
-          imageAlt: "elegant medical clinic physiotherapy interior",
-        },
-        {
-          title: "Pós-parto",
-          description: "Recuperação funcional e bem-estar físico no pós-gestação.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sunny-portrait-pretty-blonde-owmn-posing-near-sea-sunset_291049-2807.jpg",
-          imageAlt: "elegant medical clinic physiotherapy interior",
-        },
-        {
-          title: "Saúde Íntima",
-          description: "Cuidado integral para a melhora da qualidade de vida feminina.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
-          imageAlt: "elegant medical clinic physiotherapy interior",
-        },
-        {
-          title: "Dores Pélvicas",
-          description: "Abordagem terapêutica para alívio e controle da dor crônica.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg",
-          imageAlt: "elegant medical clinic physiotherapy interior",
-        },
-      ]}
-      title="Nossas Especialidades"
-      description="Tratamentos personalizados para as diferentes fases da vida da mulher."
-    />
-  </div>
+      <div id="differentials" data-section="differentials">
+        <MetricCardOne
+          title="Por que escolher a Dra. Cristiane?"
+          description="Diferenciais que garantem um cuidado excepcional e humano."
+          gridVariant="bento-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[{ id: "1", value: "100%", title: "Atendimento", description: "Humanizado e exclusivo", icon: Smile }, { id: "2", value: "Alta", title: "Estrutura", description: "Consultório moderno e seguro", icon: Building }, { id: "3", value: "Foco", title: "Bem-estar", description: "Prioridade total na saúde", icon: Leaf }, { id: "4", value: "Referência", title: "Expertise", description: "Especialista na área", icon: Target }, { id: "5", value: "Acompanhamento", title: "Suporte", description: "Do início ao fim", icon: ShieldCheck }]}
+        />
+      </div>
 
-  <div id="differentials" data-section="differentials">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "100%",
-          title: "Atendimento",
-          description: "Humanizado e exclusivo",
-          icon: Smile,
-        },
-        {
-          id: "2",
-          value: "Alta",
-          title: "Estrutura",
-          description: "Consultório moderno e seguro",
-          icon: Building,
-        },
-        {
-          id: "3",
-          value: "Foco",
-          title: "Bem-estar",
-          description: "Prioridade total na saúde",
-          icon: Leaf,
-        },
-        {
-          id: "4",
-          value: "Referência",
-          title: "Expertise",
-          description: "Especialista na área",
-          icon: Target,
-        },
-        {
-          id: "5",
-          value: "Acompanhamento",
-          title: "Suporte",
-          description: "Do início ao fim",
-          icon: ShieldCheck,
-        },
-      ]}
-      title="Por que escolher a Dra. Cristiane?"
-      description="Diferenciais que garantem um cuidado excepcional e humano."
-    />
-  </div>
+      <div id="experience" data-section="experience">
+        <FeatureCardEight
+          title="Um ambiente pensado para o seu conforto"
+          description="Cada detalhe do nosso espaço foi planejado para oferecer segurança, acolhimento e tranquilidade."
+          textboxLayout="inline-image"
+          useInvertedBackground={false}
+          features={[{ title: "Ambiente Relaxante", description: "Salas equipadas com o que há de melhor em tecnologia.", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "Ambiente do Consultório" }]}
+        />
+      </div>
 
-  <div id="experience" data-section="experience">
-      <FeatureCardEight
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Ambiente Relaxante",
-          description: "Salas equipadas com o que há de melhor em tecnologia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=2",
-          imageAlt: "Ambiente do Consultório",
-        },
-      ]}
-      title="Um ambiente pensado para o seu conforto"
-      description="Cada detalhe do nosso espaço foi planejado para oferecer segurança, acolhimento e tranquilidade."
-    />
-  </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwo
+          title="O que nossas pacientes dizem"
+          description="Experiências reais de mulheres que confiaram em nosso cuidado."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[{ id: "1", name: "José Amaral", role: "Paciente", testimonial: "Fui muito bem atendido pela Dra. Cristiane, extremamente atenciosa e profissional. O consultório tem ótima estrutura.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-nature_23-2149615167.jpg" }, { id: "2", name: "Monike Cristina", role: "Paciente", testimonial: "O melhor consultório com um atendimento espetacular.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg" }, { id: "3", name: "Ana Silva", role: "Paciente", testimonial: "Profissional maravilhosa, me senti muito segura durante todo o tratamento.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" }, { id: "4", name: "Carla Mendes", role: "Paciente", testimonial: "Atendimento humanizado como eu nunca vi antes. Recomendo muito!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg" }, { id: "5", name: "Beatriz Lima", role: "Paciente", testimonial: "Equipe nota 10 e estrutura impecável. Muito grata por tudo.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-spreading-palms-camera-beige-tank-top-looking-cheerful-front-view_176474-42727.jpg" }]}
+        />
+      </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "José Amaral",
-          role: "Paciente",
-          testimonial: "Fui muito bem atendido pela Dra. Cristiane, extremamente atenciosa e profissional. O consultório tem ótima estrutura.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-nature_23-2149615167.jpg",
-        },
-        {
-          id: "2",
-          name: "Monike Cristina",
-          role: "Paciente",
-          testimonial: "O melhor consultório com um atendimento espetacular.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg",
-        },
-        {
-          id: "3",
-          name: "Ana Silva",
-          role: "Paciente",
-          testimonial: "Profissional maravilhosa, me senti muito segura durante todo o tratamento.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
-        },
-        {
-          id: "4",
-          name: "Carla Mendes",
-          role: "Paciente",
-          testimonial: "Atendimento humanizado como eu nunca vi antes. Recomendo muito!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
-        },
-        {
-          id: "5",
-          name: "Beatriz Lima",
-          role: "Paciente",
-          testimonial: "Equipe nota 10 e estrutura impecável. Muito grata por tudo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-spreading-palms-camera-beige-tank-top-looking-cheerful-front-view_176474-42727.jpg",
-        },
-      ]}
-      title="O que nossas pacientes dizem"
-      description="Experiências reais de mulheres que confiaram em nosso cuidado."
-    />
-  </div>
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          title="Perguntas Frequentes"
+          description="Tire suas dúvidas sobre os tratamentos."
+          faqsAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqs={[{ id: "q1", title: "Como agendar uma consulta?", content: "Você pode entrar em contato diretamente pelo nosso WhatsApp no botão abaixo." }, { id: "q2", title: "Quais convênios atendem?", content: "Trabalhamos com atendimento particular e fornecemos o recibo para reembolso." }, { id: "q3", title: "Onde fica o consultório?", content: "Estamos localizados em Americana, São Paulo." }, { id: "q4", title: "Quanto tempo dura a sessão?", content: "Em média 50 minutos para um atendimento personalizado." }, { id: "q5", title: "Preciso de encaminhamento médico?", content: "Não é obrigatório, mas traga exames e avaliações anteriores se tiver." }]}
+        />
+      </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Como agendar uma consulta?",
-          content: "Você pode entrar em contato diretamente pelo nosso WhatsApp no botão abaixo.",
-        },
-        {
-          id: "q2",
-          title: "Quais convênios atendem?",
-          content: "Trabalhamos com atendimento particular e fornecemos o recibo para reembolso.",
-        },
-        {
-          id: "q3",
-          title: "Onde fica o consultório?",
-          content: "Estamos localizados em Americana, São Paulo.",
-        },
-        {
-          id: "q4",
-          title: "Quanto tempo dura a sessão?",
-          content: "Em média 50 minutos para um atendimento personalizado.",
-        },
-        {
-          id: "q5",
-          title: "Preciso de encaminhamento médico?",
-          content: "Não é obrigatório, mas traga exames e avaliações anteriores se tiver.",
-        },
-      ]}
-      title="Perguntas Frequentes"
-      description="Tire suas dúvidas sobre os tratamentos."
-      faqsAnimation="slide-up"
-    />
-  </div>
+      <div id="cta" data-section="cta">
+        <ContactCenter
+          tag="Contato"
+          title="Cuide da sua saúde com quem realmente se importa"
+          description="Agende sua avaliação e transforme sua qualidade de vida."
+          buttonText="Falar no WhatsApp"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
 
-  <div id="cta" data-section="cta">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contato"
-      title="Cuide da sua saúde com quem realmente se importa"
-      description="Agende sua avaliação e transforme sua qualidade de vida."
-      buttonText="Falar no WhatsApp"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Dra. Cristiane"
-      copyrightText="© 2025 | Fisioterapeuta Pélvica & Obstetrícia"
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: MessageCircle,
-          href: "https://wa.me/5519999999999",
-          ariaLabel: "WhatsApp",
-        },
-      ]}
-    />
-  </div>
-      </ReactLenis>
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Dra. Cristiane"
+          copyrightText="© 2025 | Fisioterapeuta Pélvica & Obstetrícia"
+          socialLinks={[{ icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: MessageCircle, href: "https://wa.me/5519999999999", ariaLabel: "WhatsApp" }]}
+        />
+      </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1