Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Inventory", id: "#products" },
|
||||
{ name: "Performance", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Apex Motors"
|
||||
/>
|
||||
@@ -54,17 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Drive the Future."
|
||||
description="Apex Motors delivers precision-engineered performance. Experience the pinnacle of luxury automotive innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Inventory", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-car-with-sunset-sky-reflecting-it_181624-43732.jpg"
|
||||
imageAlt="luxury sports car dark studio"
|
||||
/>
|
||||
@@ -77,18 +58,9 @@ export default function LandingPage() {
|
||||
title="Precision Engineering"
|
||||
description="At Apex, we redefine automotive excellence through rigorous standards and cutting-edge technology integration."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Future-proof performance specs.",
|
||||
},
|
||||
{
|
||||
title: "Safety",
|
||||
description: "Advanced driver-assist systems.",
|
||||
},
|
||||
{
|
||||
title: "Heritage",
|
||||
description: "Decades of automotive mastery.",
|
||||
},
|
||||
{ title: "Innovation", description: "Future-proof performance specs." },
|
||||
{ title: "Safety", description: "Advanced driver-assist systems." },
|
||||
{ title: "Heritage", description: "Decades of automotive mastery." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg"
|
||||
imageAlt="car engine precision engineering"
|
||||
@@ -102,66 +74,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Apex",
|
||||
name: "GT-R",
|
||||
price: "$125,000",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092020.jpg",
|
||||
imageAlt: "luxury sedan city street night",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Apex",
|
||||
name: "E-Hyper",
|
||||
price: "$295,000",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138991.jpg",
|
||||
imageAlt: "electric hypercar top view",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Apex",
|
||||
name: "Terra SUV",
|
||||
price: "$85,000",
|
||||
rating: 4,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-getting-ready-winter-camping_23-2149237488.jpg",
|
||||
imageAlt: "luxury suv mountain landscape",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Apex",
|
||||
name: "City Nano",
|
||||
price: "$32,000",
|
||||
rating: 4,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-car-parking_23-2148328860.jpg",
|
||||
imageAlt: "compact luxury car city",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Apex",
|
||||
name: "Cabrio V",
|
||||
price: "$95,000",
|
||||
rating: 5,
|
||||
reviewCount: "33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-with-blue-sky_23-2151906867.jpg",
|
||||
imageAlt: "convertible car coastal road",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Apex",
|
||||
name: "Track Master",
|
||||
price: "$450,000",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-2007.jpg",
|
||||
imageAlt: "race car track motion",
|
||||
},
|
||||
{ id: "p1", brand: "Apex", name: "GT-R", price: "$125,000", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092020.jpg", imageAlt: "luxury sedan city street night" },
|
||||
{ id: "p2", brand: "Apex", name: "E-Hyper", price: "$295,000", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151138991.jpg", imageAlt: "electric hypercar top view" },
|
||||
{ id: "p3", brand: "Apex", name: "Terra SUV", price: "$85,000", rating: 4, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/people-getting-ready-winter-camping_23-2149237488.jpg", imageAlt: "luxury suv mountain landscape" }
|
||||
]}
|
||||
title="Our Inventory"
|
||||
description="Discover our collection of elite performance machines."
|
||||
@@ -174,36 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Engineers",
|
||||
items: [
|
||||
"Design",
|
||||
"Safety",
|
||||
"Testing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12K",
|
||||
title: "Vehicles",
|
||||
items: [
|
||||
"Sold",
|
||||
"Serviced",
|
||||
"Delivered",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40+",
|
||||
title: "Patents",
|
||||
items: [
|
||||
"Innovation",
|
||||
"Safety",
|
||||
"Tech",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Engineers", items: ["Design", "Safety", "Testing"] },
|
||||
{ id: "m2", value: "12K", title: "Vehicles", items: ["Sold", "Serviced", "Delivered"] },
|
||||
{ id: "m3", value: "40+", title: "Patents", items: ["Innovation", "Safety", "Tech"] }
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Quantifiable excellence across our product lineup."
|
||||
@@ -212,68 +100,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-car-car-showroom_1303-15120.jpg",
|
||||
imageAlt: "happy customer car dealership",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-security-guard-checking-are_23-2148404066.jpg",
|
||||
imageAlt: "business executive luxury car",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-modern-family-travelling-by-car-stopped-walk-park_1303-18521.jpg",
|
||||
imageAlt: "family with new car",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
|
||||
imageAlt: "car enthusiast showroom portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Doe",
|
||||
role: "Entrepreneur",
|
||||
company: "EcoMove",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg",
|
||||
imageAlt: "satisfied customer electric vehicle",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-car-car-showroom_1303-15120.jpg", imageAlt: "happy customer car dealership" },
|
||||
{ id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-security-guard-checking-are_23-2148404066.jpg", imageAlt: "business executive luxury car" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-modern-family-travelling-by-car-stopped-walk-park_1303-18521.jpg", imageAlt: "family with new car" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "10K+", label: "Happy Clients" },
|
||||
{ value: "99%", label: "Satisfaction Rate" }
|
||||
]}
|
||||
title="Trusted by Owners"
|
||||
description="Read what our drivers have to say."
|
||||
@@ -285,21 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer test drives?",
|
||||
content: "Yes, schedule your drive online.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Warranty coverage?",
|
||||
content: "Comprehensive 5-year coverage.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Maintenance options?",
|
||||
content: "Nationwide certified service network.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer test drives?", content: "Yes, schedule your drive online." },
|
||||
{ id: "f2", title: "Warranty coverage?", content: "Comprehensive 5-year coverage." },
|
||||
{ id: "f3", title: "Maintenance options?", content: "Nationwide certified service network." }
|
||||
]}
|
||||
title="FAQs"
|
||||
description="Common questions about Apex Motors."
|
||||
@@ -315,36 +141,9 @@ export default function LandingPage() {
|
||||
title="Latest Insights"
|
||||
description="Keeping you informed on the future of driving."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tech",
|
||||
title: "Precision Diagnostic",
|
||||
excerpt: "Deep dive into our engineering lab.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-auto-repairman-working-car-engine-while-using-digital-tablet-repair-shop_637285-4309.jpg",
|
||||
authorName: "Jane Tech",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "EV",
|
||||
title: "Energy Trends",
|
||||
excerpt: "Future of electric mobility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parked-electric-car-with-windmill_1268-20538.jpg",
|
||||
authorName: "Mark Auto",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/unsure-young-woman-wearing-glasses-bandana-neck-touching-cheek-with-finger-looking-side-isolated-olive-green-background_141793-134987.jpg",
|
||||
date: "Dec 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Design",
|
||||
title: "Wheel Aesthetics",
|
||||
excerpt: "Why rim design matters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-left-wheel-red-luxury-car_114579-4396.jpg",
|
||||
authorName: "Luna Design",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg",
|
||||
date: "Nov 2024",
|
||||
},
|
||||
{ id: "b1", category: "Tech", title: "Precision Diagnostic", excerpt: "Deep dive into our engineering lab.", imageSrc: "http://img.b2bpic.net/free-photo/young-auto-repairman-working-car-engine-while-using-digital-tablet-repair-shop_637285-4309.jpg", authorName: "Jane Tech", authorAvatar: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", date: "Jan 2025" },
|
||||
{ id: "b2", category: "EV", title: "Energy Trends", excerpt: "Future of electric mobility.", imageSrc: "http://img.b2bpic.net/free-photo/parked-electric-car-with-windmill_1268-20538.jpg", authorName: "Mark Auto", authorAvatar: "http://img.b2bpic.net/free-photo/unsure-young-woman-wearing-glasses-bandana-neck-touching-cheek-with-finger-looking-side-isolated-olive-green-background_141793-134987.jpg", date: "Dec 2024" },
|
||||
{ id: "b3", category: "Design", title: "Wheel Aesthetics", excerpt: "Why rim design matters.", imageSrc: "http://img.b2bpic.net/free-photo/front-left-wheel-red-luxury-car_114579-4396.jpg", authorName: "Luna Design", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg", date: "Nov 2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,16 +151,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to experience Apex performance? Get in touch today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Sales", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -370,32 +162,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-style-sky-nighttime_23-2151103566.jpg"
|
||||
logoText="Apex Motors"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Career",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Career", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user