From cdc8f69ea8aff8eac3908c6a8e86bd7df7d3ba7a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 23:56:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 243 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6bb370e..fd72b01 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,11 +6,12 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
+import { Camera, Calculator, CalendarCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Início",
-          id: "hero",
-        },
-        {
-          name: "Sobre",
-          id: "about",
-        },
-        {
-          name: "Veículos",
-          id: "products",
-        },
-        {
-          name: "Contato",
-          id: "contact",
-        },
+        { name: "Início", id: "hero" },
+        { name: "Sobre", id: "about" },
+        { name: "Veículos", id: "products" },
+        { name: "Experiência", id: "dealership-services" },
+        { name: "Contato", id: "contact" },
       ]}
       brandName="Stand3D"
     />
@@ -54,101 +44,18 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="O seu próximo veículo premium está aqui."
       description="Descubra a excelência em performance e design. Oferecemos uma seleção criteriosa de automóveis com garantia de qualidade."
       testimonials={[
-        {
-          name: "Ricardo Silva",
-          handle: "@ricardosilva",
-          testimonial: "Excelente atendimento e carros impecáveis. Recomendo!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=1",
-          imageAlt: "modern luxury car studio photography",
-        },
-        {
-          name: "Ana Souza",
-          handle: "@anasouza",
-          testimonial: "O processo de compra foi rápido e sem burocracia.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/very-interesting-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16076.jpg",
-          imageAlt: "modern luxury car studio photography",
-        },
-        {
-          name: "Bruno Costa",
-          handle: "@brunocosta",
-          testimonial: "Stand com os modelos mais exclusivos da região.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-long-shot_23-2148637299.jpg?_wi=1",
-          imageAlt: "modern luxury car studio photography",
-        },
-        {
-          name: "Mariana Lima",
-          handle: "@mlima",
-          testimonial: "Qualidade superior e muita transparência.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg?_wi=1",
-          imageAlt: "modern luxury car studio photography",
-        },
-        {
-          name: "Felipe Mendes",
-          handle: "@felipemendes",
-          testimonial: "Experiência de compra inigualável, profissionais de ponta.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-car-with-driver-highway_114579-4004.jpg?_wi=1",
-          imageAlt: "modern luxury car studio photography",
-        },
+        { name: "Ricardo Silva", handle: "@ricardosilva", testimonial: "Excelente atendimento e carros impecáveis. Recomendo!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=1", imageAlt: "modern luxury car studio photography" },
+        { name: "Ana Souza", handle: "@anasouza", testimonial: "O processo de compra foi rápido e sem burocracia.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/very-interesting-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16076.jpg", imageAlt: "modern luxury car studio photography" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=2"
       mediaAnimation="slide-up"
       imageAlt="modern luxury car studio photography"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-parking_158538-24745.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-boss-car-showrrom-sitting-red-chair_1303-14106.jpg",
-          alt: "Customer portrait",
-        },
-      ]}
       avatarText="Junte-se a centenas de clientes satisfeitos"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Performance",
-        },
-        {
-          type: "text",
-          text: "Design Exclusivo",
-        },
-        {
-          type: "text",
-          text: "Garantia Premium",
-        },
-        {
-          type: "text",
-          text: "Procedência",
-        },
-        {
-          type: "text",
-          text: "Atendimento VIP",
-        },
-      ]}
+      marqueeItems={[{ type: "text", text: "Performance" }, { type: "text", text: "Design Exclusivo" }]}
     />
   </div>
 
@@ -156,12 +63,31 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Tradição e Inovação Automotiva"
-      buttons={[
+      buttons={[{ text: "Saiba mais", href: "#contact" }]}
+    />
+  </div>
+
+  <div id="dealership-services" data-section="dealership-services">
+    <MetricCardThree
+      title="Experiência Stand3D"
+      description="Serviços exclusivos para sua total comodidade na jornada de compra."
+      textboxLayout="split"
+      animationType="slide-up"
+      metrics={[
         {
-          text: "Saiba mais",
-          href: "#contact",
+          id: "tour",          icon: Camera,
+          title: "Tour 3D Virtual",          value: "Explore cada detalhe"
         },
+        {
+          id: "finance",          icon: Calculator,
+          title: "Simulador de Crédito",          value: "Financiamento facilitado"
+        },
+        {
+          id: "testdrive",          icon: CalendarCheck,
+          title: "Agende seu Drive",          value: "Teste sua paixão"
+        }
       ]}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -172,154 +98,22 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "SUV Premium",
-          price: "R$ 250.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-long-shot_23-2148637299.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Coupe Sport",
-          price: "R$ 320.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Convertible Elite",
-          price: "R$ 410.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-car-with-driver-highway_114579-4004.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Sedan Executive",
-          price: "R$ 280.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg",
-        },
-        {
-          id: "5",
-          name: "Sport Blue",
-          price: "R$ 350.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car_23-2150998581.jpg",
-        },
-        {
-          id: "6",
-          name: "Hybrid Silver",
-          price: "R$ 210.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg",
-        },
+        { id: "1", name: "SUV Premium", price: "R$ 250.000", imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-long-shot_23-2148637299.jpg?_wi=2" },
+        { id: "2", name: "Coupe Sport", price: "R$ 320.000", imageSrc: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg?_wi=2" }
       ]}
       title="Catálogo de Veículos"
       description="Explore nossa coleção de modelos exclusivos."
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "500+",
-          description: "Veículos vendidos",
-        },
-        {
-          id: "2",
-          value: "10 anos",
-          description: "De mercado",
-        },
-        {
-          id: "3",
-          value: "99%",
-          description: "Clientes satisfeitos",
-        },
-      ]}
-      title="Nossos Números"
-      description="Confiança construída com resultados."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Carlos M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-choosing-car-car-showroom_1303-24059.jpg",
-        },
-        {
-          id: "2",
-          name: "Fernanda L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-sitting-inside-car_23-2147943874.jpg",
-        },
-        {
-          id: "3",
-          name: "Pedro H.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
-        },
-        {
-          id: "4",
-          name: "Julia C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21755.jpg",
-        },
-        {
-          id: "5",
-          name: "Ricardo A.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-dad-mom-little-son-looks-happy-park_1328-3724.jpg",
-        },
-      ]}
-      cardTitle="Depoimentos"
-      cardTag="Clientes"
-      cardAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Como agendar um test drive?",
-          content: "Entre em contato através do formulário abaixo.",
-        },
-        {
-          id: "2",
-          title: "Aceitam trocas?",
-          content: "Sim, fazemos avaliação presencial do seu usado.",
-        },
-        {
-          id: "3",
-          title: "Como funciona o financiamento?",
-          content: "Temos parceria com os maiores bancos para oferecer as melhores taxas.",
-        },
-      ]}
-      title="Perguntas Frequentes"
-      description="Saiba mais sobre o processo de compra."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Contato"
       title="Pronto para escolher seu carro?"
       description="Fale com nossa equipe e agende sua visita."
-      buttons={[
-        {
-          text: "WhatsApp",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "WhatsApp", href: "#" }]}
     />
   </div>