Update src/app/page.tsx

This commit is contained in:
2026-06-10 19:42:18 +00:00
parent ec8df3da53
commit a0fce30ce6

View File

@@ -34,35 +34,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Vehicles", name: "Vehicles", id: "#vehicles"},
id: "#vehicles",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Auto Vilanovense" brandName="Auto Vilanovense"
button={{ button={{
text: "Get a Quote", text: "Get a Quote", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
@@ -72,39 +58,23 @@ export default function LandingPage() {
description="Your Trusted Partner for Quality Vehicles & Exceptional Service. Drive Your Dreams Today!" description="Your Trusted Partner for Quality Vehicles & Exceptional Service. Drive Your Dreams Today!"
buttons={[ buttons={[
{ {
text: "Explore Inventory", text: "Explore Inventory", href: "#vehicles"},
href: "#vehicles",
},
{ {
text: "Schedule a Test Drive", text: "Schedule a Test Drive", href: "#contact"},
href: "#contact",
},
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3041.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3041.jpg", imageAlt: "Luxury car in a modern showroom"},
imageAlt: "Luxury car in a modern showroom",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-car-with-large-bag-roof_23-2151850165.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-car-with-large-bag-roof_23-2151850165.jpg", imageAlt: "Classic muscle car on a sunny street"},
imageAlt: "Classic muscle car on a sunny street",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169737.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169737.jpg", imageAlt: "Electric car charging at a station"},
imageAlt: "Electric car charging at a station",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-trip_23-2147935498.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-trip_23-2147935498.jpg", imageAlt: "Family SUV driving on a scenic road"},
imageAlt: "Family SUV driving on a scenic road",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", imageAlt: "Luxury sedan in an urban setting"},
imageAlt: "Luxury sedan in an urban setting",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-snow_23-2151674287.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-snow_23-2151674287.jpg", imageAlt: "Sports car on a race track"},
imageAlt: "Sports car on a race track",
},
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
showDimOverlay={true} showDimOverlay={true}
@@ -118,19 +88,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Car, icon: Car,
label: "Years in Business", label: "Years in Business", value: "25+"},
value: "25+",
},
{ {
icon: Users, icon: Users,
label: "Happy Customers", label: "Happy Customers", value: "10,000+"},
value: "10,000+",
},
{ {
icon: ShieldCheck, icon: ShieldCheck,
label: "Certified Vehicles", label: "Certified Vehicles", value: "100%"},
value: "100%",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -142,37 +106,19 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Expert Maintenance & Repair", title: "Expert Maintenance & Repair", description: "Our certified technicians ensure your car runs smoothly with top-tier diagnostics and repairs.", bentoComponent: "reveal-icon", icon: Wrench,
description: "Our certified technicians ensure your car runs smoothly with top-tier diagnostics and repairs.",
bentoComponent: "reveal-icon",
icon: Wrench,
button: { button: {
text: "Learn More", text: "Learn More"}
},
imageSrc: "http://img.b2bpic.net/free-photo/figurine-iron-musician-playing-flute-white-background_460848-13011.jpg",
imageAlt: "wrench icon repair",
}, },
{ {
title: "Flexible Financing Options", title: "Flexible Financing Options", description: "We offer competitive financing solutions to make your dream car a reality, tailored to your budget.", bentoComponent: "reveal-icon", icon: DollarSign,
description: "We offer competitive financing solutions to make your dream car a reality, tailored to your budget.",
bentoComponent: "reveal-icon",
icon: DollarSign,
button: { button: {
text: "Get Pre-Approved", text: "Get Pre-Approved"}
},
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3041.jpg?_wi=2",
imageAlt: "wrench icon repair",
}, },
{ {
title: "Comprehensive Vehicle Inspections", title: "Comprehensive Vehicle Inspections", description: "Thorough inspections guarantee the safety and reliability of every vehicle in our inventory.", bentoComponent: "reveal-icon", icon: CheckCircle,
description: "Thorough inspections guarantee the safety and reliability of every vehicle in our inventory.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
button: { button: {
text: "View Details", text: "View Details"}
},
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-car-with-large-bag-roof_23-2151850165.jpg?_wi=2",
imageAlt: "wrench icon repair",
}, },
]} ]}
title="Our Premium Automotive Services" title="Our Premium Automotive Services"
@@ -188,47 +134,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "prod-1", id: "prod-1", name: "2022 Sport Coupe", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-1055.jpg", imageAlt: "Red 2022 Sport Coupe"},
name: "2022 Sport Coupe",
price: "$65,000",
imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-1055.jpg",
imageAlt: "Red 2022 Sport Coupe",
},
{ {
id: "prod-2", id: "prod-2", name: "2020 Family Sedan", price: "$32,000", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21188.jpg", imageAlt: "Blue 2020 Family Sedan"},
name: "2020 Family Sedan",
price: "$32,000",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21188.jpg",
imageAlt: "Blue 2020 Family Sedan",
},
{ {
id: "prod-3", id: "prod-3", name: "2021 Adventure SUV", price: "$48,000", imageSrc: "http://img.b2bpic.net/free-photo/beach-trip-4x4-vehicle_268835-3204.jpg", imageAlt: "Black 2021 Adventure SUV"},
name: "2021 Adventure SUV",
price: "$48,000",
imageSrc: "http://img.b2bpic.net/free-photo/beach-trip-4x4-vehicle_268835-3204.jpg",
imageAlt: "Black 2021 Adventure SUV",
},
{ {
id: "prod-4", id: "prod-4", name: "2023 Electric Hatchback", price: "$41,000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065318.jpg", imageAlt: "White 2023 Electric Hatchback"},
name: "2023 Electric Hatchback",
price: "$41,000",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065318.jpg",
imageAlt: "White 2023 Electric Hatchback",
},
{ {
id: "prod-5", id: "prod-5", name: "2019 Heavy Duty Truck", price: "$38,000", imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-road-strength-motion-modern-freedom_169016-69739.jpg", imageAlt: "Silver 2019 Heavy Duty Truck"},
name: "2019 Heavy Duty Truck",
price: "$38,000",
imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-road-strength-motion-modern-freedom_169016-69739.jpg",
imageAlt: "Silver 2019 Heavy Duty Truck",
},
{ {
id: "prod-6", id: "prod-6", name: "1969 Classic Roadster", price: "$95,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-classic-car-front-monument_23-2148226480.jpg", imageAlt: "Yellow 1969 Classic Roadster"},
name: "1969 Classic Roadster",
price: "$95,000",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-classic-car-front-monument_23-2148226480.jpg",
imageAlt: "Yellow 1969 Classic Roadster",
},
]} ]}
title="Discover Your Next Ride" title="Discover Your Next Ride"
description="Browse our curated selection of quality pre-owned vehicles, hand-picked for performance and reliability." description="Browse our curated selection of quality pre-owned vehicles, hand-picked for performance and reliability."
@@ -242,60 +158,31 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic-plan", id: "basic-plan", badge: "Essential", badgeIcon: CheckCircle,
badge: "Essential", price: "$299/year", subtitle: "Basic maintenance for peace of mind.", buttons: [
badgeIcon: CheckCircle,
price: "$299/year",
subtitle: "Basic maintenance for peace of mind.",
buttons: [
{ {
text: "Select Basic", text: "Select Basic"},
},
], ],
features: [ features: [
"Annual Oil Change", "Annual Oil Change", "Tire Rotation", "Multi-Point Inspection", "Basic Fluid Top-Offs"],
"Tire Rotation",
"Multi-Point Inspection",
"Basic Fluid Top-Offs",
],
}, },
{ {
id: "premium-plan", id: "premium-plan", badge: "Most Popular", badgeIcon: Star,
badge: "Most Popular", price: "$599/year", subtitle: "Comprehensive coverage for ultimate care.", buttons: [
badgeIcon: Star,
price: "$599/year",
subtitle: "Comprehensive coverage for ultimate care.",
buttons: [
{ {
text: "Select Premium", text: "Select Premium"},
},
], ],
features: [ features: [
"All Essential Features", "All Essential Features", "Brake Inspection & Cleaning", "HVAC System Check", "Advanced Diagnostic Scan", "24/7 Roadside Assistance"],
"Brake Inspection & Cleaning",
"HVAC System Check",
"Advanced Diagnostic Scan",
"24/7 Roadside Assistance",
],
}, },
{ {
id: "elite-plan", id: "elite-plan", badge: "Ultimate", badgeIcon: Crown,
badge: "Ultimate", price: "$999/year", subtitle: "Exclusive benefits for the discerning owner.", buttons: [
badgeIcon: Crown,
price: "$999/year",
subtitle: "Exclusive benefits for the discerning owner.",
buttons: [
{ {
text: "Select Elite", text: "Select Elite"},
},
], ],
features: [ features: [
"All Premium Features", "All Premium Features", "Full Vehicle Detailing", "Exclusive Loaner Car Service", "Extended Warranty Discount", "Priority Service Scheduling"],
"Full Vehicle Detailing",
"Exclusive Loaner Car Service",
"Extended Warranty Discount",
"Priority Service Scheduling",
],
}, },
]} ]}
title="Transparent Service Packages" title="Transparent Service Packages"
@@ -311,20 +198,11 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
metrics={[ metrics={[
{ {
id: "met-1", id: "met-1", value: "98%", description: "Customer Satisfaction Rate"},
value: "98%",
description: "Customer Satisfaction Rate",
},
{ {
id: "met-2", id: "met-2", value: "5000+", description: "Vehicles Sold Annually"},
value: "5000+",
description: "Vehicles Sold Annually",
},
{ {
id: "met-3", id: "met-3", value: "4.9", description: "Average Google Rating"},
value: "4.9",
description: "Average Google Rating",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -336,50 +214,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "test-1", id: "test-1", title: "A seamless buying experience!", quote: "Auto Vilanovense made buying my new car incredibly easy and enjoyable. Their team was professional, knowledgeable, and genuinely cared about my needs. Highly recommended!", name: "Carlos A.", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", imageAlt: "Photo of Carlos A."},
title: "A seamless buying experience!",
quote: "Auto Vilanovense made buying my new car incredibly easy and enjoyable. Their team was professional, knowledgeable, and genuinely cared about my needs. Highly recommended!",
name: "Carlos A.",
role: "Satisfied Customer",
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
imageAlt: "Photo of Carlos A.",
},
{ {
id: "test-2", id: "test-2", title: "Exceptional service every time.", quote: "I've been bringing my car to Auto Vilanovense for years, and their service is always top-notch. Quick, reliable, and always going the extra mile. Wouldn't go anywhere else!", name: "Sofia R.", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-sitting-car-looking-through-window_1303-28815.jpg", imageAlt: "Photo of Sofia R."},
title: "Exceptional service every time.",
quote: "I've been bringing my car to Auto Vilanovense for years, and their service is always top-notch. Quick, reliable, and always going the extra mile. Wouldn't go anywhere else!",
name: "Sofia R.",
role: "Loyal Client",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-sitting-car-looking-through-window_1303-28815.jpg",
imageAlt: "Photo of Sofia R.",
},
{ {
id: "test-3", id: "test-3", title: "Found my dream car here!", quote: "The selection at Auto Vilanovense is impressive, and their sales team is fantastic. They helped me find the perfect car within my budget. Truly a fantastic experience!", name: "Miguel D.", role: "New Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-trip_23-2147874640.jpg", imageAlt: "Photo of Miguel D."},
title: "Found my dream car here!",
quote: "The selection at Auto Vilanovense is impressive, and their sales team is fantastic. They helped me find the perfect car within my budget. Truly a fantastic experience!",
name: "Miguel D.",
role: "New Car Owner",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-trip_23-2147874640.jpg",
imageAlt: "Photo of Miguel D.",
},
{ {
id: "test-4", id: "test-4", title: "Reliable and trustworthy.", quote: "As a first-time buyer, I was nervous, but Auto Vilanovense provided all the information I needed without any pressure. I trust them completely with my vehicle.", name: "Ana L.", role: "First-Time Buyer", imageSrc: "http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-124573.jpg", imageAlt: "Photo of Ana L."},
title: "Reliable and trustworthy.",
quote: "As a first-time buyer, I was nervous, but Auto Vilanovense provided all the information I needed without any pressure. I trust them completely with my vehicle.",
name: "Ana L.",
role: "First-Time Buyer",
imageSrc: "http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-124573.jpg",
imageAlt: "Photo of Ana L.",
},
{ {
id: "test-5", id: "test-5", title: "Highly professional and friendly.", quote: "The staff at Auto Vilanovense are always so welcoming and helpful. From sales to service, their professionalism shines through. Truly a pleasure to do business with.", name: "Ricardo S.", role: "Long-Term Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car_657921-23.jpg", imageAlt: "Photo of Ricardo S."},
title: "Highly professional and friendly.",
quote: "The staff at Auto Vilanovense are always so welcoming and helpful. From sales to service, their professionalism shines through. Truly a pleasure to do business with.",
name: "Ricardo S.",
role: "Long-Term Customer",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car_657921-23.jpg",
imageAlt: "Photo of Ricardo S.",
},
]} ]}
title="What Our Customers Say" title="What Our Customers Say"
description="Hear from satisfied clients who chose Auto Vilanovense for their automotive needs and exceptional service." description="Hear from satisfied clients who chose Auto Vilanovense for their automotive needs and exceptional service."
@@ -391,14 +234,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Auto Innovations", "Auto Innovations", "Drive Solutions", "Road Master", "Vehicle Pro", "Gear Tech", "Wheel Hub", "Piston Dynamics"]}
"Drive Solutions",
"Road Master",
"Vehicle Pro",
"Gear Tech",
"Wheel Hub",
"Piston Dynamics",
]}
title="Trusted by Industry-Leading Brands" title="Trusted by Industry-Leading Brands"
description="Our commitment to quality has earned us the trust of top names in the automotive sector and beyond." description="Our commitment to quality has earned us the trust of top names in the automotive sector and beyond."
/> />
@@ -408,18 +244,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Ready to find your dream car? Contact us today for personalized assistance and exceptional service!" text="Ready to find your dream car? Contact us today for personalized assistance and exceptional service!"
buttons={[ buttons={[
{ {
text: "Call Us Now", text: "Call Us Now", href: "tel:+1234567890"},
href: "tel:+1234567890",
},
{ {
text: "Email Us", text: "Email Us", href: "mailto:info@autovilanovense.com"},
href: "mailto:info@autovilanovense.com",
},
]} ]}
/> />
</div> </div>
@@ -431,66 +262,39 @@ export default function LandingPage() {
logoText="Auto Vilanovense" logoText="Auto Vilanovense"
columns={[ columns={[
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [
{ {
label: "Home", label: "Home", href: "#home"},
href: "#home",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Vehicles", label: "Vehicles", href: "#vehicles"},
href: "#vehicles",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Our Services", title: "Our Services", items: [
items: [
{ {
label: "Maintenance", label: "Maintenance", href: "#services"},
href: "#services",
},
{ {
label: "Financing", label: "Financing", href: "#pricing"},
href: "#pricing",
},
{ {
label: "Inspections", label: "Inspections", href: "#services"},
href: "#services",
},
{ {
label: "Trade-Ins", label: "Trade-Ins", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Contact Us", title: "Contact Us", items: [
items: [
{ {
label: "Location", label: "Location", href: "#contact"},
href: "#contact",
},
{ {
label: "Email", label: "Email", href: "mailto:info@autovilanovense.com"},
href: "mailto:info@autovilanovense.com",
},
{ {
label: "Phone", label: "Phone", href: "tel:+1234567890"},
href: "tel:+1234567890",
},
{ {
label: "Schedule Appointment", label: "Schedule Appointment", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}