diff --git a/src/app/page.tsx b/src/app/page.tsx index 9db322d..370c4f9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,6 +12,10 @@ import TeamCardFive from '@/components/sections/team/TeamCardFive'; import { Activity, Gauge, Shield, Target, Zap } from "lucide-react"; export default function LandingPage() { + const handleAction = () => { + console.log("Button clicked"); + }; + return ( @@ -50,17 +50,13 @@ export default function LandingPage() { imageAlt="F1 car in cinematic lighting" showDimOverlay={true} showBlur={true} + buttons={[{ text: "Explore Now", onClick: handleAction }]} avatars={[ - { - src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 1"}, - { - src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 2"}, - { - src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 3"}, - { - src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 4"}, - { - src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 5"}, + { src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 1" }, + { src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 2" }, + { src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 3" }, + { src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 4" }, + { src: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg", alt: "Driver 5" }, ]} avatarText="Join 50,000+ elite fans" /> @@ -72,21 +68,11 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} features={[ - { - icon: Zap, - title: "Live Lap Times", description: "Precision timing for every driver on the grid."}, - { - icon: Shield, - title: "Tire Telemetry", description: "Track compound wear and grip status in real-time."}, - { - icon: Target, - title: "DRS Zones", description: "Monitor overtaking opportunities across the circuit."}, - { - icon: Gauge, - title: "Engine Mapping", description: "Advanced power unit analytics for every lap."}, - { - icon: Activity, - title: "Downforce Metrics", description: "Aerodynamic efficiency tracking for high-speed corners."}, + { icon: Zap, title: "Live Lap Times", description: "Precision timing for every driver on the grid." }, + { icon: Shield, title: "Tire Telemetry", description: "Track compound wear and grip status in real-time." }, + { icon: Target, title: "DRS Zones", description: "Monitor overtaking opportunities across the circuit." }, + { icon: Gauge, title: "Engine Mapping", description: "Advanced power unit analytics for every lap." }, + { icon: Activity, title: "Downforce Metrics", description: "Aerodynamic efficiency tracking for high-speed corners." }, ]} title="Real-Time Telemetry" description="Access live race data, driver performance tracking, and mechanical insights powered by high-speed APIs." @@ -99,16 +85,11 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} team={[ - { - id: "d1", name: "Lewis Hamilton", role: "7x World Champion", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=1"}, - { - id: "d2", name: "Max Verstappen", role: "Defending Champion", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=2"}, - { - id: "d3", name: "Charles Leclerc", role: "Ferrari Specialist", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=3"}, - { - id: "d4", name: "Lando Norris", role: "Rising Star", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=4"}, - { - id: "d5", name: "George Russell", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=5"}, + { id: "d1", name: "Lewis Hamilton", role: "7x World Champion", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=1" }, + { id: "d2", name: "Max Verstappen", role: "Defending Champion", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=2" }, + { id: "d3", name: "Charles Leclerc", role: "Ferrari Specialist", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=3" }, + { id: "d4", name: "Lando Norris", role: "Rising Star", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=4" }, + { id: "d5", name: "George Russell", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg?_wi=5" }, ]} title="Grid Leaders" description="Profiles of the world's fastest drivers and their championship trajectory." @@ -120,32 +101,26 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} faqs={[ - { - id: "r1", title: "Next Race: Bahrain", content: "The season opener begins in 3 days."}, - { - id: "r2", title: "Upcoming: Jeddah", content: "Follow the street circuit challenge next week."}, - { - id: "r3", title: "Australia Grand Prix", content: "Mark your calendars for the iconic Albert Park."}, - { - id: "r4", title: "Suzuka Circuit", content: "The legendary Japanese GP awaits in April."}, - { - id: "r5", title: "Monaco Grand Prix", content: "The crown jewel of Formula 1 racing happens in May."}, + { id: "r1", title: "Next Race: Bahrain", content: "The season opener begins in 3 days." }, + { id: "r2", title: "Upcoming: Jeddah", content: "Follow the street circuit challenge next week." }, + { id: "r3", title: "Australia Grand Prix", content: "Mark your calendars for the iconic Albert Park." }, + { id: "r4", title: "Suzuka Circuit", content: "The legendary Japanese GP awaits in April." }, + { id: "r5", title: "Monaco Grand Prix", content: "The crown jewel of Formula 1 racing happens in May." }, ]} title="Race Calendar" description="Stay ahead of every Grand Prix with our live-updating race schedule." faqsAnimation="slide-up" + buttons={[{ text: "View Full Calendar", onClick: handleAction }]} />
@@ -155,20 +130,15 @@ export default function LandingPage() { columns={[ { title: "Resources", items: [ - { - label: "Telemetry", href: "#features"}, - { - label: "Calendar", href: "#faq"}, - { - label: "Drivers", href: "#team"}, + { label: "Telemetry", href: "#features" }, + { label: "Calendar", href: "#faq" }, + { label: "Drivers", href: "#team" }, ], }, { title: "Legal", items: [ - { - label: "Terms of Service", href: "#"}, - { - label: "Privacy Policy", href: "#"}, + { label: "Terms of Service", href: "#", onClick: handleAction }, + { label: "Privacy Policy", href: "#", onClick: handleAction }, ], }, ]}