Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Garage",
|
||||
id: "featured",
|
||||
},
|
||||
name: "Garage", id: "featured"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "stats",
|
||||
},
|
||||
name: "Stats", id: "stats"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
name: "Community", id: "community"},
|
||||
]}
|
||||
brandName="Velocity X"
|
||||
/>
|
||||
@@ -60,68 +50,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="THE FUTURE OF SPEED"
|
||||
description="Explore the world’s fastest supercars and hypercars. Built for performance, designed for excellence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-female-driver_1098-18470.jpg",
|
||||
alt: "Luxury sports car driver portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-female-driver_1098-18470.jpg", alt: "Luxury sports car driver portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-repairing-workshop_23-2150171284.jpg",
|
||||
alt: "Hypercar collector profile portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-repairing-workshop_23-2150171284.jpg", alt: "Hypercar collector profile portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg",
|
||||
alt: "Lifestyle automotive enthusiast professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg", alt: "Lifestyle automotive enthusiast professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-standing-with-arms-crossed_1170-1200.jpg",
|
||||
alt: "Automotive performance engineer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-standing-with-arms-crossed_1170-1200.jpg", alt: "Automotive performance engineer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-looking-away-from-camera_23-2148320220.jpg",
|
||||
alt: "Luxury supercar professional driver",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-looking-away-from-camera_23-2148320220.jpg", alt: "Luxury supercar professional driver"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Garage",
|
||||
href: "#featured",
|
||||
},
|
||||
text: "Explore Garage", href: "#featured"},
|
||||
{
|
||||
text: "Watch Cinematics",
|
||||
href: "#gallery",
|
||||
},
|
||||
text: "Watch Cinematics", href: "#gallery"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "1,600+ HP",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "1,600+ HP", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ultra-Luxury Engineering",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Ultra-Luxury Engineering", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Aerodynamic Design",
|
||||
icon: Wind,
|
||||
type: "text-icon", text: "Aerodynamic Design", icon: Wind,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Electric Future",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Electric Future", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Racing Elite",
|
||||
icon: Trophy,
|
||||
type: "text-icon", text: "Global Racing Elite", icon: Trophy,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -135,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bugatti Chiron",
|
||||
price: "$3,000,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oza7rc",
|
||||
},
|
||||
id: "1", name: "Bugatti Chiron", price: "$3,000,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oza7rc"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Koenigsegg Jesko",
|
||||
price: "$2,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138968.jpg",
|
||||
},
|
||||
id: "2", name: "Koenigsegg Jesko", price: "$2,800,000", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138968.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "McLaren P1",
|
||||
price: "$1,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-working-as-driver-instead-humans_23-2150911973.jpg",
|
||||
},
|
||||
id: "3", name: "McLaren P1", price: "$1,500,000", imageSrc: "http://img.b2bpic.net/free-photo/robot-working-as-driver-instead-humans_23-2150911973.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lamborghini Revuelto",
|
||||
price: "$600,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
|
||||
},
|
||||
id: "4", name: "Lamborghini Revuelto", price: "$600,000", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ferrari SF90",
|
||||
price: "$550,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg",
|
||||
},
|
||||
id: "5", name: "Ferrari SF90", price: "$550,000", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pagani Utopia",
|
||||
price: "$2,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674342.jpg",
|
||||
},
|
||||
id: "6", name: "Pagani Utopia", price: "$2,500,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674342.jpg"},
|
||||
]}
|
||||
title="Featured Hypercars"
|
||||
description="The pinnacle of engineering and design."
|
||||
@@ -184,25 +125,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "490+ km/h",
|
||||
title: "Top Speed",
|
||||
description: "Absolute velocity record.",
|
||||
icon: Zap,
|
||||
id: "m1", value: "490+ km/h", title: "Top Speed", description: "Absolute velocity record.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1,600 HP",
|
||||
title: "Horsepower",
|
||||
description: "Raw unleashed energy.",
|
||||
icon: Flame,
|
||||
id: "m2", value: "1,600 HP", title: "Horsepower", description: "Raw unleashed energy.", icon: Flame,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1,600 Nm",
|
||||
title: "Torque",
|
||||
description: "Instant crushing force.",
|
||||
icon: Gauge,
|
||||
id: "m3", value: "1,600 Nm", title: "Torque", description: "Instant crushing force.", icon: Gauge,
|
||||
},
|
||||
]}
|
||||
title="Performance Stats"
|
||||
@@ -216,20 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Night Racing",
|
||||
description: "Racing in the urban neon jungle.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmuabj",
|
||||
},
|
||||
title: "Night Racing", description: "Racing in the urban neon jungle.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmuabj"},
|
||||
{
|
||||
title: "Drifting Precision",
|
||||
description: "Total control on the edge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speeding-sports-car-multiple-lane-highway-generated-by-ai_188544-29799.jpg",
|
||||
},
|
||||
title: "Drifting Precision", description: "Total control on the edge.", imageSrc: "http://img.b2bpic.net/free-photo/speeding-sports-car-multiple-lane-highway-generated-by-ai_188544-29799.jpg"},
|
||||
{
|
||||
title: "Close-up Details",
|
||||
description: "Aerodynamics captured in 8k.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg",
|
||||
},
|
||||
title: "Close-up Details", description: "Aerodynamics captured in 8k.", imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg"},
|
||||
]}
|
||||
title="Cinematic Experience"
|
||||
description="Witness the art of high speed."
|
||||
@@ -241,14 +161,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bugatti",
|
||||
"Ferrari",
|
||||
"Lamborghini",
|
||||
"Porsche",
|
||||
"Aston Martin",
|
||||
"Pagani",
|
||||
"Rimac",
|
||||
]}
|
||||
"Bugatti", "Ferrari", "Lamborghini", "Porsche", "Aston Martin", "Pagani", "Rimac"]}
|
||||
title="Elite Manufacturers"
|
||||
description="Partnerships defining the future of motorsport."
|
||||
/>
|
||||
@@ -263,35 +176,11 @@ export default function LandingPage() {
|
||||
description="Stay ahead of the pack."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tech",
|
||||
title: "Future of EV",
|
||||
excerpt: "Hypercars meet electricity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339682.jpg",
|
||||
authorName: "Alex V.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg",
|
||||
date: "Jan 1, 2025",
|
||||
},
|
||||
id: "b1", category: "Tech", title: "Future of EV", excerpt: "Hypercars meet electricity.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339682.jpg", authorName: "Alex V.", authorAvatar: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg", date: "Jan 1, 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Carbon Evolution",
|
||||
excerpt: "Materials reshaping performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-interface-projection-hologram_53876-96639.jpg",
|
||||
authorName: "Sara K.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21738.jpg",
|
||||
date: "Jan 5, 2025",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Carbon Evolution", excerpt: "Materials reshaping performance.", imageSrc: "http://img.b2bpic.net/free-photo/smart-car-interface-projection-hologram_53876-96639.jpg", authorName: "Sara K.", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21738.jpg", date: "Jan 5, 2025"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Racing",
|
||||
title: "Track Dominance",
|
||||
excerpt: "Mastering the asphalt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649847.jpg",
|
||||
authorName: "Mike D.",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg",
|
||||
date: "Jan 10, 2025",
|
||||
},
|
||||
id: "b3", category: "Racing", title: "Track Dominance", excerpt: "Mastering the asphalt.", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649847.jpg", authorName: "Mike D.", authorAvatar: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg", date: "Jan 10, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,45 +193,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Smith",
|
||||
role: "Collector",
|
||||
company: "Velocity X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg",
|
||||
},
|
||||
id: "t1", name: "John Smith", role: "Collector", company: "Velocity X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Doe",
|
||||
role: "Driver",
|
||||
company: "Velocity X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001298.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Doe", role: "Driver", company: "Velocity X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001298.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Ray",
|
||||
role: "Engineer",
|
||||
company: "Velocity X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-close-up-portrait-leather-sofa-expressive-pose-looking-camera_8353-8002.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Ray", role: "Engineer", company: "Velocity X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-close-up-portrait-leather-sofa-expressive-pose-looking-camera_8353-8002.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Wang",
|
||||
role: "Designer",
|
||||
company: "Velocity X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg",
|
||||
},
|
||||
id: "t4", name: "Lisa Wang", role: "Designer", company: "Velocity X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Cook",
|
||||
role: "Enthusiast",
|
||||
company: "Velocity X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-looking-away-from-camera_23-2148320220.jpg",
|
||||
},
|
||||
id: "t5", name: "Tom Cook", role: "Enthusiast", company: "Velocity X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-looking-away-from-camera_23-2148320220.jpg"},
|
||||
]}
|
||||
title="Driver Stories"
|
||||
description="The elite automotive community."
|
||||
@@ -353,11 +217,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Join the Elite"
|
||||
description="Subscribe for early hypercar launches and exclusive invitations."
|
||||
tag="Inquire"
|
||||
buttonText="Get Exclusive Access"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -367,23 +231,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "Youtube",
|
||||
},
|
||||
href: "#", ariaLabel: "Youtube"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user