Merge version_1 into main #1
261
src/app/page.tsx
261
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, Car, Users } from "lucide-react";
|
||||
import { Award, Car, Users, Zap, Armchair, Wrench, User } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,27 +20,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Velocity Motors"
|
||||
/>
|
||||
@@ -52,69 +51,37 @@ export default function LandingPage() {
|
||||
description="Experience unparalleled performance and luxury at Velocity Motors. Your next journey begins with us."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The buying experience was seamless and the inventory is top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-car-salesman_23-2148130241.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "The buying experience was seamless and the inventory is top-tier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-car-salesman_23-2148130241.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Velocity Motors exceeded all my expectations for service and quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-saleswoman-car-dealership-using-sales-tactic-persuade-client_482257-118185.jpg",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Velocity Motors exceeded all my expectations for service and quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-saleswoman-car-dealership-using-sales-tactic-persuade-client_482257-118185.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Truly a professional team that knows everything about performance cars.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Truly a professional team that knows everything about performance cars.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg"},
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@juliam",
|
||||
testimonial: "I love my new car, thanks for the excellent support throughout the process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
|
||||
},
|
||||
name: "Julia M.", handle: "@juliam", testimonial: "I love my new car, thanks for the excellent support throughout the process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "The best showroom I have visited in years. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg",
|
||||
},
|
||||
name: "David L.", handle: "@davidl", testimonial: "The best showroom I have visited in years. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "View Inventory", href: "#inventory"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861912.jpg",
|
||||
alt: "Customer 1 portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861912.jpg", alt: "Customer 1 portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asia-urban-sunny-skyline-riverbank_1112-1061.jpg",
|
||||
alt: "Customer 2 portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/asia-urban-sunny-skyline-riverbank_1112-1061.jpg", alt: "Customer 2 portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-town-square_1359-161.jpg",
|
||||
alt: "Customer 3 portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-town-square_1359-161.jpg", alt: "Customer 3 portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/illuminated-ceiling_1127-2047.jpg",
|
||||
alt: "Customer 4 portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/illuminated-ceiling_1127-2047.jpg", alt: "Customer 4 portrait"},
|
||||
{
|
||||
src: "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",
|
||||
alt: "Customer 5 portrait",
|
||||
},
|
||||
src: "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", alt: "Customer 5 portrait"},
|
||||
]}
|
||||
avatarText="Join 1500+ satisfied drivers"
|
||||
/>
|
||||
@@ -126,28 +93,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Engineering",
|
||||
description: "Rigorous checks on all performance engines for maximum reliability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-bonnet_1170-1498.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Expert Engineering", description: "Rigorous checks on all performance engines for maximum reliability.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-bonnet_1170-1498.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Premium Interiors",
|
||||
description: "Custom interior options tailored to your taste and comfort needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buttons-turn-lights-more-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16598.jpg",
|
||||
buttonIcon: "Armchair",
|
||||
title: "Premium Interiors", description: "Custom interior options tailored to your taste and comfort needs.", imageSrc: "http://img.b2bpic.net/free-photo/buttons-turn-lights-more-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16598.jpg", buttonIcon: Armchair,
|
||||
},
|
||||
{
|
||||
title: "Certified Workshop",
|
||||
description: "Dedicated state-of-the-art facility for ongoing car maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866659.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
title: "Certified Workshop", description: "Dedicated state-of-the-art facility for ongoing car maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866659.jpg", buttonIcon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Luxury Concierge",
|
||||
description: "Personalized service plans for every car buyer in our dealership.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-interior-car-including-red-steering-wheel-white-seats_181624-18763.jpg",
|
||||
buttonIcon: "User",
|
||||
title: "Luxury Concierge", description: "Personalized service plans for every car buyer in our dealership.", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-interior-car-including-red-steering-wheel-white-seats_181624-18763.jpg", buttonIcon: User,
|
||||
},
|
||||
]}
|
||||
title="Why Velocity Motors?"
|
||||
@@ -163,41 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Aero Coupe",
|
||||
price: "$89,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-tool-hand-is-sitting-near-new-shiny-car-while-posing-photographer_613910-17074.jpg",
|
||||
},
|
||||
id: "p1", name: "Aero Coupe", price: "$89,000", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-tool-hand-is-sitting-near-new-shiny-car-while-posing-photographer_613910-17074.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velocity Sedan",
|
||||
price: "$65,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sports-car-modern-city-streets-generated-by-ai_188544-29882.jpg",
|
||||
},
|
||||
id: "p2", name: "Velocity Sedan", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sports-car-modern-city-streets-generated-by-ai_188544-29882.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Summit SUV",
|
||||
price: "$120,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg",
|
||||
},
|
||||
id: "p3", name: "Summit SUV", price: "$120,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Compact Edge",
|
||||
price: "$45,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-business-woman-walking-out-her-car_1303-27268.jpg",
|
||||
},
|
||||
id: "p4", name: "Compact Edge", price: "$45,000", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-business-woman-walking-out-her-car_1303-27268.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "E-Sprint",
|
||||
price: "$75,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg",
|
||||
},
|
||||
id: "p5", name: "E-Sprint", price: "$75,000", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Apex Sport",
|
||||
price: "$98,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg",
|
||||
},
|
||||
id: "p6", name: "Apex Sport", price: "$98,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore the finest selection of luxury and performance vehicles."
|
||||
@@ -212,25 +143,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Satisfied Owners",
|
||||
description: "Joining the velocity elite.",
|
||||
icon: Users,
|
||||
id: "m1", value: "1500+", title: "Satisfied Owners", description: "Joining the velocity elite.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
description: "Setting standards in luxury.",
|
||||
icon: Award,
|
||||
id: "m2", value: "20", title: "Years Experience", description: "Setting standards in luxury.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Premium Vehicles",
|
||||
description: "Curated selection.",
|
||||
icon: Car,
|
||||
id: "m3", value: "500+", title: "Premium Vehicles", description: "Curated selection.", icon: Car,
|
||||
},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
@@ -246,23 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "John Smith",
|
||||
role: "Service Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg",
|
||||
},
|
||||
id: "m1", name: "John Smith", role: "Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Emily Chen",
|
||||
role: "Sales Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
},
|
||||
id: "m2", name: "Emily Chen", role: "Sales Consultant", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "David Brown",
|
||||
role: "Finance Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
id: "m3", name: "David Brown", role: "Finance Specialist", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg"},
|
||||
]}
|
||||
title="The Experts Behind the Wheel"
|
||||
description="Meet our team of specialists committed to your driving satisfaction."
|
||||
@@ -275,45 +182,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Smooth Process",
|
||||
quote: "Incredible inventory and helpful staff throughout.",
|
||||
name: "Alex R.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13700.jpg",
|
||||
},
|
||||
id: "t1", title: "Smooth Process", quote: "Incredible inventory and helpful staff throughout.", name: "Alex R.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13700.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Premium Experience",
|
||||
quote: "They really care about long-term ownership quality.",
|
||||
name: "Sarah K.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434371.jpg",
|
||||
},
|
||||
id: "t2", title: "Premium Experience", quote: "They really care about long-term ownership quality.", name: "Sarah K.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434371.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly Recommend",
|
||||
quote: "The maintenance team is world-class, prompt and reliable.",
|
||||
name: "Mark D.",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg",
|
||||
},
|
||||
id: "t3", title: "Highly Recommend", quote: "The maintenance team is world-class, prompt and reliable.", name: "Mark D.", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Dream Car",
|
||||
quote: "Finally found the perfect car after months of searching.",
|
||||
name: "Julia M.",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14544.jpg",
|
||||
},
|
||||
id: "t4", title: "Dream Car", quote: "Finally found the perfect car after months of searching.", name: "Julia M.", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14544.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top-tier Selection",
|
||||
quote: "Professional advice helped me choose exactly what I needed.",
|
||||
name: "David L.",
|
||||
role: "CFO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-showroom_1303-22834.jpg",
|
||||
},
|
||||
id: "t5", title: "Top-tier Selection", quote: "Professional advice helped me choose exactly what I needed.", name: "David L.", role: "CFO", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-showroom_1303-22834.jpg"},
|
||||
]}
|
||||
title="Voices of Velocity"
|
||||
description="Hear what our drivers say about their journey with us."
|
||||
@@ -325,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we offer comprehensive financing solutions tailored to our customers.",
|
||||
},
|
||||
id: "f1", title: "Do you offer financing?", content: "Yes, we offer comprehensive financing solutions tailored to our customers."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is maintenance included?",
|
||||
content: "Our premium plans include complimentary maintenance for the first two years.",
|
||||
},
|
||||
id: "f2", title: "Is maintenance included?", content: "Our premium plans include complimentary maintenance for the first two years."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I trade in my vehicle?",
|
||||
content: "Yes, we accept trade-ins with competitive market evaluations for your current car.",
|
||||
},
|
||||
id: "f3", title: "Can I trade in my vehicle?", content: "Yes, we accept trade-ins with competitive market evaluations for your current car."},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about purchasing and maintenance."
|
||||
@@ -350,8 +218,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Drive?"
|
||||
description="Book a test drive or consult with our experts for your next vehicle."
|
||||
@@ -365,29 +232,19 @@ export default function LandingPage() {
|
||||
logoText="Velocity Motors"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user