From d7925eb78237440e8d36d8033faff021a0f6d30d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 18:09:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 440 ++++++++++++++++-------------------------------
 1 file changed, 145 insertions(+), 295 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 08afccf..0cfffd8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,312 +16,162 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Serviços",
-          id: "servicos",
-        },
-        {
-          name: "Sobre",
-          id: "sobre",
-        },
-        {
-          name: "Avaliações",
-          id: "reviews",
-        },
-        {
-          name: "Contacto",
-          id: "contacto",
-        },
-      ]}
-      brandName="Auto Pereira"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Serviços", id: "servicos" },
+              { name: "Sobre", id: "sobre" },
+              { name: "Avaliações", id: "reviews" },
+              { name: "Contacto", id: "contacto" },
+            ]}
+            brandName="Auto Pereira"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="O seu carro merece mãos de confiança."
-      description="Reparação e manutenção automóvel com honestidade, rapidez e preços justos. Há anos a cuidar dos carros de Lisboa."
-      tag="Oficina Especializada em Lisboa"
-      buttons={[
-        {
-          text: "Pedir Orçamento",
-          href: "#contacto",
-        },
-        {
-          text: "Ver Serviços",
-          href: "#servicos",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-using-artificial-intelligence-tablet-close-up_482257-119873.jpg",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "sparkles-gradient" }}
+            title="O seu carro merece mãos de confiança."
+            description="Reparação e manutenção automóvel com honestidade, rapidez e preços justos. Há anos a cuidar dos carros de Lisboa."
+            tag="Oficina Especializada em Lisboa"
+            buttons={[{ text: "Pedir Orçamento", href: "#contacto" }, { text: "Ver Serviços", href: "#servicos" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-using-artificial-intelligence-tablet-close-up_482257-119873.jpg" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="A nossa experiência em números"
-      tag="Resultados Comprovados"
-      metrics={[
-        {
-          id: "m1",
-          value: "4.5",
-          description: "Estrelas no Google",
-        },
-        {
-          id: "m2",
-          value: "40+",
-          description: "Clientes Satisfeitos",
-        },
-        {
-          id: "m3",
-          value: "1 dia",
-          description: "Tempo Médio de Reparação",
-        },
-        {
-          id: "m4",
-          value: "10+",
-          description: "Anos no mercado",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="A nossa experiência em números"
+            tag="Resultados Comprovados"
+            metrics={[
+              { id: "m1", value: "4.5", description: "Estrelas no Google" },
+              { id: "m2", value: "40+", description: "Clientes Satisfeitos" },
+              { id: "m3", value: "1 dia", description: "Tempo Médio de Reparação" },
+              { id: "m4", value: "10+", description: "Anos no mercado" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="servicos" data-section="servicos">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Revisão Geral",
-          price: "Preventiva",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
-        },
-        {
-          id: "p2",
-          name: "Ar Condicionado",
-          price: "Conforto",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg",
-        },
-        {
-          id: "p3",
-          name: "Mecânica Pesada",
-          price: "Alta Especialidade",
-          imageSrc: "http://img.b2bpic.net/free-photo/developer-working-coding-ai-desktop-pc-mockup-smartphone-desk_482257-93223.jpg",
-        },
-        {
-          id: "p4",
-          name: "Diagnóstico Eletrónico",
-          price: "Tecnologia",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg",
-        },
-        {
-          id: "p5",
-          name: "Pneus & Alinhamento",
-          price: "Segurança",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-updating-ai-systems_482257-91183.jpg",
-        },
-        {
-          id: "p6",
-          name: "Inspeção Pré-Compra",
-          price: "Aconselhamento",
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg",
-        },
-      ]}
-      title="Serviços que fazemos com brio"
-      description="Tratamos de todo o tipo de reparação e manutenção automóvel com rigor técnico e honestidade."
-    />
-  </div>
+        <div id="servicos" data-section="servicos">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Revisão Geral", price: "Preventiva", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
+              { id: "p2", name: "Ar Condicionado", price: "Conforto", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg" },
+              { id: "p3", name: "Mecânica Pesada", price: "Alta Especialidade", imageSrc: "http://img.b2bpic.net/free-photo/developer-working-coding-ai-desktop-pc-mockup-smartphone-desk_482257-93223.jpg" },
+              { id: "p4", name: "Diagnóstico Eletrónico", price: "Tecnologia", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg" },
+              { id: "p5", name: "Pneus & Alinhamento", price: "Segurança", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-updating-ai-systems_482257-91183.jpg" },
+              { id: "p6", name: "Inspeção Pré-Compra", price: "Aconselhamento", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg" }
+            ]}
+            title="Serviços que fazemos com brio"
+            description="Tratamos de todo o tipo de reparação e manutenção automóvel com rigor técnico e honestidade."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Demora na reparação",
-          "Surpresas na fatura",
-          "Diagnósticos vagos",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Rapidez no mesmo dia",
-          "Transparência total",
-          "Diagnóstico via WhatsApp",
-        ],
-      }}
-      title="A diferença está na honestidade"
-      description="Escolher a Auto Pereira é optar por profissionalismo e competência."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Demora na reparação", "Surpresas na fatura", "Diagnósticos vagos"] }}
+            positiveCard={{ items: ["Rapidez no mesmo dia", "Transparência total", "Diagnóstico via WhatsApp"] }}
+            title="A diferença está na honestidade"
+            description="Escolher a Auto Pereira é optar por profissionalismo e competência."
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Simples, rápido e sem complicações"
-      description="O nosso fluxo de trabalho é desenhado para devolver o seu carro em tempo recorde com total rigor."
-      bulletPoints={[
-        {
-          title: "Contacto Inicial",
-          description: "Ligue ou envie WhatsApp.",
-        },
-        {
-          title: "Diagnóstico",
-          description: "Orçamento claro e detalhado.",
-        },
-        {
-          title: "Reparação",
-          description: "Rigor técnico imediato.",
-        },
-        {
-          title: "Entrega",
-          description: "Carro como novo no mesmo dia.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg"
-      imageAlt="Close up of data center admin doing checkup using machine learning to prolong hardware life span"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="process" data-section="process">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Simples, rápido e sem complicações"
+            description="O nosso fluxo de trabalho é desenhado para devolver o seu carro em tempo recorde com total rigor."
+            bulletPoints={[
+              { title: "Contacto Inicial", description: "Ligue ou envie WhatsApp." },
+              { title: "Diagnóstico", description: "Orçamento claro e detalhado." },
+              { title: "Reparação", description: "Rigor técnico imediato." },
+              { title: "Entrega", description: "Carro como novo no mesmo dia." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg"
+            imageAlt="Close up of data center admin doing checkup using machine learning to prolong hardware life span"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Rafael Silva",
-          role: "Cliente",
-          company: "Lisboa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-        },
-        {
-          id: "t2",
-          name: "Luís Gonçalves",
-          role: "Cliente",
-          company: "Lisboa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
-        },
-        {
-          id: "t3",
-          name: "Carlos Saraiva",
-          role: "Cliente",
-          company: "Lisboa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg",
-        },
-        {
-          id: "t4",
-          name: "António Jesus",
-          role: "Cliente",
-          company: "Lisboa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg",
-        },
-        {
-          id: "t5",
-          name: "Paulo Garcia",
-          role: "Cliente",
-          company: "Lisboa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.5",
-          label: "Avaliação Média",
-        },
-        {
-          value: "100%",
-          label: "Transparência",
-        },
-        {
-          value: "24h",
-          label: "Tempo Médio",
-        },
-      ]}
-      title="O que dizem os nossos clientes"
-      description="Mais de 40 avaliações de confiança no Google Maps."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Rafael Silva", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
+              { id: "t2", name: "Luís Gonçalves", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg" },
+              { id: "t3", name: "Carlos Saraiva", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg" },
+              { id: "t4", name: "António Jesus", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg" },
+              { id: "t5", name: "Paulo Garcia", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg" },
+            ]}
+            kpiItems={[
+              { value: "4.5", label: "Avaliação Média" },
+              { value: "100%", label: "Transparência" },
+              { value: "24h", label: "Tempo Médio" },
+            ]}
+            title="O que dizem os nossos clientes"
+            description="Mais de 40 avaliações de confiança no Google Maps."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Quanto tempo demora?",
-          content: "A maioria dos trabalhos fica concluída no mesmo dia.",
-        },
-        {
-          id: "f2",
-          title: "Trabalham com que marcas?",
-          content: "Todas as marcas e modelos, nacionais ou internacionais.",
-        },
-        {
-          id: "f3",
-          title: "Posso pedir orçamento online?",
-          content: "Sim, envie-nos uma mensagem por WhatsApp.",
-        },
-      ]}
-      sideTitle="Dúvidas Frequentes"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Quanto tempo demora?", content: "A maioria dos trabalhos fica concluída no mesmo dia." },
+              { id: "f2", title: "Trabalham com que marcas?", content: "Todas as marcas e modelos, nacionais ou internacionais." },
+              { id: "f3", title: "Posso pedir orçamento online?", content: "Sim, envie-nos uma mensagem por WhatsApp." },
+            ]}
+            sideTitle="Dúvidas Frequentes"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contacto" data-section="contacto">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contacto"
-      title="Diga-nos o que precisa"
-      description="Respondemos hoje mesmo. Deixe os seus dados e descreva o problema da sua viatura."
-    />
-  </div>
+        <div id="contacto" data-section="contacto">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Contacto"
+            title="Diga-nos o que precisa"
+            description="Respondemos hoje mesmo. Deixe os seus dados e descreva o problema da sua viatura."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Auto Pereira"
-      copyrightText="© 2025 Auto Pereira · Todos os direitos reservados"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Auto Pereira"
+            copyrightText="© 2025 Auto Pereira · Todos os direitos reservados"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1