Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Heart } from "lucide-react";
@@ -32,16 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Início", id: "hero" },
-          name: "Início",          id: "hero"},
+        { name: "Sobre", id: "about" },
-        {
+        { name: "Serviços", id: "services" },
-          name: "Sobre",          id: "about"},
+        { name: "Produtos", id: "products" },
-        {
+        { name: "Preços", id: "pricing" },
-          name: "Serviços",          id: "services"},
+        { name: "Contato", id: "contact" },
-        {
-          name: "Preços",          id: "pricing"},
-        {
-          name: "Contato",          id: "contact"},
       ]}
       brandName="ClinVet"
     />
@@ -49,38 +45,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Cuidado e Dedicação para o seu Pet"
       description="Na ClinVet, tratamos seu companheiro com o carinho que ele merece. Saúde, prevenção e bem-estar em um só lugar."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-lovely-golden-retriever-handsome-man-cafe-cute-dog-gives-paw-takes-picture_1258-314009.jpg", alt: "Dono 1" },
-          src: "http://img.b2bpic.net/free-photo/portrait-lovely-golden-retriever-handsome-man-cafe-cute-dog-gives-paw-takes-picture_1258-314009.jpg",          alt: "Dono 1"},
+        { src: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34287.jpg", alt: "Dono 2" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg", alt: "Dono 3" },
-          src: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34287.jpg",          alt: "Dono 2"},
+        { src: "http://img.b2bpic.net/free-photo/young-man-walking-with-dog-autumn-park_1321-4494.jpg", alt: "Dono 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg", alt: "Cliente satisfeito" },
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg",          alt: "Dono 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-walking-with-dog-autumn-park_1321-4494.jpg",          alt: "Dono 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg",          alt: "Cliente satisfeito"},
-      ]}
-      buttons={[
-        {
-          text: "Agendar Consulta",          href: "#contact"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Atendimento 24h"},
-        {
-          type: "text",          text: "Equipe Especializada"},
-        {
-          type: "text",          text: "Tecnologia de Ponta"},
-        {
-          type: "text",          text: "Amor por Pets"},
-        {
-          type: "text",          text: "Bem-estar Garantido"},
       ]}
+      buttons={[{ text: "Agendar Consulta Agora", href: "#contact" }]}
     />
   </div>
 
@@ -97,85 +72,45 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
+  <div id="products" data-section="products">
+    <ProductCardThree
+      title="Nossos Produtos e Serviços"
+      description="Desde farmácia pet até serviços especializados de estética e saúde."
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={false}
+      products={[
+        { id: "r1", name: "Ração Premium", price: "R$ 180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pet-food-composition-with-copy-space_23-2148943482.jpg" },
+        { id: "r2", name: "Vermífugo", price: "R$ 45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-dog-indoors_23-2149267878.jpg" },
+        { id: "s1", name: "Banho & Tosa", price: "R$ 120", imageSrc: "http://img.b2bpic.net/free-photo/groomer-washing-dog-pet-salon_23-2149100155.jpg" },
+        { id: "s2", name: "Vacinação Completa", price: "R$ 150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-holding-cat_23-2149078322.jpg" }
+      ]}
+    />
+  </div>
+
+  <div id="services" data-section="services">
       <FeatureCardTwelve
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", label: "24h", title: "Plantão Emergencial", items: ["Atendimento ágil", "Equipe disponível", "Emergências 24h"] },
-          id: "f1",          label: "24h",          title: "Plantão Emergencial",          items: [
+        { id: "f2", label: "Exames", title: "Diagnóstico Preciso", items: ["Raio-X digital", "Ultrassonografia", "Laboratório próprio"] },
-            "Atendimento ágil",            "Equipe disponível",            "Emergências 24h"],
-        },
-        {
-          id: "f2",          label: "Exames",          title: "Diagnóstico Preciso",          items: [
-            "Raio-X digital",            "Ultrassonografia",            "Laboratório próprio"],
-        },
-        {
-          id: "f3",          label: "Banho",          title: "Bem-Estar Completo",          items: [
-            "Estética pet",            "Produtos suaves",            "Ambiente relaxante"],
-        },
       ]}
       title="Nossos Diferenciais"
       description="Por que escolher a ClinVet para o cuidado do seu melhor amigo?"
     />
   </div>
 
