Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,6 +11,8 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import { Calculator } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,14 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",          id: "hero"},
+        { name: "Nosotros", id: "about" },
-        {
+        { name: "Inventario", id: "inventory" },
-          name: "Nosotros",          id: "about"},
+        { name: "Calculadora", id: "financing" },
-        {
+        { name: "Contacto", id: "contact" },
-          name: "Inventario",          id: "inventory"},
-        {
-          name: "Contacto",          id: "contact"},
       ]}
       brandName="AUTOS UNION"
     />
@@ -48,10 +47,8 @@ export default function LandingPage() {
       logoText="AUTOS UNION DE MEXICALI S.A. DE C.V."
       description="Tu socio de confianza en Mexicali. Encuentra tu próximo vehículo con la calidad y garantía que mereces."
       buttons={[
-        {
+        { text: "Ver Inventario", href: "#inventory" },
-          text: "Ver Inventario",          href: "#inventory"},
+        { text: "Calculadora", href: "#financing" },
-        {
-          text: "Contáctanos",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-vehicle-models-dealership-being-promoted-potential-clients_482257-123953.jpg"
     />
@@ -64,12 +61,9 @@ export default function LandingPage() {
       title="Calidad que nos Define"
       description="Con años de experiencia en el mercado automotriz, Autos Union de Mexicali se dedica a brindar excelencia, seguridad y transparencia en cada transacción. Somos más que un concesionario; somos tu aliado para encontrar movilidad de calidad."
       bulletPoints={[
-        {
+        { title: "Garantía Total", description: "Certificamos cada vehículo para tu tranquilidad." },
-          title: "Garantía Total",          description: "Certificamos cada vehículo para tu tranquilidad."},
+        { title: "Transparencia", description: "Sin costos ocultos, precios justos y reales." },
-        {
+        { title: "Atención Personalizada", description: "Te acompañamos durante todo el proceso." },
-          title: "Transparencia",          description: "Sin costos ocultos, precios justos y reales."},
-        {
-          title: "Atención Personalizada",          description: "Te acompañamos durante todo el proceso."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/dealership-salesman-answering-customers-questions-about-cars_482257-124577.jpg"
       mediaAnimation="slide-up"
@@ -83,42 +77,37 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Sedan Ejecutivo", price: "$280,000", imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-45009.jpg" },
-          id: "p1",          name: "Sedan Ejecutivo",          price: "$280,000",          imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-45009.jpg"},
+        { id: "p2", name: "SUV Familiar", price: "$350,000", imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-car-salon_1157-31985.jpg" },
-        {
+        { id: "p3", name: "Hatchback Urbano", price: "$210,000", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21305.jpg" },
-          id: "p2",          name: "SUV Familiar",          price: "$350,000",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-car-salon_1157-31985.jpg"},
-        {
-          id: "p3",          name: "Hatchback Urbano",          price: "$210,000",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21305.jpg"},
-        {
-          id: "p4",          name: "Deportivo Compacto",          price: "$420,000",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21297.jpg"},
-        {
-          id: "p5",          name: "Sedan de Lujo",          price: "$580,000",          imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg"},
-        {
-          id: "p6",          name: "Crossover Versátil",          price: "$310,000",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15143.jpg"},
       ]}
       title="Nuestro Catálogo"
       description="Explora nuestra selección premium de vehículos seminuevos certificados."
     />
   </div>
 
+  <div id="financing" data-section="financing">
+      <PricingCardFive
+      animationType="slide-up"
+      title="Calculadora de Financiamiento"
+      description="Estima tus pagos mensuales fácilmente"
+      tag="Simulador"
+      tagIcon={Calculator}
+      textboxLayout="default"
+      useInvertedBackground={false}
+      plans={[
+        { id: "c1", tag: "Básico", price: "$3,500/mes", period: "Est. mensual", description: "Basado en un plazo de 3 años, sujeto a aprobación.", button: { text: "Solicitar crédito" }, featuresTitle: "Detalles", features: ["Precio: $250,000", "Enganche: 20%", "Plazo: 36 meses", "Tasa estimada: 15%"] }
+      ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwelve
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", label: "Financiamiento", title: "Planes a tu Medida", items: ["Créditos rápidos", "Tasas competitivas", "Sin burocracia"] },
-          id: "f1",          label: "Financiamiento",          title: "Planes a tu Medida",          items: [
-            "Créditos rápidos",            "Tasas competitivas",            "Sin burocracia"],
-        },
-        {
-          id: "f2",          label: "Garantía",          title: "Certificación de Calidad",          items: [
-            "Inspección de 150 puntos",            "Garantía extendida",            "Historial verificado"],
-        },
-        {
-          id: "f3",          label: "Servicio",          title: "Post-Venta Integral",          items: [
-            "Mantenimiento preventivo",            "Soporte 24/7",            "Refacciones originales"],
-        },
       ]}
       title="Por qué elegir Autos Union"
       description="Ofrecemos beneficios exclusivos para que te sientas seguro con tu inversión."
@@ -131,18 +120,7 @@ export default function LandingPage() {
       testimonial="Excelente trato y vehículos impecables. El mejor lugar en Mexicali para comprar tu auto."
       rating={5}
       author="Carlos M."
-      avatars={[
+      avatars={[]}
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15200.jpg",          alt: "Cliente"},
-        {
-          src: "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg",          alt: "Cliente"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",          alt: "Cliente"},
-        {
-          src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-14591.jpg",          alt: "Cliente"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15674.jpg",          alt: "Cliente"},
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
     />
@@ -153,12 +131,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "¿Aceptan autos a cuenta?", content: "Sí, realizamos avalúos profesionales para recibir tu auto a cuenta." },
-          id: "q1",          title: "¿Aceptan autos a cuenta?",          content: "Sí, realizamos avalúos profesionales para recibir tu auto a cuenta."},
+        { id: "q3", title: "¿Qué necesito para tramitar un crédito?", content: "Identificación oficial, comprobante de ingresos y comprobante de domicilio." },
-        {
-          id: "q2",          title: "¿Ofrecen garantía?",          content: "Todos nuestros vehículos seminuevos incluyen garantía mecánica."},
-        {
-          id: "q3",          title: "¿Qué necesito para tramitar un crédito?",          content: "Identificación oficial, comprobante de ingresos y comprobante de domicilio."},
       ]}
       title="Preguntas Frecuentes"
       description="Todo lo que necesitas saber antes de estrenar."
@@ -172,16 +146,10 @@ export default function LandingPage() {
       title="Visítanos en Mexicali"
       description="Estamos ubicados en una zona accesible. ¡Ven a conocer tu próximo auto!"
       inputs={[
-        {
+        { name: "nombre", type: "text", placeholder: "Tu nombre completo", required: true },
-          name: "nombre",          type: "text",          placeholder: "Tu nombre completo",          required: true,
+        { name: "email", type: "email", placeholder: "Correo electrónico", required: true },
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Correo electrónico",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "mensaje", placeholder: "Escribe aquí tu consulta", required: true }}
-        name: "mensaje",        placeholder: "Escribe aquí tu consulta o interés en un modelo específico",        required: true,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/map-marked-with-pins-phone_23-2148232410.jpg"
     />
   </div>
@@ -189,30 +157,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Calculadora", href: "#financing" }] },
-          title: "Menú",          items: [
+        { title: "Legal", items: [{ label: "Privacidad", href: "#" }] },
-            {
-              label: "Inicio",              href: "#hero"},
-            {
-              label: "Inventario",              href: "#inventory"},
-            {
-              label: "Contacto",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacidad",              href: "#"},
-            {
-              label: "Términos",              href: "#"},
-          ],
-        },
-        {
-          title: "Ubicación",          items: [
-            {
-              label: "Ver en Google Maps",              href: "https://maps.app.goo.gl/gjW1MDbcDUKd6kF99"},
-          ],
-        },
       ]}
       logoText="AUTOS UNION"
     />
@@ -220,4 +166,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}