diff --git a/src/app/page.tsx b/src/app/page.tsx index 83c5bf6..4c6e6ce 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" > @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -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() { diff --git a/src/app/styles/base.css b/src/app/styles/base.css index ce3eac0..e6e4ae5 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -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; diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index a7f8f0c..3423768 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -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);