Merge version_2 into main #2
133
src/app/page.tsx
133
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: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Inventario", id: "inventory"},
|
||||
{
|
||||
name: "Contacto", id: "contact"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Inventario", id: "inventory" },
|
||||
{ name: "Calculadora", id: "financing" },
|
||||
{ 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: "Contáctanos", href: "#contact"},
|
||||
{ text: "Ver Inventario", href: "#inventory" },
|
||||
{ text: "Calculadora", href: "#financing" },
|
||||
]}
|
||||
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: "Transparencia", description: "Sin costos ocultos, precios justos y reales."},
|
||||
{
|
||||
title: "Atención Personalizada", description: "Te acompañamos durante todo el proceso."},
|
||||
{ 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." },
|
||||
]}
|
||||
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: "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"},
|
||||
{ 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" },
|
||||
]}
|
||||
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: "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: "f1", label: "Financiamiento", title: "Planes a tu Medida", items: ["Créditos rápidos", "Tasas competitivas", "Sin burocracia"] },
|
||||
]}
|
||||
title="Por qué elegir Autos Union"
|
||||
description="Ofrecemos beneficios exclusivos para que te sientas seguro con tu inversión."
|
||||
@@ -131,18 +120,6 @@ 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={[
|
||||
{
|
||||
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 +130,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: "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: "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." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber antes de estrenar."
|
||||
@@ -172,16 +145,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: "email", type: "email", placeholder: "Correo electrónico", required: true,
|
||||
},
|
||||
{ name: "nombre", type: "text", placeholder: "Tu nombre completo", 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,
|
||||
}}
|
||||
textarea={{ name: "mensaje", placeholder: "Escribe aquí tu consulta", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-marked-with-pins-phone_23-2148232410.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -189,30 +156,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menú", items: [
|
||||
{
|
||||
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"},
|
||||
],
|
||||
},
|
||||
{ title: "Menú", items: [{ label: "Inicio", href: "#hero" }, { label: "Calculadora", href: "#financing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }] },
|
||||
]}
|
||||
logoText="AUTOS UNION"
|
||||
/>
|
||||
@@ -220,4 +165,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user