bender/b5207b3c-334c-4780-a17f-fb0e17a47ac2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 20:03:20 +00:00
parent 85833f4557
commit 4eced776fc
1 changed files with 58 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
src/app/page.tsx
View File

@@ -32,30 +32,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Comprar",
id: "#products",
},
name: "Comprar", id: "#products"},
{
name: "Vender",
id: "#contact-cta",
},
name: "Vender", id: "#contact-cta"},
{
name: "Crédito",
id: "#financial-alliances",
},
name: "Crédito", id: "#financial-alliances"},
{
name: "Contacto",
id: "#contact-details",
},
name: "Contacto", id: "#contact-details"},
{
name: "Somos HITTI",
id: "#about",
},
name: "Somos HITTI", id: "#about"},
]}
button={{
text: "Cotizar ahora",
href: "#contact-details",
}}
text: "Cotizar ahora", href: "#contact-details"}}
brandName="Autos Hitti"
/>
</div>
@@ -63,51 +51,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Estrena tu Seminuevo en 24 Horas."
description="Enviamos a toda la República con la seguridad y garantía que solo Autos Hitti te puede ofrecer. ¡Tu coche ideal al mejor precio!"
buttons={[
{
text: "Ver Inventario",
href: "#products",
},
text: "Ver Inventario", href: "#products"},
{
text: "Agendar Prueba",
href: "#contact-cta",
},
text: "Agendar Prueba", href: "#contact-cta"},
]}
carouselItems={[
{
id: "hc1",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30119.jpg?_wi=1",
imageAlt: "Coche deportivo seminuevo",
},
id: "hc1", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30119.jpg", imageAlt: "Coche deportivo seminuevo"},
{
id: "hc2",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20898.jpg?_wi=1",
imageAlt: "SUV familiar seminuevo",
},
id: "hc2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20898.jpg", imageAlt: "SUV familiar seminuevo"},
{
id: "hc3",
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-with-car-outdoors_23-2148150156.jpg?_wi=1",
imageAlt: "Coche compacto seminuevo",
},
id: "hc3", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-with-car-outdoors_23-2148150156.jpg", imageAlt: "Coche compacto seminuevo"},
{
id: "hc4",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-car-showroom_1303-15139.jpg",
imageAlt: "Camioneta pick-up seminueva",
},
id: "hc4", imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-car-showroom_1303-15139.jpg", imageAlt: "Camioneta pick-up seminueva"},
{
id: "hc5",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-legs-corvetable-car_624325-4020.jpg",
imageAlt: "Coche descapotable seminuevo",
},
id: "hc5", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-legs-corvetable-car_624325-4020.jpg", imageAlt: "Coche descapotable seminuevo"},
{
id: "hc6",
imageSrc: "http://img.b2bpic.net/free-photo/autonomous-car-futuristic-city_23-2152000848.jpg",
imageAlt: "Coche eléctrico seminuevo",
},
id: "hc6", imageSrc: "http://img.b2bpic.net/free-photo/autonomous-car-futuristic-city_23-2152000848.jpg", imageAlt: "Coche eléctrico seminuevo"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -135,80 +100,53 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Seguridad Total",
description: "Cada vehículo es inspeccionado rigurosamente por expertos para garantizar su óptimo estado y tu tranquilidad al conducir.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg",
imageAlt: "Inspección de coche para seguridad",
},
title: "Seguridad Total", description: "Cada vehículo es inspeccionado rigurosamente por expertos para garantizar su óptimo estado y tu tranquilidad al conducir.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg", imageAlt: "Inspección de coche para seguridad"},
items: [
{
icon: Car,
text: "Inspección 360 puntos",
},
text: "Inspección 360 puntos"},
{
icon: Shield,
text: "Garantía extendida",
},
text: "Garantía extendida"},
{
icon: CheckCircle,
text: "Historial transparente",
},
text: "Historial transparente"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30119.jpg?_wi=2",
imageAlt: "inspección de coche seguridad revisión",
reverse: false
},
{
title: "Crédito Preferencial",
description: "Accede a las mejores opciones de financiamiento con tasas exclusivas y planes a tu medida, facilitando la adquisición de tu seminuevo.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571901.jpg",
imageAlt: "Documentos de crédito automotriz",
},
title: "Crédito Preferencial", description: "Accede a las mejores opciones de financiamiento con tasas exclusivas y planes a tu medida, facilitando la adquisición de tu seminuevo.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571901.jpg", imageAlt: "Documentos de crédito automotriz"},
items: [
{
icon: CreditCard,
text: "Financiamiento flexible",
},
text: "Financiamiento flexible"},
{
icon: Percent,
text: "Tasas bajas garantizadas",
},
text: "Tasas bajas garantizadas"},
{
icon: FileText,
text: "Proceso sencillo",
},
text: "Proceso sencillo"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20898.jpg?_wi=2",
imageAlt: "inspección de coche seguridad revisión",
reverse: true
},
{
title: "Entrega Rápida",
description: "Disfruta de tu nuevo auto en tan solo 24 horas. Nuestro eficiente proceso de entrega te permite estrenar sin demoras.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-holding-box_23-2148546124.jpg",
imageAlt: "Coche siendo entregado al cliente",
},
title: "Entrega Rápida", description: "Disfruta de tu nuevo auto en tan solo 24 horas. Nuestro eficiente proceso de entrega te permite estrenar sin demoras.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-holding-box_23-2148546124.jpg", imageAlt: "Coche siendo entregado al cliente"},
items: [
{
icon: Truck,
text: "Envío a toda la República",
},
text: "Envío a toda la República"},
{
icon: Clock,
text: "Estrena en 24h",
},
text: "Estrena en 24h"},
{
icon: Key,
text: "Llave en mano",
},
text: "Llave en mano"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-with-car-outdoors_23-2148150156.jpg?_wi=2",
imageAlt: "inspección de coche seguridad revisión",
},
reverse: false
}
]}
title="Por Qué Elegir Autos Hitti"
description="Ofrecemos una experiencia única al comprar o vender tu auto seminuevo, con beneficios pensados para tu tranquilidad y confianza."
@@ -225,47 +163,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "prod1",
name: "Hyundai Tucson 2018",
price: "$280,000 MXN",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117119.jpg",
imageAlt: "Hyundai Tucson 2018",
},
id: "prod1", name: "Hyundai Tucson 2018", price: "$280,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117119.jpg", imageAlt: "Hyundai Tucson 2018"},
{
id: "prod2",
name: "Nissan Altima 2020",
price: "$350,000 MXN",
imageSrc: "http://img.b2bpic.net/free-photo/look-from-white-car-white-house_8353-1201.jpg",
imageAlt: "Nissan Altima 2020",
},
id: "prod2", name: "Nissan Altima 2020", price: "$350,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/look-from-white-car-white-house_8353-1201.jpg", imageAlt: "Nissan Altima 2020"},
{
id: "prod3",
name: "Mazda 3 Hatchback 2021",
price: "$320,000 MXN",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-car_624325-4014.jpg",
imageAlt: "Mazda 3 Hatchback 2021",
},
id: "prod3", name: "Mazda 3 Hatchback 2021", price: "$320,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-car_624325-4014.jpg", imageAlt: "Mazda 3 Hatchback 2021"},
{
id: "prod4",
name: "Volkswagen Jetta 2019",
price: "$295,000 MXN",
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149091972.jpg",
imageAlt: "Volkswagen Jetta 2019",
},
id: "prod4", name: "Volkswagen Jetta 2019", price: "$295,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149091972.jpg", imageAlt: "Volkswagen Jetta 2019"},
{
id: "prod5",
name: "Honda CR-V 2020",
price: "$410,000 MXN",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-traveling-by-car_23-2149004976.jpg",
imageAlt: "Honda CR-V 2020",
},
id: "prod5", name: "Honda CR-V 2020", price: "$410,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-traveling-by-car_23-2149004976.jpg", imageAlt: "Honda CR-V 2020"},
{
id: "prod6",
name: "Toyota Corolla 2022",
price: "$380,000 MXN",
imageSrc: "http://img.b2bpic.net/free-photo/happy-red-haired-woman-side-road_23-2148150136.jpg",
imageAlt: "Toyota Corolla 2022",
},
id: "prod6", name: "Toyota Corolla 2022", price: "$380,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/happy-red-haired-woman-side-road_23-2148150136.jpg", imageAlt: "Toyota Corolla 2022"},
]}
title="Conoce Nuestro Inventario Disponible"
description="Explora nuestra amplia selección de autos seminuevos, cuidadosamente elegidos para ofrecerte calidad y rendimiento. ¡Tu próximo coche te espera!"
@@ -280,50 +188,20 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "t1",
name: "Cristobal",
handle: "@CristobalG",
testimonial: "¡Todo muy bien en la atención de la asesora Mary, felicidades! Muy profesional y atenta.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-brunette-hair-using-phone_273609-15605.jpg",
imageAlt: "Foto de Cristobal",
},
id: "t1", name: "Cristobal", handle: "@CristobalG", testimonial: "¡Todo muy bien en la atención de la asesora Mary, felicidades! Muy profesional y atenta.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-brunette-hair-using-phone_273609-15605.jpg", imageAlt: "Foto de Cristobal"},
{
id: "t2",
name: "Christian L.",
handle: "@ChristianL",
testimonial: "Buena atención de mi asesor Christian. Me ayudó a encontrar el coche perfecto para mis necesidades.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
imageAlt: "Foto de Christian L.",
},
id: "t2", name: "Christian L.", handle: "@ChristianL", testimonial: "Buena atención de mi asesor Christian. Me ayudó a encontrar el coche perfecto para mis necesidades.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg", imageAlt: "Foto de Christian L."},
{
id: "t3",
name: "Ana R.",
handle: "@AnaRdz",
testimonial: "Excelente servicio, encontré el auto de mis sueños y el proceso fue muy rápido y transparente. ¡Totalmente recomendados!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-3855.jpg",
imageAlt: "Foto de Ana R.",
},
id: "t3", name: "Ana R.", handle: "@AnaRdz", testimonial: "Excelente servicio, encontré el auto de mis sueños y el proceso fue muy rápido y transparente. ¡Totalmente recomendados!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-3855.jpg", imageAlt: "Foto de Ana R."},
{
id: "t4",
name: "Jorge M.",
handle: "@JorgeMx",
testimonial: "Comprar mi seminuevo en Hitti fue la mejor decisión. La garantía me dio mucha confianza y la tasa de crédito fue inmejorable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-searching-new-car-dealership_23-2149117127.jpg",
imageAlt: "Foto de Jorge M.",
},
id: "t4", name: "Jorge M.", handle: "@JorgeMx", testimonial: "Comprar mi seminuevo en Hitti fue la mejor decisión. La garantía me dio mucha confianza y la tasa de crédito fue inmejorable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-searching-new-car-dealership_23-2149117127.jpg", imageAlt: "Foto de Jorge M."},
{
id: "t5",
name: "Familia G.",
handle: "@FamiliaG",
testimonial: "Nos encantó la atención personalizada y la variedad de autos. Encontramos una camioneta ideal para toda la familia. ¡Gracias Hitti!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106197.jpg",
imageAlt: "Foto de Familia G.",
},
id: "t5", name: "Familia G.", handle: "@FamiliaG", testimonial: "Nos encantó la atención personalizada y la variedad de autos. Encontramos una camioneta ideal para toda la familia. ¡Gracias Hitti!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106197.jpg", imageAlt: "Foto de Familia G."},
]}
showRating={true}
title="¿Por qué Autos HITTI?"
@@ -337,14 +215,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Banco del Bajío",
"Banorte",
"Santander",
"BBVA",
"Citibanamex",
"HSBC",
"Scotiabank",
]}
"Banco del Bajío", "Banorte", "Santander", "BBVA", "Citibanamex", "HSBC", "Scotiabank"]}
title="Nuestras Alianzas Financieras"
description="Trabajamos con las principales instituciones bancarias y financieras para ofrecerte las mejores opciones de crédito automotriz."
tag="Confianza"
@@ -357,14 +228,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
text="¿Encontraste tu próximo seminuevo? Agenda tu cita para prueba de manejo y vive la experiencia Hitti. ¡Te esperamos!"
buttons={[
{
text: "Agendar Cita Ahora",
href: "#contact-details",
},
text: "Agendar Cita Ahora", href: "#contact-details"},
]}
/>
</div>
@@ -373,8 +241,7 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Contacta a Autos Hitti. Estamos aquí para ayudarte a encontrar el auto de tus sueños o resolver tus dudas.\n\nTeléfono: 33 3344 5150\nWhatsApp: 33 2166 3161\nEmail: hola@hitti.mx\nDirección: Av. Inglaterra 4949, Col. Jard. Vallarta, Guadalajara, Mx"
/>
</div>
@@ -386,24 +253,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/autos_hitti",
ariaLabel: "Instagram de Autos Hitti",
},
href: "https://instagram.com/autos_hitti", ariaLabel: "Instagram de Autos Hitti"},
{
icon: Facebook,
href: "https://facebook.com/autoshitti",
ariaLabel: "Facebook de Autos Hitti",
},
href: "https://facebook.com/autoshitti", ariaLabel: "Facebook de Autos Hitti"},
{
icon: Film,
href: "https://tiktok.com/@autoshitti",
ariaLabel: "TikTok de Autos Hitti",
},
href: "https://tiktok.com/@autoshitti", ariaLabel: "TikTok de Autos Hitti"},
{
icon: Film,
href: "https://youtube.com/@autoshitti",
ariaLabel: "YouTube de Autos Hitti",
},
href: "https://youtube.com/@autoshitti", ariaLabel: "YouTube de Autos Hitti"},
]}
/>
</div>