Merge version_1 into main #1
191
src/app/page.tsx
191
src/app/page.tsx
@@ -18,27 +18,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Inventario",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventario", id: "inventory"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="AUTOS UNION"
|
||||
/>
|
||||
@@ -50,13 +49,9 @@ export default function LandingPage() {
|
||||
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: "Contáctanos",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contáctanos", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-vehicle-models-dealership-being-promoted-potential-clients_482257-123953.jpg"
|
||||
/>
|
||||
@@ -70,17 +65,11 @@ export default function LandingPage() {
|
||||
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: "Transparencia", description: "Sin costos ocultos, precios justos y reales."},
|
||||
{
|
||||
title: "Atención Personalizada",
|
||||
description: "Te acompañamos durante todo el proceso.",
|
||||
},
|
||||
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"
|
||||
@@ -95,41 +84,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -143,34 +108,16 @@ export default function LandingPage() {
|
||||
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: "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",
|
||||
],
|
||||
id: "f3", label: "Servicio", title: "Post-Venta Integral", items: [
|
||||
"Mantenimiento preventivo", "Soporte 24/7", "Refacciones originales"],
|
||||
},
|
||||
]}
|
||||
title="Por qué elegir Autos Union"
|
||||
@@ -186,25 +133,15 @@ export default function LandingPage() {
|
||||
author="Carlos M."
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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"
|
||||
@@ -217,20 +154,11 @@ export default function LandingPage() {
|
||||
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: "q2",
|
||||
title: "¿Ofrecen garantía?",
|
||||
content: "Todos nuestros vehículos seminuevos incluyen garantía mecánica.",
|
||||
},
|
||||
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.",
|
||||
},
|
||||
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."
|
||||
@@ -245,22 +173,14 @@ export default function LandingPage() {
|
||||
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={{
|
||||
name: "mensaje",
|
||||
placeholder: "Escribe aquí tu consulta o interés en un modelo específico",
|
||||
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"
|
||||
/>
|
||||
@@ -270,42 +190,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menú",
|
||||
items: [
|
||||
title: "Menú", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Inventario",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventario", href: "#inventory"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ubicación",
|
||||
items: [
|
||||
title: "Ubicación", items: [
|
||||
{
|
||||
label: "Ver en Google Maps",
|
||||
href: "https://maps.app.goo.gl/gjW1MDbcDUKd6kF99",
|
||||
},
|
||||
label: "Ver en Google Maps", href: "https://maps.app.goo.gl/gjW1MDbcDUKd6kF99"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user