Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
489
src/app/page.tsx
489
src/app/page.tsx
@@ -11,8 +11,9 @@ import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwe
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import Link from "next/link";
|
||||
import { Zap, Newspaper, Clock, Users, MapPin, Trophy, HelpCircle, Image as ImageIcon, Flag, Gauge } from "lucide-react";
|
||||
import { Zap, Newspaper, Clock, Users, MapPin, Trophy, HelpCircle, Image as ImageIcon, Flag, Gauge, Globe, Star, Lightbulb } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -40,9 +41,7 @@ export default function HomePage() {
|
||||
{ name: "History", id: "history" },
|
||||
]}
|
||||
button={{
|
||||
text: "Explore Media",
|
||||
href: "media",
|
||||
}}
|
||||
text: "Explore Media", href: "media"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,32 +55,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Teams",
|
||||
href: "/teams",
|
||||
},
|
||||
text: "View Teams", href: "/teams"},
|
||||
{
|
||||
text: "Watch Drivers",
|
||||
href: "drivers",
|
||||
},
|
||||
text: "Watch Drivers", href: "drivers"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
dashboard={{
|
||||
title: "F1 Season Status",
|
||||
logoIcon: Trophy,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/a-sleek-formula-1-racing-car-photographe-1772874860654-93772c45.png?_wi=1",
|
||||
searchPlaceholder: "Search drivers, teams...",
|
||||
buttons: [
|
||||
title: "F1 Season Status", logoIcon: Trophy,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/a-sleek-formula-1-racing-car-photographe-1772874860654-93772c45.png", searchPlaceholder: "Search drivers, teams...", buttons: [
|
||||
{
|
||||
text: "Latest News",
|
||||
href: "#",
|
||||
},
|
||||
text: "Latest News", href: "#"},
|
||||
{
|
||||
text: "Race Calendar",
|
||||
href: "calendar",
|
||||
},
|
||||
text: "Race Calendar", href: "calendar"},
|
||||
],
|
||||
sidebarItems: [
|
||||
{
|
||||
@@ -97,23 +84,16 @@ export default function HomePage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Championship Leader",
|
||||
values: ["Max Verstappen", "Lewis Hamilton", "Charles Leclerc"],
|
||||
description: "Current season standings",
|
||||
},
|
||||
title: "Championship Leader", values: ["Max Verstappen", "Lewis Hamilton", "Charles Leclerc"],
|
||||
description: "Current season standings"},
|
||||
{
|
||||
title: "Races Completed",
|
||||
values: [18, 19, 20],
|
||||
description: "Total races this season",
|
||||
},
|
||||
title: "Races Completed", values: [18, 19, 20],
|
||||
description: "Total races this season"},
|
||||
{
|
||||
title: "Teams Active",
|
||||
values: [10, 10, 10],
|
||||
description: "Formula 1 teams competing",
|
||||
},
|
||||
title: "Teams Active", values: [10, 10, 10],
|
||||
description: "Formula 1 teams competing"},
|
||||
],
|
||||
chartTitle: "Championship Points",
|
||||
chartData: [
|
||||
chartTitle: "Championship Points", chartData: [
|
||||
{
|
||||
value: 430,
|
||||
},
|
||||
@@ -130,23 +110,16 @@ export default function HomePage() {
|
||||
value: 320,
|
||||
},
|
||||
],
|
||||
listTitle: "Upcoming Events",
|
||||
listItems: [
|
||||
listTitle: "Upcoming Events", listItems: [
|
||||
{
|
||||
icon: Flag,
|
||||
title: "Monaco Grand Prix",
|
||||
status: "May 26, 2025",
|
||||
},
|
||||
title: "Monaco Grand Prix", status: "May 26, 2025"},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Silverstone Circuit",
|
||||
status: "June 29, 2025",
|
||||
},
|
||||
title: "Silverstone Circuit", status: "June 29, 2025"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Monza Racing",
|
||||
status: "September 7, 2025",
|
||||
},
|
||||
title: "Monza Racing", status: "September 7, 2025"},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -164,49 +137,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Team News",
|
||||
title: "Red Bull Secures Championship Lead",
|
||||
excerpt: "Red Bull Racing extends championship advantage with dominant performance at recent Grand Prix, maintaining perfect pit stop execution.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/red-bull-racing-formula-1-team-logo-with-1772874859977-3f264ba6.png?_wi=1",
|
||||
imageAlt: "Red Bull Racing Formula 1 team logo with iconic red bull symbol and dark background, professional te",
|
||||
authorName: "James Mitchell",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png",
|
||||
date: "March 15, 2025",
|
||||
},
|
||||
id: "1", category: "Team News", title: "Red Bull Secures Championship Lead", excerpt: "Red Bull Racing extends championship advantage with dominant performance at recent Grand Prix, maintaining perfect pit stop execution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/red-bull-racing-formula-1-team-logo-with-1772874859977-3f264ba6.png", imageAlt: "Red Bull Racing Formula 1 team logo with iconic red bull symbol and dark background, professional te", authorName: "James Mitchell", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png", date: "March 15, 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Driver Update",
|
||||
title: "Ferrari Signs Young Talent",
|
||||
excerpt: "The Scuderia announces exciting driver development program signing and confirms team roster for upcoming seasons ahead.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/ferrari-formula-1-team-logo-with-iconic--1772874860023-c5172766.png?_wi=1",
|
||||
imageAlt: "Ferrari Formula 1 team logo with iconic prancing horse symbol, red and black branding, professional ",
|
||||
authorName: "Sofia Romano",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png",
|
||||
date: "March 12, 2025",
|
||||
},
|
||||
id: "2", category: "Driver Update", title: "Ferrari Signs Young Talent", excerpt: "The Scuderia announces exciting driver development program signing and confirms team roster for upcoming seasons ahead.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/ferrari-formula-1-team-logo-with-iconic--1772874860023-c5172766.png", imageAlt: "Ferrari Formula 1 team logo with iconic prancing horse symbol, red and black branding, professional ", authorName: "Sofia Romano", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png", date: "March 12, 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Technology",
|
||||
title: "New Aerodynamic Regulations",
|
||||
excerpt: "FIA introduces groundbreaking aerodynamic changes aimed at improving overtaking and safety standards for 2026 season regulations.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/mercedes-formula-1-team-logo-with-star-s-1772874860082-de2f6149.png?_wi=1",
|
||||
imageAlt: "Mercedes Formula 1 team logo with star symbol, silver and black branding, professional motorsport te",
|
||||
authorName: "David Chen",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-portrait-i-1772874859441-7382325c.png",
|
||||
date: "March 10, 2025",
|
||||
},
|
||||
id: "3", category: "Technology", title: "New Aerodynamic Regulations", excerpt: "FIA introduces groundbreaking aerodynamic changes aimed at improving overtaking and safety standards for 2026 season regulations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/mercedes-formula-1-team-logo-with-star-s-1772874860082-de2f6149.png", imageAlt: "Mercedes Formula 1 team logo with star symbol, silver and black branding, professional motorsport te", authorName: "David Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-portrait-i-1772874859441-7382325c.png", date: "March 10, 2025"},
|
||||
{
|
||||
id: "4",
|
||||
category: "Race Analysis",
|
||||
title: "Monaco Grand Prix Preview",
|
||||
excerpt: "Historic Monaco circuit prepares for legendary Grand Prix with tight qualifying expected and thrilling street racing battles anticipated.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/monaco-grand-prix-racing-circuit-with-ic-1772874860518-666fa32c.png?_wi=1",
|
||||
imageAlt: "Monaco Grand Prix racing circuit with iconic buildings and barriers, F1 car racing through street ci",
|
||||
authorName: "Emma Thompson",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-photograph-1772874859927-8b33a693.png",
|
||||
date: "March 8, 2025",
|
||||
},
|
||||
id: "4", category: "Race Analysis", title: "Monaco Grand Prix Preview", excerpt: "Historic Monaco circuit prepares for legendary Grand Prix with tight qualifying expected and thrilling street racing battles anticipated.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/monaco-grand-prix-racing-circuit-with-ic-1772874860518-666fa32c.png", imageAlt: "Monaco Grand Prix racing circuit with iconic buildings and barriers, F1 car racing through street ci", authorName: "Emma Thompson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-photograph-1772874859927-8b33a693.png", date: "March 8, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -224,25 +161,13 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "May 26",
|
||||
description: "Monaco Grand Prix",
|
||||
},
|
||||
id: "1", value: "May 26", description: "Monaco Grand Prix"},
|
||||
{
|
||||
id: "2",
|
||||
value: "Jun 29",
|
||||
description: "British Grand Prix",
|
||||
},
|
||||
id: "2", value: "Jun 29", description: "British Grand Prix"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Sep 7",
|
||||
description: "Italian Grand Prix",
|
||||
},
|
||||
id: "3", value: "Sep 7", description: "Italian Grand Prix"},
|
||||
{
|
||||
id: "4",
|
||||
value: "Oct 5",
|
||||
description: "Japanese Grand Prix",
|
||||
},
|
||||
id: "4", value: "Oct 5", description: "Japanese Grand Prix"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,105 +185,35 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Red Bull",
|
||||
name: "Red Bull Racing",
|
||||
price: "Championship Contender",
|
||||
rating: 5,
|
||||
reviewCount: "Max Verstappen, Sergio Pérez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/red-bull-racing-formula-1-team-logo-with-1772874859977-3f264ba6.png?_wi=2",
|
||||
imageAlt: "Red Bull Racing Formula 1 team logo",
|
||||
},
|
||||
id: "1", brand: "Red Bull", name: "Red Bull Racing", price: "Championship Contender", rating: 5,
|
||||
reviewCount: "Max Verstappen, Sergio Pérez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/red-bull-racing-formula-1-team-logo-with-1772874859977-3f264ba6.png", imageAlt: "Red Bull Racing Formula 1 team logo"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Ferrari",
|
||||
name: "Scuderia Ferrari",
|
||||
price: "Championship Contender",
|
||||
rating: 5,
|
||||
reviewCount: "Charles Leclerc, Lewis Hamilton",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/ferrari-formula-1-team-logo-with-iconic--1772874860023-c5172766.png?_wi=2",
|
||||
imageAlt: "Ferrari Formula 1 team logo",
|
||||
},
|
||||
id: "2", brand: "Ferrari", name: "Scuderia Ferrari", price: "Championship Contender", rating: 5,
|
||||
reviewCount: "Charles Leclerc, Lewis Hamilton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/ferrari-formula-1-team-logo-with-iconic--1772874860023-c5172766.png", imageAlt: "Ferrari Formula 1 team logo"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Mercedes",
|
||||
name: "Mercedes-AMG",
|
||||
price: "Championship Contender",
|
||||
rating: 5,
|
||||
reviewCount: "George Russell, Andrea Kimi",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/mercedes-formula-1-team-logo-with-star-s-1772874860082-de2f6149.png?_wi=2",
|
||||
imageAlt: "Mercedes Formula 1 team logo",
|
||||
},
|
||||
id: "3", brand: "Mercedes", name: "Mercedes-AMG", price: "Championship Contender", rating: 5,
|
||||
reviewCount: "George Russell, Andrea Kimi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/mercedes-formula-1-team-logo-with-star-s-1772874860082-de2f6149.png", imageAlt: "Mercedes Formula 1 team logo"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "McLaren",
|
||||
name: "McLaren Racing",
|
||||
price: "Rising Competitor",
|
||||
rating: 4,
|
||||
reviewCount: "Lando Norris, Oscar Piastri",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/mclaren-formula-1-team-logo-with-papaya--1772874859655-f8fedbbd.png?_wi=1",
|
||||
imageAlt: "McLaren Formula 1 team logo",
|
||||
},
|
||||
id: "4", brand: "McLaren", name: "McLaren Racing", price: "Rising Competitor", rating: 4,
|
||||
reviewCount: "Lando Norris, Oscar Piastri", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/mclaren-formula-1-team-logo-with-papaya--1772874859655-f8fedbbd.png", imageAlt: "McLaren Formula 1 team logo"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Aston Martin",
|
||||
name: "Aston Martin F1",
|
||||
price: "Rising Competitor",
|
||||
rating: 4,
|
||||
reviewCount: "Fernando Alonso, Lance Stroll",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/aston-martin-formula-1-team-logo-with-gr-1772874860128-5449b38f.png?_wi=1",
|
||||
imageAlt: "Aston Martin Formula 1 team logo",
|
||||
},
|
||||
id: "5", brand: "Aston Martin", name: "Aston Martin F1", price: "Rising Competitor", rating: 4,
|
||||
reviewCount: "Fernando Alonso, Lance Stroll", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/aston-martin-formula-1-team-logo-with-gr-1772874860128-5449b38f.png", imageAlt: "Aston Martin Formula 1 team logo"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Alpine",
|
||||
name: "Alpine Racing",
|
||||
price: "Midfield Team",
|
||||
rating: 4,
|
||||
reviewCount: "Esteban Ocon, Jack Doohan",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/alpine-formula-1-team-logo-with-blue-and-1772874861541-e5f41a42.png?_wi=1",
|
||||
imageAlt: "Alpine Formula 1 team logo",
|
||||
},
|
||||
id: "6", brand: "Alpine", name: "Alpine Racing", price: "Midfield Team", rating: 4,
|
||||
reviewCount: "Esteban Ocon, Jack Doohan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/alpine-formula-1-team-logo-with-blue-and-1772874861541-e5f41a42.png", imageAlt: "Alpine Formula 1 team logo"},
|
||||
{
|
||||
id: "7",
|
||||
brand: "Williams",
|
||||
name: "Williams Racing",
|
||||
price: "Midfield Team",
|
||||
rating: 4,
|
||||
reviewCount: "Alexander Albon, Logan Sargeant",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/williams-formula-1-team-logo-with-classi-1772874860165-54795a03.png?_wi=1",
|
||||
imageAlt: "Williams Formula 1 team logo",
|
||||
},
|
||||
id: "7", brand: "Williams", name: "Williams Racing", price: "Midfield Team", rating: 4,
|
||||
reviewCount: "Alexander Albon, Logan Sargeant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/williams-formula-1-team-logo-with-classi-1772874860165-54795a03.png", imageAlt: "Williams Formula 1 team logo"},
|
||||
{
|
||||
id: "8",
|
||||
brand: "Haas",
|
||||
name: "Haas F1 Team",
|
||||
price: "Competitive Team",
|
||||
rating: 3,
|
||||
reviewCount: "Kevin Magnussen, Nico Hulkenberg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/haas-formula-1-team-logo-with-red-white--1772874859289-6932d651.png?_wi=1",
|
||||
imageAlt: "Haas Formula 1 team logo",
|
||||
},
|
||||
id: "8", brand: "Haas", name: "Haas F1 Team", price: "Competitive Team", rating: 3,
|
||||
reviewCount: "Kevin Magnussen, Nico Hulkenberg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/haas-formula-1-team-logo-with-red-white--1772874859289-6932d651.png", imageAlt: "Haas Formula 1 team logo"},
|
||||
{
|
||||
id: "9",
|
||||
brand: "Kick Sauber",
|
||||
name: "Kick Sauber",
|
||||
price: "Competitive Team",
|
||||
rating: 3,
|
||||
reviewCount: "Zhou Guanyu, Valtteri Bottas",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/kick-sauber-formula-1-team-logo-with-dar-1772874860397-69a1c2ce.png?_wi=1",
|
||||
imageAlt: "Kick Sauber Formula 1 team logo",
|
||||
},
|
||||
id: "9", brand: "Kick Sauber", name: "Kick Sauber", price: "Competitive Team", rating: 3,
|
||||
reviewCount: "Zhou Guanyu, Valtteri Bottas", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/kick-sauber-formula-1-team-logo-with-dar-1772874860397-69a1c2ce.png", imageAlt: "Kick Sauber Formula 1 team logo"},
|
||||
{
|
||||
id: "10",
|
||||
brand: "RB",
|
||||
name: "Racing Bulls",
|
||||
price: "Development Team",
|
||||
rating: 3,
|
||||
reviewCount: "Yuki Tsunoda, Liam Lawson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/rb-formula-1-team-logo-with-white-and-da-1772874861169-859e25ad.png?_wi=1",
|
||||
imageAlt: "RB Formula 1 team logo",
|
||||
},
|
||||
id: "10", brand: "RB", name: "Racing Bulls", price: "Development Team", rating: 3,
|
||||
reviewCount: "Yuki Tsunoda, Liam Lawson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/rb-formula-1-team-logo-with-white-and-da-1772874861169-859e25ad.png", imageAlt: "RB Formula 1 team logo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,47 +230,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Max Verstappen",
|
||||
role: "Red Bull Racing",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png?_wi=1",
|
||||
imageAlt: "Max Verstappen",
|
||||
},
|
||||
id: "1", name: "Max Verstappen", role: "Red Bull Racing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png", imageAlt: "Max Verstappen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lewis Hamilton",
|
||||
role: "Ferrari",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png?_wi=1",
|
||||
imageAlt: "Lewis Hamilton",
|
||||
},
|
||||
id: "2", name: "Lewis Hamilton", role: "Ferrari", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png", imageAlt: "Lewis Hamilton"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charles Leclerc",
|
||||
role: "Ferrari",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-portrait-i-1772874859441-7382325c.png?_wi=1",
|
||||
imageAlt: "Charles Leclerc",
|
||||
},
|
||||
id: "3", name: "Charles Leclerc", role: "Ferrari", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-portrait-i-1772874859441-7382325c.png", imageAlt: "Charles Leclerc"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lando Norris",
|
||||
role: "McLaren Racing",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-photograph-1772874859927-8b33a693.png?_wi=1",
|
||||
imageAlt: "Lando Norris",
|
||||
},
|
||||
id: "4", name: "Lando Norris", role: "McLaren Racing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-photograph-1772874859927-8b33a693.png", imageAlt: "Lando Norris"},
|
||||
{
|
||||
id: "5",
|
||||
name: "George Russell",
|
||||
role: "Mercedes-AMG",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png?_wi=2",
|
||||
imageAlt: "George Russell",
|
||||
},
|
||||
id: "5", name: "George Russell", role: "Mercedes-AMG", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png", imageAlt: "George Russell"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sergio Pérez",
|
||||
role: "Red Bull Racing",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png?_wi=2",
|
||||
imageAlt: "Sergio Pérez",
|
||||
},
|
||||
id: "6", name: "Sergio Pérez", role: "Red Bull Racing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png", imageAlt: "Sergio Pérez"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -433,41 +258,115 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Monaco Grand Prix",
|
||||
description: "Historic street circuit through Monte Carlo's prestigious streets. The most glamorous race where precision and bravery collide on narrow barriers and tight corners at breathtaking speeds.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/monaco-grand-prix-racing-circuit-with-ic-1772874860518-666fa32c.png?_wi=2",
|
||||
imageAlt: "Monaco Grand Prix racing circuit",
|
||||
id: "1", title: "Monaco Grand Prix", description: "Historic street circuit through Monte Carlo's prestigious streets. The most glamorous race where precision and bravery collide on narrow barriers and tight corners at breathtaking speeds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/monaco-grand-prix-racing-circuit-with-ic-1772874860518-666fa32c.png", imageAlt: "Monaco Grand Prix racing circuit"},
|
||||
{
|
||||
id: "2", title: "British Grand Prix", description: "Silverstone Circuit iconic home of British motorsport. High-speed sweeping corners and intense racing battles make this one of the most thrilling Formula 1 experiences for drivers and fans alike.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/british-grand-prix-at-silverstone-circui-1772874861622-b46d033f.png", imageAlt: "British Grand Prix at Silverstone Circuit"},
|
||||
{
|
||||
id: "3", title: "Italian Grand Prix", description: "Monza's legendary high-speed circuit near Milan. Known for incredible overtaking, passionate fans, and the iconic Temple of Speed where straight-line racing drama unfolds dramatically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/italian-grand-prix-at-monza-circuit-with-1772874860680-51ca5359.png", imageAlt: "Italian Grand Prix at Monza Circuit"},
|
||||
{
|
||||
id: "4", title: "Japanese Grand Prix", description: "Suzuka's challenging figure-eight layout demands precision and skill. Respect the track as corner precision and technical perfection separate champions from the rest of the field consistently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/japanese-grand-prix-at-suzuka-circuit-wi-1772874860864-d1529a4c.png", imageAlt: "Japanese Grand Prix at Suzuka Circuit"},
|
||||
{
|
||||
id: "5", title: "Abu Dhabi Grand Prix", description: "Yas Marina Circuit's modern facilities and night racing spectacle. This season finale circuit determines world champions with thrilling competitive battles and unexpected championship twists annually.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/abu-dhabi-grand-prix-at-yas-marina-circu-1772874860556-b23dc5db.png", imageAlt: "Abu Dhabi Grand Prix at Yas Marina Circuit"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* History Section */}
|
||||
<div id="history" data-section="history">
|
||||
<SplitAbout
|
||||
title="The History of Formula 1"
|
||||
description="From 1950 to present day, Formula 1 has evolved into the world's most prestigious motorsport championship, showcasing technological innovation, incredible drivers, and unforgettable moments."
|
||||
tag="Racing Heritage"
|
||||
tagIcon={Trophy}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "1950 Debut", description: "Formula 1 starts at Silverstone Circuit in England. Giuseppe Farina wins the first World Championship race, establishing F1 as the ultimate motorsport competition globally.", icon: Flag,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "British Grand Prix",
|
||||
description: "Silverstone Circuit iconic home of British motorsport. High-speed sweeping corners and intense racing battles make this one of the most thrilling Formula 1 experiences for drivers and fans alike.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/british-grand-prix-at-silverstone-circui-1772874861622-b46d033f.png?_wi=1",
|
||||
imageAlt: "British Grand Prix at Silverstone Circuit",
|
||||
title: "Golden Era 1970s-1980s", description: "Legends emerge like Juan Manuel Fangio, Ayrton Senna, and Alain Prost. Iconic teams like Ferrari and McLaren dominate, establishing racing dynasties and rivalry classics.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Italian Grand Prix",
|
||||
description: "Monza's legendary high-speed circuit near Milan. Known for incredible overtaking, passionate fans, and the iconic Temple of Speed where straight-line racing drama unfolds dramatically.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/italian-grand-prix-at-monza-circuit-with-1772874860680-51ca5359.png?_wi=1",
|
||||
imageAlt: "Italian Grand Prix at Monza Circuit",
|
||||
title: "Modern Technology", description: "Hybrid power units, aerodynamic innovation, and electronic systems transform racing. Safety improves dramatically while speeds increase, pushing human and machine limits constantly.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Japanese Grand Prix",
|
||||
description: "Suzuka's challenging figure-eight layout demands precision and skill. Respect the track as corner precision and technical perfection separate champions from the rest of the field consistently.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/japanese-grand-prix-at-suzuka-circuit-wi-1772874860864-d1529a4c.png?_wi=1",
|
||||
imageAlt: "Japanese Grand Prix at Suzuka Circuit",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Abu Dhabi Grand Prix",
|
||||
description: "Yas Marina Circuit's modern facilities and night racing spectacle. This season finale circuit determines world champions with thrilling competitive battles and unexpected championship twists annually.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/abu-dhabi-grand-prix-at-yas-marina-circu-1772874860556-b23dc5db.png?_wi=1",
|
||||
imageAlt: "Abu Dhabi Grand Prix at Yas Marina Circuit",
|
||||
title: "Global Expansion", description: "F1 races spread worldwide from Singapore night races to Abu Dhabi desert circuits. More markets, more diversity, more passionate fans experiencing the pinnacle of motorsport globally.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/modern-formula-1-evolution-showing-advan-1772874860494-05b043c2.png"
|
||||
imageAlt="Modern Formula 1 evolution showing advanced technology"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Media Gallery */}
|
||||
<div id="media" data-section="media">
|
||||
<BlogCardOne
|
||||
title="F1 Media Gallery"
|
||||
description="Immerse yourself in stunning Formula 1 photography, dramatic race moments, pit stop action, and podium celebrations from around the globe's greatest racing circuits."
|
||||
tag="Gallery"
|
||||
tagIcon={ImageIcon}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Pit Stop", title: "Lightning Fast Pit Stop Action", excerpt: "Formula 1 pit crews execute tire changes in mere seconds with military precision and incredible teamwork on the pit lane during intense races.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/formula-1-pit-stop-action-with-pit-crew--1772874860710-700937f5.png", imageAlt: "Formula 1 pit stop action", authorName: "Alex Turner", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859911-8d06ece0.png", date: "March 14, 2025"},
|
||||
{
|
||||
id: "2", category: "Racing", title: "Overtaking Battles", excerpt: "Intense wheel-to-wheel racing moments capture the competitive spirit of Formula 1 drivers fighting for position and glory on challenging circuits globally.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/dramatic-formula-1-overtaking-moment-bet-1772874860475-2a2531c4.png", imageAlt: "Dramatic Formula 1 overtaking", authorName: "Maria Santos", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-portrait-of-a-formula-1-dri-1772874859376-6fcda14c.png", date: "March 13, 2025"},
|
||||
{
|
||||
id: "3", category: "Victory", title: "Podium Celebrations", excerpt: "Champions celebrate their hard-won victories with champagne sprays, national anthems, and emotional moments of glory and achievement on the podium.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/formula-1-driver-celebrating-victory-on--1772874862319-b2177da0.png", imageAlt: "Formula 1 podium celebration", authorName: "Richard Clarke", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-portrait-i-1772874859441-7382325c.png", date: "March 11, 2025"},
|
||||
{
|
||||
id: "4", category: "Behind Scenes", title: "Team Garage Chronicles", excerpt: "Behind the scenes look at F1 teams preparing cars, strategizing races, and executing complex technical operations with precision and engineering excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/red-bull-racing-formula-1-team-logo-with-1772874859977-3f264ba6.png", imageAlt: "Team garage operations", authorName: "Lisa Wang", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abwd04ID95IvWsjALX3fZ1yci8/professional-formula-1-driver-photograph-1772874859927-8b33a693.png", date: "March 9, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Formula 1 FAQ"
|
||||
description="Find answers to common questions about Formula 1 racing, teams, drivers, regulations, and everything you need to know about the sport."
|
||||
tag="Help"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How many teams compete in Formula 1?", content: "Currently, 10 teams compete in Formula 1, each fielding two drivers. These teams include Red Bull Racing, Ferrari, Mercedes-AMG, McLaren, Aston Martin, Alpine, Williams, Haas, Kick Sauber, and Racing Bulls. The grid has remained at 10 teams since 2016."},
|
||||
{
|
||||
id: "2", title: "What is a Grand Prix?", content: "A Grand Prix is a Formula 1 race held on a specific circuit. The term comes from the French word meaning 'Great Prize.' Each season features multiple Grand Prix races held at different circuits around the world, with drivers and teams competing for championship points."},
|
||||
{
|
||||
id: "3", title: "How many races are in a Formula 1 season?", content: "The 2025 Formula 1 season features 24 races across various circuits worldwide. The season typically runs from March to December, with races held on street circuits, permanent racing venues, and temporary courses in different countries."},
|
||||
{
|
||||
id: "4", title: "What is DRS and how does it work?", content: "DRS (Drag Reduction System) is a device on the rear wing that can be opened by drivers following closely behind another car. This reduces drag and aids overtaking. Drivers can use DRS in designated zones when they're within one second of the car ahead, significantly boosting their speed."},
|
||||
{
|
||||
id: "5", title: "How are championship points awarded?", content: "Points are awarded based on finishing position in each race. The top 10 finishers score points: 1st place (25 points), 2nd (18), 3rd (15), 4th (12), 5th (10), 6th (8), 7th (6), 8th (4), 9th (2), and 10th (1). The driver with the most points at season's end becomes World Champion."},
|
||||
{
|
||||
id: "6", title: "What is a pit stop and why are they important?", content: "A pit stop is when a Formula 1 car enters the pit lane during a race to change tires and perform maintenance. Pit stops are crucial for strategy as different tire compounds and conditions require tire changes. Teams aim to complete pit stops in under 3 seconds to minimize time loss."},
|
||||
{
|
||||
id: "7", title: "How fast do Formula 1 cars go?", content: "Formula 1 cars can reach top speeds exceeding 370 km/h (230 mph) on straights. On tight street circuits like Monaco, top speeds are much lower due to numerous corners. Average race speeds typically range from 200-250 km/h depending on the circuit characteristics and conditions."},
|
||||
{
|
||||
id: "8", title: "What are the different tire compounds?", content: "Formula 1 uses three main tire compounds: Soft (red marking, fastest but less durable), Medium (yellow marking, balanced), and Hard (white marking, most durable). Teams strategically choose compounds based on circuit characteristics, weather, and race strategy to maximize performance and longevity."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* CTA Section */}
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Ready to experience the ultimate Formula 1 adventure? Explore team statistics, driver profiles, and legendary circuits worldwide."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Explore Now", href: "teams" },
|
||||
{ text: "View Calendar", href: "calendar" },
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -476,87 +375,51 @@ export default function HomePage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Racing",
|
||||
items: [
|
||||
title: "Racing", items: [
|
||||
{
|
||||
label: "Grand Prix Calendar",
|
||||
href: "calendar",
|
||||
},
|
||||
label: "Grand Prix Calendar", href: "calendar"},
|
||||
{
|
||||
label: "Teams & Drivers",
|
||||
href: "/teams",
|
||||
},
|
||||
label: "Teams & Drivers", href: "/teams"},
|
||||
{
|
||||
label: "Race Results",
|
||||
href: "#",
|
||||
},
|
||||
label: "Race Results", href: "#"},
|
||||
{
|
||||
label: "Championships",
|
||||
href: "history",
|
||||
},
|
||||
label: "Championships", href: "history"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Content",
|
||||
items: [
|
||||
title: "Content", items: [
|
||||
{
|
||||
label: "Latest News",
|
||||
href: "#",
|
||||
},
|
||||
label: "Latest News", href: "#"},
|
||||
{
|
||||
label: "F1 History",
|
||||
href: "history",
|
||||
},
|
||||
label: "F1 History", href: "history"},
|
||||
{
|
||||
label: "Media Gallery",
|
||||
href: "media",
|
||||
},
|
||||
label: "Media Gallery", href: "media"},
|
||||
{
|
||||
label: "Videos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Videos", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Forum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Forum", href: "#"},
|
||||
{
|
||||
label: "Fan Clubs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fan Clubs", href: "#"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
{
|
||||
label: "Merchandise",
|
||||
href: "#",
|
||||
},
|
||||
label: "Merchandise", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Sitemap",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sitemap", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user