Merge version_2 into main #1
67
src/app/compra-venta-autos/page.tsx
Normal file
67
src/app/compra-venta-autos/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
263
src/app/page.tsx
263
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user