Merge version_2 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -9,7 +9,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
@@ -31,24 +31,16 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Showroom",
|
||||
id: "products",
|
||||
},
|
||||
name: "Showroom", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Motors"
|
||||
/>
|
||||
@@ -60,38 +52,24 @@ export default function LandingPage() {
|
||||
description="Discover a curated collection of world-class vehicles designed to redefine your driving experience. Performance, style, and innovation await."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/traffic-tunnel_1359-593.jpg"
|
||||
imageAlt="Luxury vehicle in studio"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ drivers"
|
||||
/>
|
||||
@@ -104,19 +82,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Certified Vehicles",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Certified Vehicles", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25",
|
||||
},
|
||||
label: "Years Experience", value: "25"},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Satisfied Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,17 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden transaction fees",
|
||||
"No compromise on quality",
|
||||
"No high-pressure sales",
|
||||
],
|
||||
"No hidden transaction fees", "No compromise on quality", "No high-pressure sales"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Certified multi-point inspection",
|
||||
"Transparent pricing models",
|
||||
"Priority maintenance support",
|
||||
],
|
||||
"Certified multi-point inspection", "Transparent pricing models", "Priority maintenance support"],
|
||||
}}
|
||||
title="Why Drive With Us"
|
||||
description="Experience automotive excellence through our commitment to quality, service, and innovation."
|
||||
@@ -154,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Sedán Pro",
|
||||
price: "$85,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213563.jpg",
|
||||
},
|
||||
id: "p1", name: "Apex Sedán Pro", price: "$85,000", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213563.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Titan SUV Zenith",
|
||||
price: "$110,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg",
|
||||
},
|
||||
id: "p2", name: "Titan SUV Zenith", price: "$110,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Volt Electric Sport",
|
||||
price: "$95,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25981.jpg",
|
||||
},
|
||||
id: "p3", name: "Volt Electric Sport", price: "$95,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25981.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Hybrid Zen",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35470.jpg",
|
||||
},
|
||||
id: "p4", name: "Urban Hybrid Zen", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35470.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Roadster Velocity",
|
||||
price: "$125,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg",
|
||||
},
|
||||
id: "p5", name: "Roadster Velocity", price: "$125,000", imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Golden Horizon Super",
|
||||
price: "$250,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg",
|
||||
},
|
||||
id: "p6", name: "Golden Horizon Super", price: "$250,000", imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg"},
|
||||
]}
|
||||
title="Our Premium Showroom"
|
||||
description="Explore the latest models from the world's most iconic luxury and performance brands."
|
||||
@@ -202,55 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$499/yr",
|
||||
subtitle: "Basic maintenance package",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$499/yr", subtitle: "Basic maintenance package", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Oil changes",
|
||||
"Safety inspection",
|
||||
"Tire rotation",
|
||||
],
|
||||
"Oil changes", "Safety inspection", "Tire rotation"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$899/yr",
|
||||
subtitle: "Advanced protection package",
|
||||
buttons: [
|
||||
id: "pro", badge: "Premium", price: "$899/yr", subtitle: "Advanced protection package", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Full engine tune-up",
|
||||
"Priority scheduling",
|
||||
"Concierge pick-up",
|
||||
],
|
||||
"Full engine tune-up", "Priority scheduling", "Concierge pick-up"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Executive",
|
||||
price: "$1499/yr",
|
||||
subtitle: "Total luxury maintenance",
|
||||
buttons: [
|
||||
id: "elite", badge: "Executive", price: "$1499/yr", subtitle: "Total luxury maintenance", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Elite interior detail",
|
||||
"Comprehensive warranty",
|
||||
"24/7 Roadside Assistance",
|
||||
],
|
||||
"Elite interior detail", "Comprehensive warranty", "24/7 Roadside Assistance"],
|
||||
},
|
||||
]}
|
||||
title="Service Packages"
|
||||
@@ -266,25 +181,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Happy Drivers",
|
||||
description: "Successfully handed keys to.",
|
||||
icon: Smile,
|
||||
id: "m1", value: "15,000+", title: "Happy Drivers", description: "Successfully handed keys to.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
title: "Brands Partnered",
|
||||
description: "Curating best in class options.",
|
||||
icon: Building2,
|
||||
id: "m2", value: "45+", title: "Brands Partnered", description: "Curating best in class options.", icon: Building2,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Customer Retention",
|
||||
description: "Committed to long-term trust.",
|
||||
icon: Star,
|
||||
id: "m3", value: "98%", title: "Customer Retention", description: "Committed to long-term trust.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
@@ -300,25 +203,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-coat-outside-th-street_1303-11079.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-coat-outside-th-street_1303-11079.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businesswoman-standing-car-door_23-2147943892.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businesswoman-standing-car-door_23-2147943892.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -331,20 +224,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you offer financing options?",
|
||||
content: "Yes, we partner with multiple leading banks to offer flexible and competitive financing plans for all our clients.",
|
||||
},
|
||||
id: "faq1", title: "Do you offer financing options?", content: "Yes, we partner with multiple leading banks to offer flexible and competitive financing plans for all our clients."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How can I schedule a test drive?",
|
||||
content: "You can easily schedule a test drive directly through our product showroom page or by contacting our team via phone.",
|
||||
},
|
||||
id: "faq2", title: "How can I schedule a test drive?", content: "You can easily schedule a test drive directly through our product showroom page or by contacting our team via phone."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you provide international shipping?",
|
||||
content: "We handle logistics for local, regional, and national deliveries. For international requests, please contact our support team.",
|
||||
},
|
||||
id: "faq3", title: "Do you provide international shipping?", content: "We handle logistics for local, regional, and national deliveries. For international requests, please contact our support team."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to our most common questions about services and sales."
|
||||
@@ -356,16 +240,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Drive Your Dream?"
|
||||
description="Reach out to our experts today and start your journey towards your perfect vehicle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -377,23 +258,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
href: "#", ariaLabel: "Linkedin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user