Merge version_3 into main #2

Merged
bender merged 4 commits from version_3 into main 2026-04-17 12:10:12 +00:00
4 changed files with 258 additions and 108 deletions

View File

@@ -32,41 +32,30 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Features", id: "#features"},
{
name: "Garage", id: "#products"},
{
name: "Community", id: "#testimonials"},
{
name: "Support", id: "#faq"},
{ name: "Home", id: "#hero" },
{ name: "Leaderboard", id: "/stats" },
{ name: "Garage", id: "#products" },
{ name: "Support", id: "#faq" },
]}
brandName="TurboRacing"
button={{
text: "Download Now", href: "#contact"}}
brandName="IPL 2026"
button={{ text: "Join Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Rule the Streets"
description="Experience the next level of high-performance racing. Customize, compete, and dominate the global leaderboards today."
tag="New Season Available"
buttons={[
{
text: "Start Engine", href: "#contact"},
{
text: "View Garage", href: "#products"},
{ text: "Start Engine", href: "#contact" },
{ text: "View Garage", href: "#products" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg", imageAlt: "Neon race track night"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg", imageAlt: "Desert drift sunset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-steering-wheel-navigator-car-night_169016-51544.jpg", imageAlt: "Racing cockpit view"},
{ imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg", imageAlt: "Neon race track night" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg", imageAlt: "Desert drift sunset" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-steering-wheel-navigator-car-night_169016-51544.jpg", imageAlt: "Racing cockpit view" },
]}
mediaAnimation="slide-up"
/>
@@ -78,18 +67,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1", title: "Engine Precision", author: "Pro Mechanic", description: "Micro-tune your engine components for maximum speed and efficiency on the track.", tags: [
"Performance", "Tuning"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg"},
{
id: "2", title: "Global Multiplayer", author: "Server Team", description: "Race against thousands of real players in real-time, global racing events.", tags: [
"Multiplayer", "Online"],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051368.jpg"},
{
id: "3", title: "Hyper-Customization", author: "Design Studio", description: "Unlimited vinyls, paints, and body kits to make your vehicle stand out.", tags: [
"Customization", "Style"],
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-tools-assortment_23-2148732413.jpg"},
{ id: "1", title: "Engine Precision", author: "Pro Mechanic", description: "Micro-tune your engine components for maximum speed and efficiency on the track.", tags: ["Performance", "Tuning"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg" },
{ id: "2", title: "Global Multiplayer", author: "Server Team", description: "Race against thousands of real players in real-time, global racing events.", tags: ["Multiplayer", "Online"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051368.jpg" },
{ id: "3", title: "Hyper-Customization", author: "Design Studio", description: "Unlimited vinyls, paints, and body kits to make your vehicle stand out.", tags: ["Customization", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-tools-assortment_23-2148732413.jpg" },
]}
title="Next-Gen Racing Features"
description="Unlock the true potential of your vehicles with our advanced racing simulation technology."
@@ -103,15 +83,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "12M+", title: "Registered Drivers", description: "Global user community", icon: Users,
},
{
id: "m2", value: "500k", title: "Daily Races", description: "Events completed daily", icon: Trophy,
},
{
id: "m3", value: "150+", title: "Supercars", description: "Highly detailed models", icon: Car,
},
{ id: "m1", value: "12M+", title: "Registered Drivers", description: "Global user community", icon: Users },
{ id: "m2", value: "500k", title: "Daily Races", description: "Events completed daily", icon: Trophy },
{ id: "m3", value: "150+", title: "Supercars", description: "Highly detailed models", icon: Car },
]}
title="The Numbers Don't Lie"
description="Join the millions who have chosen TurboRacing as their ultimate racing experience."
@@ -125,18 +99,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Veloce Rossa", price: "150,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg"},
{
id: "p2", name: "Volt Yellow", price: "220,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150998535.jpg"},
{
id: "p3", name: "Blue Streak", price: "185,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/robot-car_1048-12074.jpg"},
{
id: "p4", name: "Shadow Drift", price: "130,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636164.jpg"},
{
id: "p5", name: "Silver Rally", price: "95,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482971.jpg"},
{
id: "p6", name: "Neon E-Drive", price: "275,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-with-charged-battery-symbol_23-2148972408.jpg"},
{ id: "p1", name: "Veloce Rossa", price: "150,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg" },
{ id: "p2", name: "Volt Yellow", price: "220,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150998535.jpg" },
{ id: "p3", name: "Blue Streak", price: "185,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/robot-car_1048-12074.jpg" },
]}
title="Our Fleet"
description="Explore the elite collection of supercars available to master."
@@ -150,21 +115,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Alex Racer", role: "Pro Gamer", company: "Racing Elite", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg"},
{
id: "2", name: "Sarah Drift", role: "Enthusiast", company: "Drift Crew", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-151199.jpg"},
{
id: "3", name: "Mike Competitive", role: "eSports Pro", company: "Speed Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg"},
{
id: "4", name: "Chris Casual", role: "Casual Gamer", company: "Street Racers", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg"},
{
id: "5", name: "Linda Leader", role: "Community Leader", company: "Turbo Club", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-raises-hand-defensively-after-triggering-red-light-motion-alert_482257-126789.jpg"},
{ id: "1", name: "Alex Racer", role: "Pro Gamer", company: "Racing Elite", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg" },
{ id: "2", name: "Sarah Drift", role: "Enthusiast", company: "Drift Crew", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-151199.jpg" },
{ id: "3", name: "Mike Competitive", role: "eSports Pro", company: "Speed Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg" },
]}
title="Driver Feedback"
description="Hear what our racing community has to say about the TurboRacing experience."
@@ -175,8 +128,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"AutoBrand X", "SpeedTech Y", "EngineMax Z", "TirePro Inc", "RacerWorld Corp", "NeonMechanics", "ApexParts"]}
names={["AutoBrand X", "SpeedTech Y", "EngineMax Z", "TirePro Inc", "RacerWorld Corp"]}
title="Trusted Partners"
description="Our official partners who help us deliver the ultimate racing experience."
/>
@@ -186,18 +138,11 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Is the game free to play?", content: "Yes, TurboRacing is free to download and play with optional in-game purchases."},
{
id: "q2", title: "Which platforms support it?", content: "TurboRacing is available on PC, PlayStation 5, and Xbox Series X."},
{
id: "q3", title: "How do I upgrade cars?", content: "Visit the Garage section and use your earned CR points to upgrade parts."},
{ id: "q1", title: "Is the game free to play?", content: "Yes, TurboRacing is free to download and play with optional in-game purchases." },
{ id: "q2", title: "Which platforms support it?", content: "TurboRacing is available on PC, PlayStation 5, and Xbox Series X." },
]}
sideTitle="Racing Support"
buttons={[
{
text: "Contact Support", href: "mailto:support@turboracing.game"}
]}
buttons={[{ text: "Contact Support", href: "mailto:support@turboracing.game" }]}
faqsAnimation="slide-up"
/>
</div>
@@ -205,41 +150,22 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Join the Race"
title="Get Started Today"
description="Don't wait. Jump into the fast lane and start your career on the world's most intense racing circuits."
buttons={[
{
text: "Play Free", href: "#"},
]}
buttons={[{ text: "Play Free", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17149.jpg"
logoText="TurboRacing"
logoText="IPL 2026"
columns={[
{
title: "Game", items: [
{
label: "Download", href: "#"},
{
label: "Garage", href: "#products"},
{
label: "Events", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ title: "Game", items: [{ label: "Download", href: "#" }, { label: "Garage", href: "#products" }] },
{ title: "Statistics", items: [{ label: "Leaderboards", href: "/stats" }, { label: "Team Standings", href: "/stats" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>

83
src/app/schedule/page.tsx Normal file
View File

@@ -0,0 +1,83 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import { Calendar, Clock, MapPin } from "lucide-react";
export default function SchedulePage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="fluid"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Schedule", id: "/schedule" },
]}
brandName="TurboRacing"
button={{ text: "Download Now", href: "#" }}
/>
</div>
<div id="matches" data-section="matches" className="pt-32 pb-16">
<FeatureCardTen
title="Upcoming Race Schedule"
description="Stay ahead of the competition. Check out our upcoming live events and match fixtures."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Grand Prix Tokyo",
description: "Night circuit showdown. Top 10 drivers qualify for the finals.",
media: { imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg" },
items: [
{ icon: Calendar, text: "Oct 25, 2025" },
{ icon: Clock, text: "20:00 GMT" },
{ icon: MapPin, text: "Tokyo Street Circuit" }
],
reverse: false
},
{
title: "Desert Drift Championship",
description: "Extreme off-road conditions in the heart of the Sahara.",
media: { imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482971.jpg" },
items: [
{ icon: Calendar, text: "Nov 02, 2025" },
{ icon: Clock, text: "15:00 GMT" },
{ icon: MapPin, text: "Sahara Sands" }
],
reverse: true
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17149.jpg"
logoText="TurboRacing"
columns={[
{ title: "Game", items: [{ label: "Home", href: "/" }, { label: "Schedule", href: "/schedule" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

71
src/app/stats/page.tsx Normal file
View File

@@ -0,0 +1,71 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
export default function StatisticsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="fluid"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Leaderboard", id: "/stats" },
{ name: "Garage", id: "/#products" },
{ name: "Support", id: "/#faq" },
]}
brandName="IPL 2026"
button={{ text: "Join Now", href: "/#contact" }}
/>
<div className="pt-32 pb-20">
<MetricCardFourteen
title="Season Leaderboards"
tag="Rankings"
metrics={[
{ id: "r1", value: "1st", description: "Turbo Apex Team" },
{ id: "r2", value: "2nd", description: "Street Velocity" },
{ id: "r3", value: "3rd", description: "Neon Drifters" }
]}
/>
<TeamCardTwo
title="Top Drivers"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
members={[
{ id: "d1", name: "Alex Racer", role: "Captain", description: "32 wins this season" },
{ id: "d2", name: "Sarah Drift", role: "Specialist", description: "28 wins this season" },
{ id: "d3", name: "Mike Pro", role: "Rookie", description: "25 wins this season" }
]}
/>
</div>
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17149.jpg"
logoText="IPL 2026"
columns={[
{ title: "Game", items: [{ label: "Home", href: "/" }, { label: "Garage", href: "/#products" }] },
{ title: "Statistics", items: [{ label: "Leaderboards", href: "/stats" }, { label: "Team Standings", href: "/stats" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

70
src/app/teams/page.tsx Normal file
View File

@@ -0,0 +1,70 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function TeamsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="fluid"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Teams", id: "/teams" }
]}
brandName="TurboRacing"
button={{ text: "Download Now", href: "/#contact" }}
/>
</div>
<div id="teams" data-section="teams">
<TeamCardSix
title="IPL 2026 Teams"
description="Meet the legendary teams competing in the 2026 IPL season."
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
members={[
{ id: "1", name: "Mumbai Indians", role: "Champion Squad" },
{ id: "2", name: "Chennai Super Kings", role: "Legendary Lineup" },
{ id: "3", name: "Kolkata Knight Riders", role: "Knights of the Pitch" },
{ id: "4", name: "Royal Challengers Bengaluru", role: "Bold & Fearless" },
{ id: "5", name: "Sunrisers Hyderabad", role: "Orange Army" },
{ id: "6", name: "Rajasthan Royals", role: "Royal Dynasty" },
{ id: "7", name: "Lucknow Super Giants", role: "New Titans" },
{ id: "8", name: "Delhi Capitals", role: "Capitals Power" },
{ id: "9", name: "Punjab Kings", role: "Lion-hearted" },
{ id: "10", name: "Gujarat Titans", role: "Defensive Giants" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17149.jpg"
logoText="TurboRacing"
columns={[
{ title: "Game", items: [{ label: "Download", href: "/" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}