Merge version_1 into main #2
283
src/app/page.tsx
283
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, CheckCircle, Settings, Shield, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Settings, Shield, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "#inventory",
|
||||
},
|
||||
name: "Inventory", id: "#inventory"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Elite Motors"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Drive The Future Of Luxury"
|
||||
description="Discover our collection of hand-picked performance vehicles. Excellence in engineering meets unmatched customer service."
|
||||
tag="PREMIUM DEALERSHIP"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-city-lights-night_23-2149001253.jpg?_wi=1",
|
||||
imageAlt: "Luxury Car Showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-city-lights-night_23-2149001253.jpg", imageAlt: "Luxury Car Showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-sky-nighttime_23-2151103592.jpg",
|
||||
imageAlt: "Performance Vehicle Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001240.jpg",
|
||||
imageAlt: "Man sitting next to car at night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg",
|
||||
imageAlt: "Scenery of building",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-lights-long-exposure-technique_53876-144333.jpg",
|
||||
imageAlt: "Blue lights long exposure technique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-sky-nighttime_23-2151103592.jpg", imageAlt: "Performance Vehicle Detail"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,67 +71,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Every vehicle undergoes a rigorous 200-point inspection to ensure factory-spec performance.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg?_wi=1",
|
||||
imageAlt: "Car interior detail",
|
||||
},
|
||||
title: "Precision Engineering", description: "Every vehicle undergoes a rigorous 200-point inspection to ensure factory-spec performance.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg", imageAlt: "Car interior detail"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Certified Pre-Owned",
|
||||
},
|
||||
text: "Certified Pre-Owned"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Comprehensive Warranty",
|
||||
},
|
||||
text: "Comprehensive Warranty"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-city-lights-night_23-2149001253.jpg?_wi=2",
|
||||
imageAlt: "luxury car interior leather stitching",
|
||||
},
|
||||
{
|
||||
title: "Luxury Refinement",
|
||||
description: "Hand-stitched leather, advanced climate control, and artisanal finishings in every model.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113144.jpg?_wi=1",
|
||||
imageAlt: "Alloy wheel detail",
|
||||
},
|
||||
title: "Luxury Refinement", description: "Hand-stitched leather, advanced climate control, and artisanal finishings in every model.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113144.jpg", imageAlt: "Alloy wheel detail"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Premium Materials",
|
||||
},
|
||||
text: "Premium Materials"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Enhanced Comfort",
|
||||
},
|
||||
text: "Enhanced Comfort"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-uses-touchscreen-rain-tech-focused-ride_169016-69947.jpg?_wi=1",
|
||||
imageAlt: "luxury car interior leather stitching",
|
||||
},
|
||||
{
|
||||
title: "Advanced Tech",
|
||||
description: "State-of-the-art infotainment and driver assistance systems integrated seamlessly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg?_wi=1",
|
||||
imageAlt: "Dashboard tech",
|
||||
},
|
||||
title: "Advanced Tech", description: "State-of-the-art infotainment and driver assistance systems integrated seamlessly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg", imageAlt: "Dashboard tech"},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Latest Software",
|
||||
},
|
||||
text: "Latest Software"},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "AI Diagnostics",
|
||||
},
|
||||
text: "AI Diagnostics"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19897.jpg?_wi=1",
|
||||
imageAlt: "luxury car interior leather stitching",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Elite Motors"
|
||||
@@ -172,41 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silver Storm GT",
|
||||
price: "$125,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Silver Storm GT", price: "$125,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Obsidian SUV",
|
||||
price: "$89,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19897.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Obsidian SUV", price: "$89,000", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19897.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Azure Sedan",
|
||||
price: "$65,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052505.jpg",
|
||||
},
|
||||
id: "p3", name: "Azure Sedan", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052505.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Crimson Convertible",
|
||||
price: "$95,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg",
|
||||
},
|
||||
id: "p4", name: "Crimson Convertible", price: "$95,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-23589.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Snow White EV",
|
||||
price: "$78,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065370.jpg",
|
||||
},
|
||||
id: "p5", name: "Snow White EV", price: "$78,000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065370.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Graphite Performance",
|
||||
price: "$55,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-choosing-car_1303-22398.jpg",
|
||||
},
|
||||
id: "p6", name: "Graphite Performance", price: "$55,000", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-choosing-car_1303-22398.jpg"},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Browse our curated selection of high-performance vehicles waiting for you."
|
||||
@@ -220,31 +147,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k+",
|
||||
title: "Vehicles Delivered",
|
||||
items: [
|
||||
"Across North America",
|
||||
"Worldwide shipping",
|
||||
],
|
||||
id: "m1", value: "1.2k+", title: "Vehicles Delivered", items: [
|
||||
"Across North America", "Worldwide shipping"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"5-star average",
|
||||
"Returning customers",
|
||||
],
|
||||
id: "m2", value: "99.8%", title: "Client Satisfaction", items: [
|
||||
"5-star average", "Returning customers"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Deep expertise",
|
||||
"Industry leaders",
|
||||
],
|
||||
id: "m3", value: "15+", title: "Years Experience", items: [
|
||||
"Deep expertise", "Industry leaders"],
|
||||
},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
@@ -258,60 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jonathan V.",
|
||||
date: "Jan 2024",
|
||||
title: "CEO, TechGroup",
|
||||
quote: "The buying process was absolutely seamless. Truly the gold standard.",
|
||||
tag: "Silver Storm GT",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-city-lights-night_23-2149001253.jpg?_wi=3",
|
||||
imageAlt: "professional male portrait",
|
||||
},
|
||||
id: "t1", name: "Jonathan V.", date: "Jan 2024", title: "CEO, TechGroup", quote: "The buying process was absolutely seamless. Truly the gold standard.", tag: "Silver Storm GT", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mysterious-city-lights-night_23-2149001253.jpg", imageAlt: "professional male portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sophia M.",
|
||||
date: "Dec 2023",
|
||||
title: "Architect",
|
||||
quote: "Elite Motors understands luxury. Their selection is unrivaled in the region.",
|
||||
tag: "Obsidian SUV",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg?_wi=2",
|
||||
imageAlt: "professional male portrait",
|
||||
},
|
||||
id: "t2", name: "Sophia M.", date: "Dec 2023", title: "Architect", quote: "Elite Motors understands luxury. Their selection is unrivaled in the region.", tag: "Obsidian SUV", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg", imageAlt: "professional male portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus L.",
|
||||
date: "Nov 2023",
|
||||
title: "Developer",
|
||||
quote: "Exceptional transparency and professionalism from start to finish.",
|
||||
tag: "Azure Sedan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18984.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113144.jpg?_wi=2",
|
||||
imageAlt: "professional male portrait",
|
||||
},
|
||||
id: "t3", name: "Marcus L.", date: "Nov 2023", title: "Developer", quote: "Exceptional transparency and professionalism from start to finish.", tag: "Azure Sedan", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18984.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-wheel_23-2151113144.jpg", imageAlt: "professional male portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
date: "Oct 2023",
|
||||
title: "Designer",
|
||||
quote: "I felt treated like a VIP. Simply the best dealership experience ever.",
|
||||
tag: "Crimson Convertible",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/she-is-unstoppable-business_329181-13382.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-uses-touchscreen-rain-tech-focused-ride_169016-69947.jpg?_wi=2",
|
||||
imageAlt: "professional male portrait",
|
||||
},
|
||||
id: "t4", name: "Elena R.", date: "Oct 2023", title: "Designer", quote: "I felt treated like a VIP. Simply the best dealership experience ever.", tag: "Crimson Convertible", avatarSrc: "http://img.b2bpic.net/free-photo/she-is-unstoppable-business_329181-13382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/driver-uses-touchscreen-rain-tech-focused-ride_169016-69947.jpg", imageAlt: "professional male portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David K.",
|
||||
date: "Sep 2023",
|
||||
title: "Director",
|
||||
quote: "Everything was pristine. The vehicle arrived in perfect condition.",
|
||||
tag: "Snow White EV",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg?_wi=3",
|
||||
imageAlt: "professional male portrait",
|
||||
},
|
||||
id: "t5", name: "David K.", date: "Sep 2023", title: "Director", quote: "Everything was pristine. The vehicle arrived in perfect condition.", tag: "Snow White EV", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg", imageAlt: "professional male portrait"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our premium clientele says about their experience."
|
||||
@@ -323,14 +190,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AutoLease Corp",
|
||||
"Luxury Finance Inc",
|
||||
"Global Tires",
|
||||
"EV Innovators",
|
||||
"Heritage Auto Care",
|
||||
"Transport Logistics",
|
||||
"Speed Racing",
|
||||
]}
|
||||
"AutoLease Corp", "Luxury Finance Inc", "Global Tires", "EV Innovators", "Heritage Auto Care", "Transport Logistics", "Speed Racing"]}
|
||||
title="Trusted By Industry Giants"
|
||||
description="Partnerships that guarantee quality."
|
||||
/>
|
||||
@@ -342,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer trade-ins?",
|
||||
content: "Yes, we offer fair market value assessments for your current vehicle trade-in.",
|
||||
},
|
||||
id: "f1", title: "Do you offer trade-ins?", content: "Yes, we offer fair market value assessments for your current vehicle trade-in."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I test drive cars?",
|
||||
content: "Absolutely. Appointments can be scheduled through our concierge service.",
|
||||
},
|
||||
id: "f2", title: "Can I test drive cars?", content: "Absolutely. Appointments can be scheduled through our concierge service."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What finance options are available?",
|
||||
content: "We work with top-tier financial partners to provide tailored lending solutions.",
|
||||
},
|
||||
id: "f3", title: "What finance options are available?", content: "We work with top-tier financial partners to provide tailored lending solutions."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -367,14 +218,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to own your dream vehicle? Contact our concierge team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -384,54 +232,33 @@ export default function LandingPage() {
|
||||
logoText="Elite Motors"
|
||||
columns={[
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
title: "Inventory", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "New Arrivals", href: "#inventory"},
|
||||
{
|
||||
label: "Luxury Sedans",
|
||||
href: "#",
|
||||
},
|
||||
label: "Luxury Sedans", href: "#"},
|
||||
{
|
||||
label: "SUVs",
|
||||
href: "#",
|
||||
},
|
||||
label: "SUVs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
label: "Concierge", href: "#"},
|
||||
{
|
||||
label: "Finance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Finance", href: "#"},
|
||||
{
|
||||
label: "Service Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user