bender/e73cd696-e3ab-4c4d-a907-87d00bf3fea9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-31 16:16:42 +00:00
parent d56853b649 78a21e06ee
commit acbc70fae0
3 changed files with 78 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
src/app/page.tsx
View File

@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -21,10 +21,10 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
name: "Inicio", id: "hero"},
{
name: "Nosotros",
id: "about",
},
name: "Nosotros", id: "about"},
{
name: "Servicios",
id: "services",
},
name: "Servicios", id: "services"},
{
name: "Flotilla",
id: "fleet",
},
name: "Flotilla", id: "fleet"},
{
name: "Opiniones",
id: "reviews",
},
name: "Opiniones", id: "reviews"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contacto",
id: "contact",
},
name: "Contacto", id: "contact"},
]}
brandName="AYBAR RENT CAR"
/>
@@ -70,39 +56,23 @@ export default function LandingPage() {
description="Experimente alquileres de autos premium en República Dominicana. Vehículos de lujo, servicio VIP y entrega perfecta en el aeropuerto para su viaje definitivo."
buttons={[
{
text: "Reservar Ahora",
href: "#contact",
},
text: "Reservar Ahora", href: "#contact"},
{
text: "Ver Flotilla",
href: "#fleet",
},
text: "Ver Flotilla", href: "#fleet"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021174.jpg",
imageAlt: "Coche de lujo conduciendo por la noche",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021174.jpg", imageAlt: "Coche de lujo conduciendo por la noche"},
{
imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892276.jpg",
imageAlt: "SUV elegante en carretera costera",
},
imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892276.jpg", imageAlt: "SUV elegante en carretera costera"},
{
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-black-suit-white-t-shirt-sits-car-trunk_197531-23141.jpg",
imageAlt: "Sedán moderno con aeropuerto de fondo",
},
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-black-suit-white-t-shirt-sits-car-trunk_197531-23141.jpg", imageAlt: "Sedán moderno con aeropuerto de fondo"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151152274.jpg",
imageAlt: "Interior de coche de lujo con tecnología",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151152274.jpg", imageAlt: "Interior de coche de lujo con tecnología"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-image-pretty-seductive-girl-sitting-red-modern-sport-convertible-car_273443-2731.jpg",
imageAlt: "Coche descapotable en carretera escénica del Caribe",
},
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-image-pretty-seductive-girl-sitting-red-modern-sport-convertible-car_273443-2731.jpg", imageAlt: "Coche descapotable en carretera escénica del Caribe"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17113.jpg",
imageAlt: "Coche ejecutivo al atardecer",
},
imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17113.jpg", imageAlt: "Coche ejecutivo al atardecer"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -116,19 +86,13 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "Estrellas en Google",
value: "4.7",
},
label: "Estrellas en Google", value: "4.7"},
{
icon: MessageCircle,
label: "Opiniones de Clientes",
value: "140+",
},
label: "Opiniones de Clientes", value: "140+"},
{
icon: Clock,
label: "Servicio de Soporte",
value: "24/7 Premium",
},
label: "Servicio de Soporte", value: "24/7 Premium"},
]}
metricsAnimation="slide-up"
/>
@@ -141,41 +105,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "airport-delivery",
title: "Entrega y Recogida en Aeropuerto",
author: "Servicio VIP",
description: "Reciba su vehículo directamente en el Aeropuerto Las Américas (SDQ), listo para su aventura al aterrizar y lo recogemos al finalizar.",
tags: [
"Comodidad",
"Eficiencia",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-valet-holding-key_23-2149901403.jpg",
imageAlt: "Coche de lujo siendo entregado en el aeropuerto",
},
id: "airport-delivery", title: "Entrega y Recogida en Aeropuerto", author: "Servicio VIP", description: "Reciba su vehículo directamente en el Aeropuerto Las Américas (SDQ), listo para su aventura al aterrizar y lo recogemos al finalizar.", tags: [
"Comodidad", "Eficiencia"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-valet-holding-key_23-2149901403.jpg", imageAlt: "Coche de lujo siendo entregado en el aeropuerto"},
{
id: "whatsapp-booking",
title: "Reservas Rápidas por WhatsApp",
author: "Atención Inmediata",
description: "Reserve su auto de lujo en minutos a través de nuestro servicio de WhatsApp 24 horas. Asistencia personalizada a su alcance.",
tags: [
"Digital",
"Personalizado",
],
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-her-smartphone-app-taxi-driver_23-2149236739.jpg",
imageAlt: "Reservar coche de alquiler por WhatsApp",
},
id: "whatsapp-booking", title: "Reservas Rápidas por WhatsApp", author: "Atención Inmediata", description: "Reserve su auto de lujo en minutos a través de nuestro servicio de WhatsApp 24 horas. Asistencia personalizada a su alcance.", tags: [
"Digital", "Personalizado"],
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-showing-her-smartphone-app-taxi-driver_23-2149236739.jpg", imageAlt: "Reservar coche de alquiler por WhatsApp"},
{
id: "modern-fleet",
title: "Flotilla Moderna y Exclusiva",
author: "Calidad Premium",
description: "Disfrute de nuestra selección de vehículos de alta gama, mantenidos con los más altos estándares para su confort, seguridad y estilo.",
tags: [
"Lujo",
"Seguridad",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-17451.jpg",
imageAlt: "Flotilla de coches modernos y exclusivos",
},
id: "modern-fleet", title: "Flotilla Moderna y Exclusiva", author: "Calidad Premium", description: "Disfrute de nuestra selección de vehículos de alta gama, mantenidos con los más altos estándares para su confort, seguridad y estilo.", tags: [
"Lujo", "Seguridad"],
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-17451.jpg", imageAlt: "Flotilla de coches modernos y exclusivos"},
]}
title="Viaje de Lujo Sin Interrupciones"
description="Diseñado para el viajero exigente, nuestros servicios aseguran comodidad y tranquilidad desde su llegada hasta su partida."
@@ -190,52 +130,22 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "mercedes-c",
name: "Mercedes-Benz Clase C",
price: "Desde $150/día",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241769.jpg",
imageAlt: "Mercedes-Benz Clase C plateado",
rating: 5,
id: "mercedes-c", name: "Mercedes-Benz Clase C", price: "Desde $150/día", imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241769.jpg", imageAlt: "Mercedes-Benz Clase C plateado", rating: 5,
},
{
id: "bmw-3",
name: "BMW Serie 3",
price: "Desde $140/día",
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-5873.jpg",
imageAlt: "BMW Serie 3 azul",
rating: 5,
id: "bmw-3", name: "BMW Serie 3", price: "Desde $140/día", imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-5873.jpg", imageAlt: "BMW Serie 3 azul", rating: 5,
},
{
id: "audi-a4",
name: "Audi A4",
price: "Desde $135/día",
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22386.jpg",
imageAlt: "Audi A4 negro",
rating: 5,
id: "audi-a4", name: "Audi A4", price: "Desde $135/día", imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22386.jpg", imageAlt: "Audi A4 negro", rating: 5,
},
{
id: "rangerover-evoque",
name: "Range Rover Evoque",
price: "Desde $180/día",
imageSrc: "http://img.b2bpic.net/free-photo/black-modern-suv-driving-winter-highway-dynamic-snowy-road-travel_169016-71564.jpg",
imageAlt: "Range Rover Evoque blanco",
rating: 5,
id: "rangerover-evoque", name: "Range Rover Evoque", price: "Desde $180/día", imageSrc: "http://img.b2bpic.net/free-photo/black-modern-suv-driving-winter-highway-dynamic-snowy-road-travel_169016-71564.jpg", imageAlt: "Range Rover Evoque blanco", rating: 5,
},
{
id: "porsche-macan",
name: "Porsche Macan",
price: "Desde $220/día",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-suv-countryside_169016-21543.jpg",
imageAlt: "Porsche Macan rojo",
rating: 5,
id: "porsche-macan", name: "Porsche Macan", price: "Desde $220/día", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-suv-countryside_169016-21543.jpg", imageAlt: "Porsche Macan rojo", rating: 5,
},
{
id: "tesla-model3",
name: "Tesla Model 3",
price: "Desde $200/día",
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg",
imageAlt: "Tesla Model 3 futurista",
rating: 5,
id: "tesla-model3", name: "Tesla Model 3", price: "Desde $200/día", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg", imageAlt: "Tesla Model 3 futurista", rating: 5,
},
]}
title="Nuestra Flotilla Exclusiva"
@@ -251,25 +161,15 @@ export default function LandingPage() {
author="Sofía Ramírez"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
alt: "Avatar de Sofía Ramírez",
},
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", alt: "Avatar de Sofía Ramírez"},
{
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5361.jpg",
alt: "Avatar de Carlos Montero",
},
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5361.jpg", alt: "Avatar de Carlos Montero"},
{
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-posing-stairs_273609-5488.jpg",
alt: "Avatar de Elena García",
},
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-posing-stairs_273609-5488.jpg", alt: "Avatar de Elena García"},
{
src: "http://img.b2bpic.net/free-photo/handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-near-embankment-europe-park-city-sunset-sunglasses_158538-22368.jpg",
alt: "Avatar de Ricardo Gómez",
},
src: "http://img.b2bpic.net/free-photo/handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-near-embankment-europe-park-city-sunset-sunglasses_158538-22368.jpg", alt: "Avatar de Ricardo Gómez"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg",
alt: "Avatar de Juan Pérez",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg", alt: "Avatar de Juan Pérez"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -282,20 +182,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "reqs",
title: "¿Cuáles son los requisitos para alquilar un vehículo?",
content: "Para alquilar un vehículo con AYBAR Rent Car, necesita una licencia de conducir válida, un pasaporte o documento de identidad y una tarjeta de crédito a nombre del conductor principal.",
},
id: "reqs", title: "¿Cuáles son los requisitos para alquilar un vehículo?", content: "Para alquilar un vehículo con AYBAR Rent Car, necesita una licencia de conducir válida, un pasaporte o documento de identidad y una tarjeta de crédito a nombre del conductor principal."},
{
id: "airport-delivery-faq",
title: "¿Ofrecen entrega y recogida en el aeropuerto?",
content: "Sí, ofrecemos servicio de entrega y recogida sin costo adicional en el Aeropuerto Internacional Las Américas (SDQ) 24/7 para su mayor comodidad.",
},
id: "airport-delivery-faq", title: "¿Ofrecen entrega y recogida en el aeropuerto?", content: "Sí, ofrecemos servicio de entrega y recogida sin costo adicional en el Aeropuerto Internacional Las Américas (SDQ) 24/7 para su mayor comodidad."},
{
id: "whatsapp-booking-faq",
title: "¿Puedo reservar a través de WhatsApp?",
content: "Absolutamente. Puede reservar y consultar con nuestro equipo de atención al cliente 24/7 a través de WhatsApp para un servicio rápido y personalizado.",
},
id: "whatsapp-booking-faq", title: "¿Puedo reservar a través de WhatsApp?", content: "Absolutamente. Puede reservar y consultar con nuestro equipo de atención al cliente 24/7 a través de WhatsApp para un servicio rápido y personalizado."},
]}
title="¿Preguntas Frecuentes?"
description="Encuentre respuestas rápidas a sus consultas sobre nuestros servicios, proceso de reserva y opciones de vehículos."
@@ -307,8 +198,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="¿Listo para conducir?"
title="Reserve Su Auto de Lujo Hoy"
description="Conéctese con nosotros para reservar su vehículo premium o para cualquier consulta. Nuestro equipo de soporte está disponible 24/7 para asistirte."
@@ -319,16 +209,30 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBase
logoText="AYBAR"
leftLink={{
text: "Política de Privacidad",
href: "#",
}}
rightLink={{
text: "Términos del Servicio",
href: "#",
}}
columns={[
{
title: "Compañía", items: [
{ label: "Acerca de", href: "#about" },
{ label: "Servicios", href: "#services" },
{ label: "Flotilla", href: "#fleet" },
],
},
{
title: "Recursos", items: [
{ label: "Preguntas Frecuentes", href: "#faq" },
{ label: "Contacto", href: "#contact" },
],
},
{
title: "Legal", items: [
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos del Servicio", href: "#" },
],
},
]}
copyrightText="© 2025 AYBAR Rent Car. Todos los derechos reservados."
/>
</div>
</ReactLenis>

2
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-public-sans), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #E34400;
--background: #f7f6f7;
--card: #ffffff;
--foreground: #0c1325;
--primary-cta: #0798ff;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #E34400;
--accent: #93c7ff;
--background-accent: #a8cde8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);