Merge version_2 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "/inventory",
|
||||
},
|
||||
name: "Inventory", id: "/inventory"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Mick Autos"
|
||||
/>
|
||||
@@ -57,69 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Drive Excellence with Mick Autos"
|
||||
description="Premium Cars. Trusted Service. Exceptional Experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Cars",
|
||||
href: "/inventory",
|
||||
},
|
||||
text: "Browse Cars", href: "/inventory"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg"
|
||||
imageAlt="Mick Autos luxury showroom vehicle"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",
|
||||
alt: "Happy owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg", alt: "Happy owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "Business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Luxury sedan buyer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Luxury sedan buyer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy-with-cup-coffee-against-black-business-car_627829-2676.jpg",
|
||||
alt: "Automotive enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy-with-cup-coffee-against-black-business-car_627829-2676.jpg", alt: "Automotive enthusiast"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied luxury car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Unparalleled Luxury",
|
||||
type: "text", text: "Unparalleled Luxury"},
|
||||
{
|
||||
type: "text-icon", text: "Premium Sourcing", icon: Car,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Sourcing",
|
||||
icon: Car,
|
||||
type: "text", text: "Expert Consulting"},
|
||||
{
|
||||
type: "text-icon", text: "Rigorous Inspection", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Consulting",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Rigorous Inspection",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Worldwide Delivery",
|
||||
},
|
||||
type: "text", text: "Secure Worldwide Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,49 +95,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Models", href: "/inventory" }]}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Sedan S",
|
||||
price: "$85,000",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-sales-badges_23-2147567189.jpg",
|
||||
},
|
||||
id: "1", name: "Luxury Sedan S", price: "$85,000", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/premium-sales-badges_23-2147567189.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sports Coupe",
|
||||
price: "$120,000",
|
||||
variant: "Exotic",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-background-design_1268-530.jpg",
|
||||
},
|
||||
id: "2", name: "Sports Coupe", price: "$120,000", variant: "Exotic", imageSrc: "http://img.b2bpic.net/free-vector/car-background-design_1268-530.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Executive SUV",
|
||||
price: "$95,000",
|
||||
variant: "Utility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138876.jpg",
|
||||
},
|
||||
id: "3", name: "Executive SUV", price: "$95,000", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138876.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grand Tourer",
|
||||
price: "$150,000",
|
||||
variant: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg",
|
||||
},
|
||||
id: "4", name: "Grand Tourer", price: "$150,000", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Compact Prestige",
|
||||
price: "$60,000",
|
||||
variant: "Urban",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-thinking-purchase_1303-14594.jpg",
|
||||
},
|
||||
id: "5", name: "Compact Prestige", price: "$60,000", variant: "Urban", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-thinking-purchase_1303-14594.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Convertible Elite",
|
||||
price: "$110,000",
|
||||
variant: "Leisure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg",
|
||||
},
|
||||
id: "6", name: "Convertible Elite", price: "$110,000", variant: "Leisure", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg"},
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Our curated selection of top-tier luxury vehicles available now."
|
||||
@@ -186,25 +122,13 @@ export default function LandingPage() {
|
||||
description="Excellence in every interaction, ensuring peace of mind for our clients."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Unmatched Trust",
|
||||
content: "We prioritize transparency and long-term relationships with every client.",
|
||||
},
|
||||
id: "t1", title: "Unmatched Trust", content: "We prioritize transparency and long-term relationships with every client."},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Premium Quality Cars",
|
||||
content: "Every vehicle undergoes a rigorous inspection to meet our high standards.",
|
||||
},
|
||||
id: "t2", title: "Premium Quality Cars", content: "Every vehicle undergoes a rigorous inspection to meet our high standards."},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Expert Automotive Consulting",
|
||||
content: "Our team brings years of industry expertise to help you make informed choices.",
|
||||
},
|
||||
id: "t3", title: "Expert Automotive Consulting", content: "Our team brings years of industry expertise to help you make informed choices."},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Fast & Secure Delivery",
|
||||
content: "We handle logistics safely, delivering your dream car to your doorstep.",
|
||||
},
|
||||
id: "t4", title: "Fast & Secure Delivery", content: "We handle logistics safely, delivering your dream car to your doorstep."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg"
|
||||
@@ -219,47 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and high-quality vehicles. Truly impressed!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Excellent service and high-quality vehicles. Truly impressed!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Fast delivery and smooth process throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4246.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Fast delivery and smooth process throughout.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4246.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Honest and reliable dealership in the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5107.jpg",
|
||||
},
|
||||
id: "3", name: "David Kim", handle: "@dkim", testimonial: "Honest and reliable dealership in the region.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5107.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Found my dream car through their sourcing service. Flawless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204404.jpg",
|
||||
},
|
||||
id: "4", name: "Emily R.", handle: "@emilyr", testimonial: "Found my dream car through their sourcing service. Flawless.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204404.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Professional consulting that made the difference for me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-young-african-man-with-stylish-haircut-looking_171337-1308.jpg",
|
||||
},
|
||||
id: "5", name: "John Doe", handle: "@jdoe", testimonial: "Professional consulting that made the difference for me.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-young-african-man-with-stylish-haircut-looking_171337-1308.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Alex W.",
|
||||
handle: "@alexw",
|
||||
testimonial: "Exceptional customer experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-medium-shot_23-2149213173.jpg",
|
||||
},
|
||||
id: "6", name: "Alex W.", handle: "@alexw", testimonial: "Exceptional customer experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-medium-shot_23-2149213173.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Experience the difference with Mick Autos, as shared by our valued clients."
|
||||
@@ -274,30 +168,15 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about our premium services."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you source cars?",
|
||||
content: "We leverage a global network of trusted dealerships and auctions.",
|
||||
},
|
||||
id: "q1", title: "How do you source cars?", content: "We leverage a global network of trusted dealerships and auctions."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the delivery timeline?",
|
||||
content: "Typically 14-21 days depending on current logistics.",
|
||||
},
|
||||
id: "q2", title: "What is the delivery timeline?", content: "Typically 14-21 days depending on current logistics."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are cars inspected?",
|
||||
content: "Yes, every vehicle undergoes a 150-point inspection.",
|
||||
},
|
||||
id: "q3", title: "Are cars inspected?", content: "Yes, every vehicle undergoes a 150-point inspection."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you offer financing?",
|
||||
content: "We work with top partner banks to facilitate financing.",
|
||||
},
|
||||
id: "q4", title: "Do you offer financing?", content: "We work with top partner banks to facilitate financing."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I trade in?",
|
||||
content: "We do offer trade-in services for select luxury models.",
|
||||
},
|
||||
id: "q5", title: "Can I trade in?", content: "We do offer trade-in services for select luxury models."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -307,13 +186,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Mick Autos"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user