From 1b0cf5b943ec5823f74759a96fd9055baffabce5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 16:10:37 +0000
Subject: [PATCH 1/2] Add src/app/compra-venta-autos/page.tsx

---
 src/app/compra-venta-autos/page.tsx | 67 +++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 src/app/compra-venta-autos/page.tsx

diff --git a/src/app/compra-venta-autos/page.tsx b/src/app/compra-venta-autos/page.tsx
new file mode 100644
index 0000000..8db460a
--- /dev/null
+++ b/src/app/compra-venta-autos/page.tsx
@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function CompraVentaPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="aurora"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="AutoMonterrey"
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Compra y Venta en Monterrey"
+            description="La plataforma más confiable en Monterrey para realizar compra y venta de autos seminuevos con total transparencia y seguridad."
+            buttons={[
+              { text: "Comprar", href: "/" },
+              { text: "Vender", href: "#contact" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14560.jpg"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Venta de Autos"
+            title="¿Listo para vender tu auto?"
+            description="Recibe una oferta justa hoy mismo en Monterrey. Envíanos los detalles y te contactaremos de inmediato."
+            background={{ variant: "plain" }}
+            imageSrc="http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="AutoMonterrey"
+            leftLink={{ text: "Inicio", href: "/" }}
+            rightLink={{ text: "Contacto", href: "#contact" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 22c953d86b88d57281a83edf6c77d04636f8e7be Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 16:10:37 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 263 +++++------------------------------------------
 1 file changed, 26 insertions(+), 237 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d2961b..f0d0da1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Inventario",
-          id: "inventory",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
+        { name: "Inicio", id: "hero" },
+        { name: "Nosotros", id: "about" },
+        { name: "Inventario", id: "inventory" },
+        { name: "Compra/Venta", href: "/compra-venta-autos" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="AutoMonterrey"
     />
@@ -53,107 +42,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Tu próximo auto en Monterrey"
       description="Compra y vende autos seminuevos con la confianza y seguridad que buscas en el mercado regiomontano. Calidad certificada y financiamiento a tu medida."
       buttons={[
-        {
-          text: "Ver Inventario",
-          href: "#inventory",
-        },
-        {
-          text: "Vender mi auto",
-          href: "#contact",
-        },
+        { text: "Ver Inventario", href: "#inventory" },
+        { text: "Vender mi auto", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14560.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-town-square_1359-161.jpg",
-          alt: "Cliente satisfecho 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg",
-          alt: "Cliente satisfecho 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-choosing-car-show-room_1303-15180.jpg",
-          alt: "Cliente satisfecho 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg",
-          alt: "Cliente satisfecho 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434385.jpg",
-          alt: "Cliente satisfecho 5",
-        },
-      ]}
-      avatarText="Más de 1500 clientes felices"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Certificación 150 puntos",
-        },
-        {
-          type: "text",
-          text: "Financiamiento inmediato",
-        },
-        {
-          type: "text",
-          text: "Garantía de motor y transmisión",
-        },
-        {
-          type: "text",
-          text: "Atención personalizada",
-        },
-        {
-          type: "text",
-          text: "Autos listos para entrega",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
-      useInvertedBackground={false}
       title="Expertos en el mercado automotriz de Monterrey"
-      buttons={[
-        {
-          text: "Conoce más",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Conoce más", href: "#contact" }]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
-      useInvertedBackground={false}
       title="Por qué elegirnos"
       description="Ofrecemos beneficios que garantizan una experiencia de compra sin complicaciones."
       accordionItems={[
-        {
-          id: "f1",
-          title: "Inspección Certificada",
-          content: "Todos nuestros vehículos pasan por una revisión exhaustiva de 150 puntos mecánicos.",
-        },
-        {
-          id: "f2",
-          title: "Financiamiento Flexible",
-          content: "Contamos con planes de crédito adaptados a tu presupuesto y necesidades.",
-        },
-        {
-          id: "f3",
-          title: "Garantía Extendida",
-          content: "Protegemos tu inversión con cobertura mecánica extendida opcional.",
-        },
+        { id: "f1", title: "Inspección Certificada", content: "Revisión exhaustiva de 150 puntos." },
+        { id: "f2", title: "Financiamiento Flexible", content: "Planes adaptados a tu presupuesto." },
+        { id: "f3", title: "Garantía Extendida", content: "Protegemos tu inversión." },
       ]}
-      mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg"
     />
   </div>
@@ -163,47 +78,13 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Sedán Premium 2023",
-          price: "$350,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg",
-        },
-        {
-          id: "p2",
-          name: "SUV Familiar 2022",
-          price: "$420,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg",
-        },
-        {
-          id: "p3",
-          name: "Compacto Urbano",
-          price: "$280,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg",
-        },
-        {
-          id: "p4",
-          name: "Deportivo Elegante",
-          price: "$580,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-white-car_23-2148320260.jpg",
-        },
-        {
-          id: "p5",
-          name: "Hatchback Híbrido",
-          price: "$310,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-ev-plug-connected-electric-car_482257-130219.jpg",
-        },
-        {
-          id: "p6",
-          name: "Pickup 4x4",
-          price: "$650,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-laying-car_23-2149004948.jpg",
-        },
+        { id: "p1", name: "Sedán Premium", price: "$350,000", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg" },
+        { id: "p2", name: "SUV Familiar", price: "$420,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg" },
+        { id: "p3", name: "Compacto", price: "$280,000", imageSrc: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg" },
       ]}
-      title="Inventario de Autos"
-      description="Encuentra el modelo ideal para ti en nuestro catálogo actualizado diariamente."
+      title="Inventario"
+      description="Encuentra el modelo ideal."
     />
   </div>
 
@@ -211,133 +92,41 @@ export default function LandingPage() {
       <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1500+",
-          title: "Autos Vendidos",
-          items: [
-            "Ventas exitosas",
-            "Clientes felices",
-          ],
-        },
-        {
-          id: "m2",
-          value: "10",
-          title: "Años de Experiencia",
-          items: [
-            "Trayectoria sólida",
-            "Confianza",
-          ],
-        },
-        {
-          id: "m3",
-          value: "98%",
-          title: "Clientes Satisfechos",
-          items: [
-            "Recomendaciones",
-            "Servicio",
-          ],
-        },
+        { id: "m1", value: "1500+", title: "Autos Vendidos", items: ["Ventas exitosas"] },
+        { id: "m2", value: "10", title: "Años", items: ["Trayectoria"] },
+        { id: "m3", value: "98%", title: "Satisfechos", items: ["Calidad"] },
       ]}
-      title="Nuestra Trayectoria"
-      description="Datos que avalan nuestra presencia en el mercado."
+      title="Trayectoria"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Excelente servicio, el auto que compré estaba en perfectas condiciones y el proceso fue muy rápido."
+      testimonial="Excelente servicio y proceso rápido."
       rating={5}
       author="Alejandro M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-holds-keys-his-hand-dreams-come-true_146671-18398.jpg",
-          alt: "Cliente satisfecho",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
-          alt: "Cliente satisfecho",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117145.jpg",
-          alt: "Cliente satisfecho",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-hand-shaking-human-resources-person_23-2148507819.jpg",
-          alt: "Cliente satisfecho",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13635.jpg",
-          alt: "Cliente satisfecho",
-        },
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
+      avatars={[]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contacto"
       title="Contáctanos hoy mismo"
-      description="Déjanos tus datos y uno de nuestros asesores te contactará para agendar una cita o cotización."
+      description="Uno de nuestros asesores te atenderá."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="AutoMonterrey"
-      columns={[
-        {
-          title: "Ventas",
-          items: [
-            {
-              label: "Inventario",
-              href: "#inventory",
-            },
-            {
-              label: "Vender tu auto",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Empresa",
-          items: [
-            {
-              label: "Nosotros",
-              href: "#about",
-            },
-            {
-              label: "Ubicación",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1