Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-22 14:47:16 +00:00

View File

@@ -16,391 +16,172 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Showroom",
id: "showroom",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elite Motors"
button={{
text: "Book Test Drive",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Showroom", id: "showroom" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Elite Motors"
button={{
text: "Book Test Drive", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="ELITE MOTORS"
description="Experience the pinnacle of automotive craftsmanship. Discover our curated collection of world-class vehicles designed for those who demand excellence."
buttons={[
{
text: "View Inventory",
href: "#showroom",
},
{
text: "Contact Us",
href: "#contact",
},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg",
imageAlt: "Luxury showroom floor",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22680.jpg",
imageAlt: "Premium vehicle display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",
imageAlt: "Sleek automotive interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8348.jpg",
imageAlt: "Modern dealership aesthetic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg",
imageAlt: "Luxury brand presentation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg",
imageAlt: "Exclusive vehicle gallery",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="ELITE MOTORS"
description="Experience the pinnacle of automotive craftsmanship. Discover our curated collection of world-class vehicles designed for those who demand excellence."
buttons={[
{ text: "View Inventory", href: "#showroom" },
{ text: "Contact Us", href: "#contact" },
]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg", imageAlt: "Luxury showroom floor" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22680.jpg", imageAlt: "Premium vehicle display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg", imageAlt: "Sleek automotive interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8348.jpg", imageAlt: "Modern dealership aesthetic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg", imageAlt: "Luxury brand presentation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg", imageAlt: "Exclusive vehicle gallery" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Decades of Excellence"
description="At Elite Motors, we don't just sell cars; we curate driving experiences. With over 20 years in the industry, our commitment to quality, transparency, and customer satisfaction remains our guiding principle."
metrics={[
{
value: "20+",
title: "Years Experience",
},
{
value: "5k+",
title: "Vehicles Delivered",
},
{
value: "98%",
title: "Client Satisfaction",
},
{
value: "12",
title: "Industry Awards",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg"
imageAlt="Elite Motors team in showroom"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Decades of Excellence"
description="At Elite Motors, we don't just sell cars; we curate driving experiences. With over 20 years in the industry, our commitment to quality, transparency, and customer satisfaction remains our guiding principle."
metrics={[
{ value: "20+", title: "Years Experience" },
{ value: "5k+", title: "Vehicles Delivered" },
{ value: "98%", title: "Client Satisfaction" },
{ value: "12", title: "Industry Awards" },
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg"
imageAlt="Elite Motors team in showroom"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
label: "Performance",
title: "Certified Quality",
items: [
"Rigorous 200-point inspection",
"Full service history documentation",
"Certified pre-owned guarantee",
],
},
{
id: "f2",
label: "Finance",
title: "Flexible Financing",
items: [
"Customized loan packages",
"Competitive interest rates",
"Fast approval process",
],
},
{
id: "f3",
label: "Service",
title: "Premium Aftercare",
items: [
"Dedicated maintenance support",
"Extended warranty options",
"Priority service scheduling",
],
},
{
id: "f4",
label: "Support",
title: "24/7 Concierge",
items: [
"Roadside assistance",
"Digital appointment booking",
"Direct advisor access",
],
},
]}
title="Why Choose Elite"
description="We ensure every vehicle meets the highest standards of safety, performance, and luxury."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", label: "Performance", title: "Certified Quality", items: ["Rigorous 200-point inspection", "Full service history documentation", "Certified pre-owned guarantee"] },
{ id: "f2", label: "Finance", title: "Flexible Financing", items: ["Customized loan packages", "Competitive interest rates", "Fast approval process"] },
{ id: "f3", label: "Service", title: "Premium Aftercare", items: ["Dedicated maintenance support", "Extended warranty options", "Priority service scheduling"] },
{ id: "f4", label: "Support", title: "24/7 Concierge", items: ["Roadside assistance", "Digital appointment booking", "Direct advisor access"] },
]}
title="Why Choose Elite"
description="We ensure every vehicle meets the highest standards of safety, performance, and luxury."
/>
</div>
<div id="showroom" data-section="showroom">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Luxury Obsidian Sedan",
price: "$85,000",
variant: "2024 Model",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg",
},
{
id: "p2",
name: "Performance Sport SUV",
price: "$92,000",
variant: "2024 Model",
imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13647.jpg",
},
{
id: "p3",
name: "Urban Electric Cruiser",
price: "$78,000",
variant: "2023 Model",
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-by-car_1303-17416.jpg",
},
{
id: "p4",
name: "Metallic Blue Coupe",
price: "$105,000",
variant: "2024 Model",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138960.jpg",
},
{
id: "p5",
name: "Classic White Convertible",
price: "$120,000",
variant: "2024 Model",
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25500.jpg",
},
{
id: "p6",
name: "Crossover Hybrid Elite",
price: "$65,000",
variant: "2023 Model",
imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347178.jpg",
},
]}
title="Current Inventory"
description="Explore our premium selection of luxury and performance vehicles currently available in our showroom."
/>
</div>
<div id="showroom" data-section="showroom">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Luxury Obsidian Sedan", price: "$85,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg" },
{ id: "p2", name: "Performance Sport SUV", price: "$92,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13647.jpg" },
{ id: "p3", name: "Urban Electric Cruiser", price: "$78,000", variant: "2023 Model", imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-by-car_1303-17416.jpg" },
{ id: "p4", name: "Metallic Blue Coupe", price: "$105,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138960.jpg" },
{ id: "p5", name: "Classic White Convertible", price: "$120,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25500.jpg" },
{ id: "p6", name: "Crossover Hybrid Elite", price: "$65,000", variant: "2023 Model", imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347178.jpg" },
]}
title="Current Inventory"
description="Explore our premium selection of luxury and performance vehicles currently available in our showroom."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Jonathan M.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{
id: "t2",
name: "Elena S.",
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg",
},
{
id: "t3",
name: "Marcus R.",
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
},
{
id: "t4",
name: "Sophie K.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-24279.jpg",
},
{
id: "t5",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg",
},
]}
cardTitle="What Our Clients Say"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Jonathan M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
{ id: "t2", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg" },
{ id: "t3", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg" },
{ id: "t4", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-24279.jpg" },
{ id: "t5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg" },
]}
cardTitle="What Our Clients Say"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Manufacturer A",
"Manufacturer B",
"Manufacturer C",
"Manufacturer D",
"Manufacturer E",
"Manufacturer F",
"Manufacturer G",
]}
title="Trusted Partners"
description="We partner with the world's leading automotive manufacturers to bring you unparalleled quality."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Manufacturer A", "Manufacturer B", "Manufacturer C", "Manufacturer D", "Manufacturer E", "Manufacturer F", "Manufacturer G"]}
title="Trusted Partners"
description="We partner with the world's leading automotive manufacturers to bring you unparalleled quality."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer trade-in services?",
content: "Yes, we provide competitive trade-in valuations for your existing vehicle.",
},
{
id: "q2",
title: "Can I book a test drive online?",
content: "Absolutely. You can schedule your preferred test drive time directly through our website.",
},
{
id: "q3",
title: "Is financing available on-site?",
content: "Yes, we work with multiple lenders to offer flexible financing solutions for all our clients.",
},
{
id: "q4",
title: "Do you provide international shipping?",
content: "We offer shipping services within the country; please contact our team for specifics.",
},
{
id: "q5",
title: "Are extended warranties available?",
content: "Yes, we offer comprehensive warranty packages for all our inventory.",
},
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Have questions about our process? Find answers to our most common queries here."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do you offer trade-in services?", content: "Yes, we provide competitive trade-in valuations for your existing vehicle." },
{ id: "q2", title: "Can I book a test drive online?", content: "Absolutely. You can schedule your preferred test drive time directly through our website." },
{ id: "q3", title: "Is financing available on-site?", content: "Yes, we work with multiple lenders to offer flexible financing solutions for all our clients." },
{ id: "q4", title: "Do you provide international shipping?", content: "We offer shipping services within the country; please contact our team for specifics." },
{ id: "q5", title: "Are extended warranties available?", content: "Yes, we offer comprehensive warranty packages for all our inventory." },
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Have questions about our process? Find answers to our most common queries here."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Schedule Your Visit"
description="Ready to get behind the wheel? Our showroom is open daily. Contact us to schedule an appointment or visit our location today."
buttons={[
{
text: "Contact Us",
href: "mailto:info@elitemotors.com",
},
{
text: "Get Directions",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Us"
title="Schedule Your Visit"
description="Ready to get behind the wheel? Our showroom is open daily. Contact us to schedule an appointment or visit our location today."
buttons={[
{ text: "Contact Us", href: "mailto:info@elitemotors.com" },
{ text: "Get Directions", href: "#" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Inventory",
href: "#showroom",
},
{
label: "Services",
href: "#features",
},
],
},
{
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Press Room",
href: "#",
},
],
},
]}
logoText="ELITE MOTORS"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About Us", href: "#about" }, { label: "Inventory", href: "#showroom" }, { label: "Services", href: "#features" }] },
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Terms of Service", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Careers", href: "#" }, { label: "Press Room", href: "#" }] },
]}
logoText="ELITE MOTORS"
/>
</div>
</ReactLenis>
</ThemeProvider>
);