-  <div id="services" data-section="services">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Consulta Geral",          price: "R$ 150",          imageSrc: "http://img.b2bpic.net/free-photo/male-veterinarian-examining-cat-ear-infection-with-otoscope-vet-clinic_613910-21567.jpg"},
-        {
-          id: "p2",          name: "Vacinação Anual",          price: "R$ 120",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-doctor-holding-cat-with-leg-injury_23-2148302205.jpg"},
-        {
-          id: "p3",          name: "Castração",          price: "R$ 450",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-cat_23-2149100165.jpg"},
-        {
-          id: "p4",          name: "Limpeza de Tártaro",          price: "R$ 300",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-domestic-cat_329181-10393.jpg"},
-        {
-          id: "p5",          name: "Check-up Sênior",          price: "R$ 250",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267855.jpg"},
-        {
-          id: "p6",          name: "Exame de Sangue",          price: "R$ 90",          imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-injects-gray-cat-table-woman-doctor_496169-195.jpg"},
-      ]}
-      title="Nossos Serviços"
-      description="Confira as opções de cuidados e saúde para o seu pet."
-    />
-  </div>
-
   <div id="pricing" data-section="pricing">
       <PricingCardEight
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "pl1", badge: "Básico", price: "R$ 50/mês", subtitle: "Para rotina leve", features: ["Consultas ilimitadas", "Vacinas inclusas"], buttons: [{ text: "Assinar", href: "#" }] },
-          id: "pl1",          badge: "Básico",          price: "R$ 50/mês",          subtitle: "Para rotina leve",          features: [
+        { id: "pl2", badge: "Premium", price: "R$ 120/mês", subtitle: "Cobertura completa", features: ["Exames inclusos", "Descontos em cirurgias", "Banho incluso"], buttons: [{ text: "Assinar", href: "#" }] },
-            "Consultas ilimitadas",            "Vacinas inclusas"],
-          buttons: [
-            {
-              text: "Assinar",              href: "#"},
-          ],
-        },
-        {
-          id: "pl2",          badge: "Premium",          price: "R$ 120/mês",          subtitle: "Cobertura completa",          features: [
-            "Exames inclusos",            "Descontos em cirurgias",            "Banho incluso"],
-          buttons: [
-            {
-              text: "Assinar",              href: "#"},
-          ],
-        },
-        {
-          id: "pl3",          badge: "Sênior",          price: "R$ 180/mês",          subtitle: "Cuidados avançados",          features: [
-            "Monitoramento cardíaco",            "Acompanhamento frequente",            "Prioridade"],
-          buttons: [
-            {
-              text: "Assinar",              href: "#"},
-          ],
-        },
       ]}
       title="Planos de Saúde"
       description="Escolha o melhor plano preventivo para o seu companheiro."
@@ -188,16 +123,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Ana Souza", handle: "@aninha", testimonial: "Atendimento incrível, trataram meu cão com muito amor.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-her-bulldog-beach-sunset-light-summer-vacation-stylish-girl-with-funny-dog-resting-hugging-having-fun-cute-moments_273443-2582.jpg" },
-          id: "t1",          name: "Ana Souza",          handle: "@aninha",          testimonial: "Atendimento incrível, trataram meu cão com muito amor.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-her-bulldog-beach-sunset-light-summer-vacation-stylish-girl-with-funny-dog-resting-hugging-having-fun-cute-moments_273443-2582.jpg"},
+        { id: "t2", name: "Carlos Lima", handle: "@carlinhos", testimonial: "Os melhores veterinários da cidade, nota 10!", imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-female-host-happy-pose-with-two-pedigree-puppies-has-good-mood-smiles-broadly-expresses-love-animals_273609-34425.jpg" },
-        {
-          id: "t2",          name: "Carlos Lima",          handle: "@carlinhos",          testimonial: "Os melhores veterinários da cidade, nota 10!",          imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-female-host-happy-pose-with-two-pedigree-puppies-has-good-mood-smiles-broadly-expresses-love-animals_273609-34425.jpg"},
-        {
-          id: "t3",          name: "Beatriz Mendes",          handle: "@bia_mendes",          testimonial: "Minha gatinha sempre bem tratada aqui.",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-hispanic-veterinarians-smiling-while-examining-beagle-dog-exam-table-happy-vets-with-stethoscopes-working-healthy-pet_662251-2222.jpg"},
-        {
-          id: "t4",          name: "Ricardo Alves",          handle: "@ricardinho",          testimonial: "Equipe muito profissional e atenciosa.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-with-dog-home_23-2149613968.jpg"},
-        {
-          id: "t5",          name: "Fernanda Costa",          handle: "@nanda_costa",          testimonial: "Preço justo e qualidade impecável no atendimento.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-holding-cat_23-2149078322.jpg"},
       ]}
       title="O que Dizem sobre Nós"
       description="Clientes satisfeitos que confiam na ClinVet."
@@ -208,12 +135,8 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Atendem 24h?", content: "Sim, temos plantão 24 horas para emergências veterinárias." },
-          id: "q1",          title: "Atendem 24h?",          content: "Sim, temos plantão 24 horas para emergências veterinárias. Ligue agora para nosso plantão."},
+        { id: "q2", title: "Preciso agendar?", content: "Para consultas de rotina recomendamos agendamento prévio." },
-        {
-          id: "q2",          title: "Preciso agendar?",          content: "Para consultas de rotina recomendamos agendamento prévio."},
-        {
-          id: "q3",          title: "Aceitam plano de saúde?",          content: "Aceitamos os principais planos de saúde pet do mercado."},
       ]}
       sideTitle="Dúvidas Frequentes"
       sideDescription="Alguma dúvida sobre nossos serviços? Confira as perguntas mais comuns."
@@ -224,35 +147,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       text="Pronto para cuidar da saúde do seu pet? Entre em contato agora mesmo e agende uma consulta."
-      buttons={[
+      buttons={[{ text: "WhatsApp ClinVet", href: "https://wa.me/550000000000" }]}
-        {
-          text: "WhatsApp ClinVet",          href: "https://wa.me/550000000000"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Início", href: "#hero" }, { label: "Produtos", href: "#products" }] },
-          items: [
+        { items: [{ label: "Contato", href: "#contact" }, { label: "Instagram", href: "#" }] },
-            {
-              label: "Início",              href: "#hero"},
-            {
-              label: "Serviços",              href: "#services"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contato",              href: "#contact"},
-            {
-              label: "Instagram",              href: "#"},
-          ],
-        },
       ]}
       logoText="ClinVet"
     />