Merge version_2 into main #2
163
src/app/page.tsx
163
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -28,44 +28,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Inquiry",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Performance", id: "features" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Inquiry", id: "contact" },
|
||||
]}
|
||||
brandName="Velocity Chase"
|
||||
button={{
|
||||
text: "Start Race",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Start Race", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="VELOCITY CHASE"
|
||||
description="Dominate the streets of Dubai. High-speed, high-stakes. Feel the adrenaline, run from the law."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Pursuit",
|
||||
href: "#features",
|
||||
},
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Velocity Chase"
|
||||
description="Dominate the streets of Dubai. Watch the police chase unfold in real-time as you push your car to the limit."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://images.unsplash.com/photo-1552074284-5e883246222e?q=80&w=2070", imageAlt: "Car on Dubai road" },
|
||||
{ id: "2", imageSrc: "https://images.unsplash.com/photo-1542282088-72c9c27ed0cd?q=80&w=2069", imageAlt: "Police car siren" },
|
||||
{ id: "3", imageSrc: "https://images.unsplash.com/photo-1557008682-1c08003f47e3?q=80&w=2070", imageAlt: "Dubai highway night" },
|
||||
{ id: "4", imageSrc: "https://images.unsplash.com/photo-1502877338535-7de6e10daa87?q=80&w=2070", imageAlt: "Fast car chase" },
|
||||
{ id: "5", imageSrc: "https://images.unsplash.com/photo-1621007947382-bb3c3994e3fb?q=80&w=2070", imageAlt: "City lights" },
|
||||
{ id: "6", imageSrc: "https://images.unsplash.com/photo-1614036737523-936615b3c58e?q=80&w=2070", imageAlt: "Police pursuit" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvaUefL72U2RgWijIr3qAr6fdn/uploaded-1775372230512-dxmkvvmb.jpg?_wi=1"
|
||||
imageAlt="Sports car on track"
|
||||
showDimOverlay={true}
|
||||
buttons={[{ text: "Start Pursuit", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,26 +62,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pro-Grade Engines",
|
||||
description: "Custom tuned engines delivering 1000+ horsepower for instant acceleration in extreme scenarios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg?_wi=1",
|
||||
imageAlt: "Engine detail",
|
||||
},
|
||||
title: "High-Speed Escape", description: "Navigate the high-speed roads of Dubai while the police chase you from behind.", imageSrc: "https://images.unsplash.com/photo-1542282088-72c9c27ed0cd?q=80&w=2069", imageAlt: "Police pursuit"},
|
||||
{
|
||||
title: "Dynamic Evasion",
|
||||
description: "State-of-the-art drift and handling physics allows you to lose the heat in dense urban traffic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-trails-street_23-2147785794.jpg?_wi=1",
|
||||
imageAlt: "City trails",
|
||||
},
|
||||
title: "Elite Performance", description: "Push your car to its absolute limits in a high-stakes adrenaline-fueled race.", imageSrc: "https://images.unsplash.com/photo-1502877338535-7de6e10daa87?q=80&w=2070", imageAlt: "Sports car speed"},
|
||||
{
|
||||
title: "Aerodynamic Engineering",
|
||||
description: "Precision weight distribution for cornering at impossible speeds across Dubai terrain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg?_wi=1",
|
||||
imageAlt: "Chassis detail",
|
||||
},
|
||||
title: "Dubai Streets", description: "Master the iconic city tracks in a realistic pursuit simulator.", imageSrc: "https://images.unsplash.com/photo-1621007947382-bb3c3994e3fb?q=80&w=2070", imageAlt: "Dubai city at night"},
|
||||
]}
|
||||
title="Unmatched Performance"
|
||||
description="Every vehicle is optimized for raw speed, handling, and evasion on desert highways and city circuits."
|
||||
description="Experience the rush of the perfect getaway on world-class desert highways."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,36 +79,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "340 km/h",
|
||||
title: "Top Speed",
|
||||
items: [
|
||||
"Dubai Highway Run",
|
||||
"Desert Sprint Mode",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
title: "Evaded Pursuits",
|
||||
items: [
|
||||
"Extreme difficulty",
|
||||
"AI Police response",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "84%",
|
||||
title: "Drift Accuracy",
|
||||
items: [
|
||||
"Real-time handling",
|
||||
"Precision controls",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "340 km/h", title: "Top Speed", items: ["Dubai Highway", "Sprint Mode"] },
|
||||
{ id: "m2", value: "12+", title: "Successful Evades", items: ["Elite Tactics", "Police AI"] },
|
||||
{ id: "m3", value: "84%", title: "Handling Precision", items: ["Drift Accuracy", "Pro Tuning"] },
|
||||
]}
|
||||
title="The Heat is On"
|
||||
description="Track record-breaking run statistics and high-speed evasion metrics."
|
||||
description="Track your evasion stats while being pursued."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,40 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Legends of the Asphalt"
|
||||
description="See what the street racing community has to say about the Velocity experience."
|
||||
description="See what the community has to say about the Velocity experience."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex 'Nitro' Vance",
|
||||
role: "Street King",
|
||||
company: "Dubai Drift Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah 'Ghost' Chen",
|
||||
role: "Lead Racer",
|
||||
company: "Neon Speed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-trails-street_23-2147785794.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus 'Iron' Reed",
|
||||
role: "Engineering Lead",
|
||||
company: "Mechanic Masters",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-modern-white-car_181624-25206.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena 'Fury' Ruiz",
|
||||
role: "Top Competitor",
|
||||
company: "Night Runners",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvaUefL72U2RgWijIr3qAr6fdn/uploaded-1775372230512-dxmkvvmb.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex Vance", role: "Street King", company: "Dubai Team", rating: 5 },
|
||||
{ id: "t2", name: "Sarah Chen", role: "Lead Racer", company: "Neon Speed", rating: 5 },
|
||||
{ id: "t3", name: "Marcus Reed", role: "Mechanic Lead", company: "Pro Shop", rating: 4 },
|
||||
{ id: "t4", name: "Elena Ruiz", role: "Top Competitor", company: "Night Runners", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,30 +108,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="The streets don't sleep. Do you have what it takes to join the elite underground racers? Send your signal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="The streets don't sleep. Do you have what it takes?"
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="VELOCITY"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user