bender/0c4889aa-425a-4dce-9eb5-ac854106816c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 09:06:31 +00:00
parent 5760e3f956
commit ce49929c04
1 changed files with 57 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Garage",
id: "featured",
},
name: "Garage", id: "featured"},
{
name: "Gallery",
id: "gallery",
},
name: "Gallery", id: "gallery"},
{
name: "Showroom",
id: "showroom",
},
name: "Showroom", id: "showroom"},
{
name: "News",
id: "news",
},
name: "News", id: "news"},
]}
brandName="VELOCITY X"
/>
@@ -56,117 +48,62 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="THE FUTURE OF SPEED"
description="Explore the world’s fastest supercars and hypercars. Built for those who demand ultimate performance."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/central-african-republic-metallic-flag-textured-flag-grunge-flag_559531-11142.jpg",
alt: "Brand",
},
src: "http://img.b2bpic.net/free-photo/central-african-republic-metallic-flag-textured-flag-grunge-flag_559531-11142.jpg", alt: "Brand"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kf519",
alt: "Brand",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kf519", alt: "Brand"},
{
src: "http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-close-up-ev-hybrid-car-logo_482257-118393.jpg",
alt: "Brand",
},
src: "http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-close-up-ev-hybrid-car-logo_482257-118393.jpg", alt: "Brand"},
{
src: "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147741173.jpg",
alt: "Brand",
},
src: "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147741173.jpg", alt: "Brand"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ew6d5",
alt: "Brand",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ew6d5", alt: "Brand"},
]}
avatarText="Trusted by elite drivers"
buttons={[
{
text: "Explore Garage",
href: "#featured",
},
text: "Explore Garage", href: "#featured"},
{
text: "Watch Cinematics",
href: "#video",
},
text: "Watch Cinematics", href: "#video"},
]}
marqueeItems={[
{
type: "text",
text: "Unmatched Aerodynamics",
},
type: "text", text: "Unmatched Aerodynamics"},
{
type: "text",
text: "Record Breaking Velocity",
},
type: "text", text: "Record Breaking Velocity"},
{
type: "text",
text: "Futuristic Engineering",
},
type: "text", text: "Futuristic Engineering"},
{
type: "text",
text: "Carbon Fiber Mastery",
},
type: "text", text: "Carbon Fiber Mastery"},
{
type: "text",
text: "Elite Performance",
},
type: "text", text: "Elite Performance"},
]}
/>
</div>
<div id="featured" data-section="featured">
<ProductCardFour
animationType="depth-3d"
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Bugatti Chiron",
price: "3.2M",
variant: "W16 Engine",
imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel_78492-3737.jpg",
},
id: "1", name: "Bugatti Chiron", price: "3.2M", variant: "W16 Engine", imageSrc: "http://img.b2bpic.net/free-photo/red-sports-tuned-car-rear-view-wheel_78492-3737.jpg"},
{
id: "2",
name: "Koenigsegg Jesko",
price: "3.0M",
variant: "5.0L V8",
imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg",
},
id: "2", name: "Koenigsegg Jesko", price: "3.0M", variant: "5.0L V8", imageSrc: "http://img.b2bpic.net/free-photo/front-exterior-windows-navy-blue-car_114579-6111.jpg"},
{
id: "3",
name: "McLaren P1",
price: "2.5M",
variant: "Hybrid V8",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138933.jpg",
},
id: "3", name: "McLaren P1", price: "2.5M", variant: "Hybrid V8", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138933.jpg"},
{
id: "4",
name: "Lamborghini Revuelto",
price: "600K",
variant: "V12 Hybrid",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg",
},
id: "4", name: "Lamborghini Revuelto", price: "600K", variant: "V12 Hybrid", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg"},
{
id: "5",
name: "Ferrari SF90",
price: "550K",
variant: "V8 Hybrid",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861910.jpg",
},
id: "5", name: "Ferrari SF90", price: "550K", variant: "V8 Hybrid", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861910.jpg"},
{
id: "6",
name: "Pagani Utopia",
price: "2.8M",
variant: "V12 Twin-Turbo",
imageSrc: "http://img.b2bpic.net/free-photo/racing-car_1048-2889.jpg",
},
id: "6", name: "Pagani Utopia", price: "2.8M", variant: "V12 Twin-Turbo", imageSrc: "http://img.b2bpic.net/free-photo/racing-car_1048-2889.jpg"},
]}
title="Featured Hypercars"
description="The pinnacle of automotive engineering and design."
@@ -181,35 +118,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Detail",
description: "Precision engineering close-ups",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-liquid-metal-with-copy-space_23-2148253612.jpg",
},
title: "Detail", description: "Precision engineering close-ups", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-liquid-metal-with-copy-space_23-2148253612.jpg"},
{
title: "Motion",
description: "High-speed dynamics",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg",
},
title: "Motion", description: "High-speed dynamics", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg"},
{
title: "Interior",
description: "Futuristic cockpit design",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674264.jpg",
},
title: "Interior", description: "Futuristic cockpit design", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674264.jpg"},
{
title: "Performance",
description: "Raw machine power",
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-supercar_23-2151955577.jpg",
},
title: "Performance", description: "Raw machine power", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-supercar_23-2151955577.jpg"},
{
title: "Engineering",
description: "Carbon fiber mastery",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg",
},
title: "Engineering", description: "Carbon fiber mastery", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg"},
{
title: "Aerodynamics",
description: "Sculpted for the wind",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139392.jpg",
},
title: "Aerodynamics", description: "Sculpted for the wind", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139392.jpg"},
]}
title="Cinematic Gallery"
description="Experience the beauty of high-performance design through our lens."
@@ -221,13 +140,9 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "3D Virtual Showroom",
},
type: "text", content: "3D Virtual Showroom"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg",
},
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg"},
]}
/>
</div>
@@ -239,26 +154,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "490+",
title: "Top Speed",
description: "KM/H",
imageSrc: "http://img.b2bpic.net/free-vector/realistic-vector-icon-black-car-darkness-with-clouds-dust-lights-glowing-car-rasing_134830-1387.jpg",
},
id: "m1", value: "490+", title: "Top Speed", description: "KM/H", imageSrc: "http://img.b2bpic.net/free-vector/realistic-vector-icon-black-car-darkness-with-clouds-dust-lights-glowing-car-rasing_134830-1387.jpg"},
{
id: "m2",
value: "2.1s",
title: "0-100",
description: "Time",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021133.jpg",
},
id: "m2", value: "2.1s", title: "0-100", description: "Time", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021133.jpg"},
{
id: "m3",
value: "1800hp",
title: "Output",
description: "Power",
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674309.jpg",
},
id: "m3", value: "1800hp", title: "Output", description: "Power", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674309.jpg"},
]}
title="Performance Stats"
description="Defining the limits of physics."
@@ -270,14 +170,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
names={[
"Bugatti",
"Ferrari",
"Lamborghini",
"Porsche",
"Aston Martin",
"Pagani",
"Rimac",
]}
"Bugatti", "Ferrari", "Lamborghini", "Porsche", "Aston Martin", "Pagani", "Rimac"]}
title="Partner Brands"
description="Collaborating with automotive legends."
/>
@@ -290,45 +183,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Speed Demon",
handle: "@driver1",
testimonial: "The most insane experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746564.jpg",
},
id: "t1", name: "Speed Demon", handle: "@driver1", testimonial: "The most insane experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746564.jpg"},
{
id: "t2",
name: "Tech Junkie",
handle: "@driver2",
testimonial: "Engineering perfection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/taxi-bridge-night-with-motion-blur_23-2148287833.jpg",
},
id: "t2", name: "Tech Junkie", handle: "@driver2", testimonial: "Engineering perfection.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/taxi-bridge-night-with-motion-blur_23-2148287833.jpg"},
{
id: "t3",
name: "Luxury Fan",
handle: "@driver3",
testimonial: "Pure luxury and speed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/direction-wheel-speedometer-black-car_114579-6113.jpg",
},
id: "t3", name: "Luxury Fan", handle: "@driver3", testimonial: "Pure luxury and speed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/direction-wheel-speedometer-black-car_114579-6113.jpg"},
{
id: "t4",
name: "Track King",
handle: "@driver4",
testimonial: "Unmatched track presence.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681080.jpg",
},
id: "t4", name: "Track King", handle: "@driver4", testimonial: "Unmatched track presence.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681080.jpg"},
{
id: "t5",
name: "Design Guru",
handle: "@driver5",
testimonial: "Masterpiece of aesthetics.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-mooring-rope-through-round-yacht-window_181624-19742.jpg",
},
id: "t5", name: "Design Guru", handle: "@driver5", testimonial: "Masterpiece of aesthetics.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-mooring-rope-through-round-yacht-window_181624-19742.jpg"},
]}
showRating={true}
title="Video Experience"
@@ -345,35 +213,11 @@ export default function LandingPage() {
description="Hypercar launches and engineering news."
blogs={[
{
id: "b1",
category: "Launch",
title: "New EV Supercar",
excerpt: "The future is electric.",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138909.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-vector/repair-workshop-badge-set_98292-711.jpg",
date: "Oct 2023",
},
id: "b1", category: "Launch", title: "New EV Supercar", excerpt: "The future is electric.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138909.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-vector/repair-workshop-badge-set_98292-711.jpg", date: "Oct 2023"},
{
id: "b2",
category: "Tech",
title: "AI in Design",
excerpt: "How AI shapes cars.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25979.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138930.jpg",
date: "Oct 2023",
},
id: "b2", category: "Tech", title: "AI in Design", excerpt: "How AI shapes cars.", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25979.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138930.jpg", date: "Oct 2023"},
{
id: "b3",
category: "Racing",
title: "Rain Performance",
excerpt: "Mastering the elements.",
imageSrc: "http://img.b2bpic.net/free-photo/view-car-running-high-speed_23-2150635430.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-vector/gradient-car-dealer-logo-template_23-2149343861.jpg",
date: "Oct 2023",
},
id: "b3", category: "Racing", title: "Rain Performance", excerpt: "Mastering the elements.", imageSrc: "http://img.b2bpic.net/free-photo/view-car-running-high-speed_23-2150635430.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-vector/gradient-car-dealer-logo-template_23-2149343861.jpg", date: "Oct 2023"},
]}
/>
</div>
@@ -385,16 +229,10 @@ export default function LandingPage() {
description="Book your test drive today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
name: "name", type: "text", placeholder: "Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
name: "email", type: "email", placeholder: "Email", required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg"
@@ -406,30 +244,21 @@ export default function LandingPage() {
logoText="VELOCITY X"
columns={[
{
title: "Garage",
items: [
title: "Garage", items: [
{
label: "All Cars",
href: "#featured",
},
label: "All Cars", href: "#featured"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
],
},
]}