bender/434e13e0-baeb-4584-9449-228eeb38c189
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #7

Merged
bender merged 2 commits from version_4 into main 2026-04-27 19:43:00 +00:00
Conversation 0 Commits 2 Files Changed 2 +14 -65
2 changed files with 14 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -48,18 +48,9 @@ export default function LandingPage() {
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-psd/car-rental-automotive-facebook-cover-template_120329-6446.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-stepping-out-car_23-2148332871.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-choosing-car-show-room_1303-15180.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-psd/car-rental-automotive-facebook-cover-template_120329-4420.jpg" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106141.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/horror-scene-with-eerie-room_23-2150975350.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-tunnel-with-turned-lamps-ceiling_181624-9703.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528587.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/asia-urban-sunny-skyline-riverbank_1112-1061.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-13690.jpg" },
]}
buttons={[
{ text: "Ver Inventario", href: "#product" },
@@ -85,7 +76,6 @@ export default function LandingPage() {
features={[
{ title: "Inspección Integral", description: "Más de 50 puntos de control mecánico y estético.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1368.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-preparing-check-list_1170-1251.jpg" } },
{ title: "Gestión Documental", description: "Nos encargamos de toda la transferencia y trámites legales.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-hands-close-up-with-car-keys_1303-13658.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288163.jpg" } },
{ title: "Garantía Extendida", description: "Cobertura en motor y caja de cambios para tu seguridad.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet_1170-1350.jpg" } },
]}
showStepNumbers={true}
title="Compromiso con la Calidad"
@@ -102,61 +92,20 @@ export default function LandingPage() {
products={[
{ id: "1", name: "Sedán Familiar", price: "USD 12,500", imageSrc: "http://img.b2bpic.net/free-photo/walking-couple-with-dogs-autumn-forest-owners-with-golden-labrador-relaxing-near-car_496169-1056.jpg?_wi=1" },
{ id: "2", name: "SUV Premium", price: "USD 22,900", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17459.jpg" },
{ id: "3", name: "Hatchback Urbano", price: "USD 9,800", imageSrc: "http://img.b2bpic.net/free-photo/cute-pug-dog-isolated-white-wall_231208-7709.jpg" },
]}
title="Nuestros Vehículos Disponibles"
description="Una selección diversa para adaptarse a tu estilo de vida y presupuesto."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "1", value: "1500+", title: "Vehículos vendidos", description: "Familias felices en la región.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1260.jpg" },
{ id: "2", value: "20", title: "Años de trayectoria", description: "Experiencia en el mercado automotriz.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mechanic-standing-near-cars_23-2147897989.jpg" },
]}
title="Cifras que demuestran nuestra trayectoria"
description="Nuestros números avalan nuestro liderazgo en el sector automotriz regional."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Juan Perez", date: "10 Ene 2024", title: "Excelente atención", quote: "Compré mi primer auto aquí y la asesoría fue impecable. Muy transparentes.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117172.jpg" },
]}
title="Experiencias de nuestros clientes"
description="Escucha lo que dicen quienes confiaron en nosotros para su compra."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "¿Aceptan permutas?", content: "Sí, tomamos tu vehículo actual como parte de pago tras una tasación profesional." },
{ id: "f2", title: "¿Financian vehículos?", content: "Contamos con diversas líneas de crédito bancario y prendario adaptadas a tus ingresos." },
]}
title="Preguntas Frecuentes"
description="Resolvemos tus dudas sobre el proceso de compra."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactSplit
tag="Ventas"
title="¿Buscas tu próximo auto?"
description="Ponte en contacto con nuestro equipo comercial para recibir asesoramiento personalizado y encontrar el vehículo ideal para ti."
buttons={[{ text: "Contactar ahora", href: "#footer" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
title="Encuentra tu Vehículo Ideal"
description="Agenda una cita para realizar una prueba de manejo o solicita asesoramiento personalizado con nuestros especialistas en ventas para encontrar el vehículo perfecto para ti."
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-choosing-car-show-room_1303-15180.jpg"
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
</div>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120006e6;
--primary-cta: #e63946;
--primary-cta-text: #f5faff;
--secondary-cta: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #001122;
--accent: #a8cce8;
--background-accent: #7ba3cf;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);