Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Wrench, CreditCard, ShieldCheck, Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Inventory", id: "products" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AutoDrive"
|
||||
/>
|
||||
@@ -58,42 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Drive Your Future Today"
|
||||
description="Experience luxury, performance, and precision. We curate the finest selection of vehicles tailored to your lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Inventory", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092020.jpg?_wi=1",
|
||||
imageAlt: "Luxury Sports Car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-girl-sitting-vehicle_1296-319.jpg?_wi=1",
|
||||
imageAlt: "Premium SUV",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=1",
|
||||
imageAlt: "Interior Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001289.jpg",
|
||||
imageAlt: "Luxury Sports Car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-car-autumn-trees-warm-season-palette_169016-70056.jpg",
|
||||
imageAlt: "Premium SUV",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138892.jpg",
|
||||
imageAlt: "Interior Design",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092020.jpg", imageAlt: "Luxury Sports Car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-girl-sitting-vehicle_1296-319.jpg", imageAlt: "Premium SUV" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg", imageAlt: "Interior Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001289.jpg", imageAlt: "Luxury Sports Car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-car-autumn-trees-warm-season-palette_169016-70056.jpg", imageAlt: "Premium SUV" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138892.jpg", imageAlt: "Interior Design" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -104,7 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Automotive Excellence"
|
||||
description="With over 20 years in the automotive industry, we prioritize quality, transparency, and the ultimate driving experience. Your satisfaction is our primary metric."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-enjoying-day-office_23-2148738304.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-enjoying-day-office_23-2148738304.jpg"
|
||||
imageAlt="Our Dealership Team"
|
||||
/>
|
||||
</div>
|
||||
@@ -114,30 +75,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Maintenance",
|
||||
description: "Full-service center with certified technicians.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg?_wi=1",
|
||||
buttonIcon: "Wrench",
|
||||
},
|
||||
{
|
||||
title: "Flexible Financing",
|
||||
description: "Tailored financial plans to match your needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/forecast-expert-ceo-analyzing-investment-insights-negotiations-details_482257-112482.jpg",
|
||||
buttonIcon: "CreditCard",
|
||||
},
|
||||
{
|
||||
title: "Certified Quality",
|
||||
description: "Every vehicle undergoes a 200-point inspection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-choosing-car-car-showroom_1303-26751.jpg",
|
||||
buttonIcon: "ShieldCheck",
|
||||
},
|
||||
{
|
||||
title: "Test Drive Experience",
|
||||
description: "Schedule a personalized test drive at your convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "Expert Maintenance", description: "Full-service center with certified technicians.", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg", buttonIcon: Wrench },
|
||||
{ title: "Flexible Financing", description: "Tailored financial plans to match your needs.", imageSrc: "http://img.b2bpic.net/free-photo/forecast-expert-ceo-analyzing-investment-insights-negotiations-details_482257-112482.jpg", buttonIcon: CreditCard },
|
||||
{ title: "Certified Quality", description: "Every vehicle undergoes a 200-point inspection.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-choosing-car-car-showroom_1303-26751.jpg", buttonIcon: ShieldCheck },
|
||||
{ title: "Test Drive Experience", description: "Schedule a personalized test drive at your convenience.", imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg", buttonIcon: Zap }
|
||||
]}
|
||||
title="Services You Can Trust"
|
||||
description="Comprehensive care for your vehicle and peace of mind for every mile ahead."
|
||||
@@ -151,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "2024 Luxury Sedan",
|
||||
price: "$85,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "2024 Compact SUV",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-exterior_23-2148194138.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Electric Hatchback",
|
||||
price: "$52,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016480.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sports Coupe",
|
||||
price: "$95,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-with-magic-ball_1385-2877.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Premium Crossover",
|
||||
price: "$62,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342639.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Convertible",
|
||||
price: "$110,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-small-girl-is-sitting-lifting-platform-with-car-holding-hammer_613910-17072.jpg",
|
||||
},
|
||||
{ id: "p1", name: "2024 Luxury Sedan", price: "$85,000", imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg" },
|
||||
{ id: "p2", name: "2024 Compact SUV", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-exterior_23-2148194138.jpg" },
|
||||
{ id: "p3", name: "Electric Hatchback", price: "$52,000", imageSrc: "http://img.b2bpic.net/free-photo/view-small-four-wheeled-vehicle-mobility-fast-travel_23-2151016480.jpg" },
|
||||
{ id: "p4", name: "Sports Coupe", price: "$95,000", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-with-magic-ball_1385-2877.jpg" },
|
||||
{ id: "p5", name: "Premium Crossover", price: "$62,000", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342639.jpg" },
|
||||
{ id: "p6", name: "Luxury Convertible", price: "$110,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-small-girl-is-sitting-lifting-platform-with-car-holding-hammer_613910-17072.jpg" }
|
||||
]}
|
||||
title="Our Premium Collection"
|
||||
description="Explore our curated inventory of high-performance and luxury vehicles available now."
|
||||
@@ -199,27 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Drivers",
|
||||
description: "Cars delivered with excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
description: "Industry leadership in quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-answering-customers-questions-about-cars_482257-124577.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Vehicles Sold",
|
||||
description: "Average monthly sales volume.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-partners-handshaking-office-thanking-successful-teamwork_1163-4614.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Happy Drivers", description: "Cars delivered with excellence.", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg" },
|
||||
{ id: "m2", value: "20", title: "Years Experience", description: "Industry leadership in quality.", imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-answering-customers-questions-about-cars_482257-124577.jpg" },
|
||||
{ id: "m3", value: "500+", title: "Vehicles Sold", description: "Average monthly sales volume.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-partners-handshaking-office-thanking-successful-teamwork_1163-4614.jpg" }
|
||||
]}
|
||||
title="Why Choose AutoDrive"
|
||||
description="Proven results and satisfied drivers across the country."
|
||||
@@ -231,61 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Stevens",
|
||||
date: "Oct 2023",
|
||||
title: "CEO",
|
||||
quote: "The buying process was seamless and the car is incredible.",
|
||||
tag: "Luxury Sedan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-guy-glasses-sits-cafe-shows-peace-sign-laptop-camera-video-chats-connects_1258-314853.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092020.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Sep 2023",
|
||||
title: "Designer",
|
||||
quote: "I love the quality and professionalism of the entire team.",
|
||||
tag: "SUV",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-girl-sitting-vehicle_1296-319.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Miller",
|
||||
date: "Aug 2023",
|
||||
title: "Engineer",
|
||||
quote: "The performance is unmatched and the support is stellar.",
|
||||
tag: "Sports Coupe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Roberts",
|
||||
date: "Jul 2023",
|
||||
title: "Manager",
|
||||
quote: "Everything exceeded my expectations. Top-tier service.",
|
||||
tag: "Convertible",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-enjoying-day-office_23-2148738304.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James Lee",
|
||||
date: "Jun 2023",
|
||||
title: "Developer",
|
||||
quote: "Best dealership experience I have ever had. Highly recommend.",
|
||||
tag: "Hatchback",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait",
|
||||
},
|
||||
{ id: "t1", name: "Mark Stevens", date: "Oct 2023", title: "CEO", quote: "The buying process was seamless and the car is incredible.", tag: "Luxury Sedan", avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-guy-glasses-sits-cafe-shows-peace-sign-laptop-camera-video-chats-connects_1258-314853.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092020.jpg" },
|
||||
{ id: "t2", name: "Sarah Jenkins", date: "Sep 2023", title: "Designer", quote: "I love the quality and professionalism of the entire team.", tag: "SUV", avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-girl-sitting-vehicle_1296-319.jpg" },
|
||||
{ id: "t3", name: "David Miller", date: "Aug 2023", title: "Engineer", quote: "The performance is unmatched and the support is stellar.", tag: "Sports Coupe", avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg" },
|
||||
{ id: "t4", name: "Anna Roberts", date: "Jul 2023", title: "Manager", quote: "Everything exceeded my expectations. Top-tier service.", tag: "Convertible", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businessman-enjoying-day-office_23-2148738304.jpg" },
|
||||
{ id: "t5", name: "James Lee", date: "Jun 2023", title: "Developer", quote: "Best dealership experience I have ever had. Highly recommend.", tag: "Hatchback", avatarSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg" }
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="Hear what our drivers say about the AutoDrive experience."
|
||||
@@ -297,26 +140,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with several major banks to provide competitive financing solutions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a warranty?",
|
||||
content: "All certified vehicles come with a comprehensive 24-month warranty.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I test drive a vehicle?",
|
||||
content: "Absolutely, visit our showroom or contact us online to schedule your drive.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you take trades?",
|
||||
content: "Yes, we accept trade-ins and offer fair market valuations.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer financing?", content: "Yes, we work with several major banks to provide competitive financing solutions." },
|
||||
{ id: "f2", title: "Is there a warranty?", content: "All certified vehicles come with a comprehensive 24-month warranty." },
|
||||
{ id: "f3", title: "Can I test drive a vehicle?", content: "Absolutely, visit our showroom or contact us online to schedule your drive." },
|
||||
{ id: "f4", title: "Do you take trades?", content: "Yes, we accept trade-ins and offer fair market valuations." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-isolated-white-background_141793-84105.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -329,18 +156,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Drive?"
|
||||
title="Start Your Journey with AutoDrive"
|
||||
description="Visit our showroom today or connect with an advisor to discuss your next vehicle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,4 +173,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user