Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -19,75 +19,47 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
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: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MC Motor"
|
||||
button={{
|
||||
text: "Book Test Drive",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Test Drive", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Drive Your Future at MC Motor"
|
||||
description="Experience unparalleled luxury and performance. Discover our curated collection of premium vehicles tailored to your lifestyle."
|
||||
tag="Premier Dealership"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "View Collection", href: "#catalog"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg?_wi=1",
|
||||
imageAlt: "Luxury Showroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg", imageAlt: "Luxury Showroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg?_wi=1",
|
||||
imageAlt: "Automotive Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-about-that-brand-new-vehicle-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16060.jpg",
|
||||
imageAlt: "Customer meeting in showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg",
|
||||
imageAlt: "Family choosing a car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg",
|
||||
imageAlt: "Successful car buyer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg", imageAlt: "Automotive Detail"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -101,7 +73,7 @@ export default function LandingPage() {
|
||||
title="Legacy of Automotive Excellence"
|
||||
description="At MC Motor, we redefine the automotive buying experience. With years of expertise in high-end vehicle sales, we provide personalized service, transparent financing, and quality assurance that you can trust."
|
||||
tag="Our Story"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg"
|
||||
imageAlt="Modern car service center"
|
||||
/>
|
||||
</div>
|
||||
@@ -113,47 +85,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Every vehicle undergoes a rigorous 200-point inspection to ensure peak performance.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746590.jpg",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
title: "Precision Engineering", description: "Every vehicle undergoes a rigorous 200-point inspection to ensure peak performance.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746590.jpg", imageAlt: "Luxury Interior"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-driving-green-hill_23-2148195720.jpg",
|
||||
imageAlt: "Performance Drive",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg?_wi=2",
|
||||
imageAlt: "car leather interior luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-driving-green-hill_23-2148195720.jpg", imageAlt: "Performance Drive"}
|
||||
},
|
||||
{
|
||||
title: "Tailored Financing",
|
||||
description: "Customized financial solutions that fit your budget and lifestyle requirements.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
title: "Tailored Financing", description: "Customized financial solutions that fit your budget and lifestyle requirements.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg", imageAlt: "Luxury Interior"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19899.jpg",
|
||||
imageAlt: "Performance Drive",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg?_wi=2",
|
||||
imageAlt: "car leather interior luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19899.jpg", imageAlt: "Performance Drive"}
|
||||
},
|
||||
{
|
||||
title: "Lifetime Support",
|
||||
description: "Our dedicated team remains committed to your vehicle's health and satisfaction for as long as you drive.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg",
|
||||
imageAlt: "Luxury Interior",
|
||||
},
|
||||
title: "Lifetime Support", description: "Our dedicated team remains committed to your vehicle's health and satisfaction for as long as you drive.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg", imageAlt: "Luxury Interior"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207318.jpg",
|
||||
imageAlt: "Performance Drive",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg?_wi=2",
|
||||
imageAlt: "car leather interior luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207318.jpg", imageAlt: "Performance Drive"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose MC Motor?"
|
||||
@@ -165,44 +113,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Executive Sedan",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
|
||||
},
|
||||
id: "1", name: "Executive Sedan", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luxury SUV",
|
||||
price: "$65,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg",
|
||||
},
|
||||
id: "2", name: "Luxury SUV", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sports Convertible",
|
||||
price: "$78,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6699.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Modern Coupe",
|
||||
price: "$55,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-white-toy-sports-car-black-surface_181624-17606.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium EV",
|
||||
price: "$82,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-charging_23-2151951202.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Performance Master",
|
||||
price: "$95,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130091.jpg",
|
||||
},
|
||||
id: "3", name: "Sports Convertible", price: "$78,000", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6699.jpg"}
|
||||
]}
|
||||
title="Premium Inventory"
|
||||
description="Explore our hand-selected inventory of high-performance vehicles waiting for their next owner."
|
||||
@@ -217,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
description: "Years in business",
|
||||
},
|
||||
id: "m1", value: "12+", description: "Years in business"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Happy clients",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Happy clients"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support available",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Support available"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven reliability and expertise in every interaction."
|
||||
@@ -245,45 +155,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "CEO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", role: "CEO", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
|
||||
},
|
||||
id: "2", name: "Maria Garcia", role: "Designer", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Watt",
|
||||
role: "Entrepreneur",
|
||||
company: "Watt Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Chen",
|
||||
role: "Consultant",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4251.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
role: "Manager",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3567.jpg",
|
||||
},
|
||||
id: "3", name: "James Watt", role: "Entrepreneur", company: "Watt Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg"}
|
||||
]}
|
||||
title="Driver Voices"
|
||||
description="See why our customers keep coming back for their next driving adventure."
|
||||
@@ -296,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer trade-ins?",
|
||||
content: "Yes, we provide competitive trade-in valuations for your existing vehicle.",
|
||||
},
|
||||
id: "f1", title: "Do you offer trade-ins?", content: "Yes, we provide competitive trade-in valuations for your existing vehicle."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What warranty do you offer?",
|
||||
content: "All our premium vehicles come with a comprehensive 12-month warranty plan.",
|
||||
},
|
||||
id: "f2", title: "What warranty do you offer?", content: "All our premium vehicles come with a comprehensive 12-month warranty plan."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book a test drive online?",
|
||||
content: "Absolutely! Simply fill out our contact form and our team will get in touch to schedule.",
|
||||
},
|
||||
id: "f3", title: "Can I book a test drive online?", content: "Absolutely! Simply fill out our contact form and our team will get in touch to schedule."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your most common questions about our services and inventory."
|
||||
@@ -321,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Ready to Drive Away?"
|
||||
description="Submit your information and our sales team will reach out to schedule your test drive or answer your questions."
|
||||
@@ -334,42 +203,27 @@ export default function LandingPage() {
|
||||
logoText="MC Motor"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Catalog", href: "#catalog"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user