210 lines
15 KiB
TypeScript
210 lines
15 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, Bolt, Facebook, Gauge, Instagram, Lightbulb, Mail, Newspaper, Quote, Rocket, Settings, Sparkles, Target, TrendingUp, Trophy, Twitter, Users, Youtube, Zap } from 'lucide-react';
|
|
|
|
export default function SitePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[{name: 'About', id: 'about'}, {name: 'Team', id: 'team'}, {name: 'Metrics', id: 'metrics'}, {name: 'News', id: 'news'}, {name: 'Contact', id: 'contact'}]}
|
|
brandName="AUDI F1"
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="AUDI F1"
|
|
description="Engineering Victory: Precision, Performance, Passion on the Track."
|
|
buttons={[{text: 'Discover Our Legacy', href: '#about'}, {text: 'Meet the Team', href: '#team'}]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1117.jpg"
|
|
imageAlt="Audi F1 car on a race track with dynamic motion blur"
|
|
showDimOverlay={true}
|
|
ariaLabel="Hero section: Audi F1 car in action"
|
|
className="py-0"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Mission"
|
|
title="Driving Innovation and Performance to Conquer the Formula 1 Circuit."
|
|
buttons={[{text: 'Learn More About Us', href: '#history'}]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Audi F1 Team"
|
|
className="py-20"
|
|
titleClassName="leading-tight"
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
features={[
|
|
{icon: Lightbulb, title: 'Aerodynamic Mastery', description: 'Pioneering cutting-edge designs for unparalleled downforce and efficiency on every circuit.'},
|
|
{icon: Gauge, title: 'Powertrain Excellence', description: 'Developing high-performance hybrid engines that deliver maximum power and reliability.'},
|
|
{icon: Zap, title: 'Advanced Materials', description: 'Utilizing lightweight composites and innovative structures for optimal strength and speed.'},
|
|
{icon: Settings, title: 'Data-Driven Strategy', description: 'Leveraging real-time analytics and simulation for precise race management and continuous improvement.'},
|
|
{icon: Trophy, title: 'Championship Mindset', description: 'Fostering a culture of relentless pursuit of victory, from the factory floor to the finish line.'},
|
|
{icon: Sparkles, title: 'Sustainable Innovation', description: 'Integrating eco-friendly practices and technologies for a greener future in motorsport.'}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Engineering Victory: The Core of Our Performance"
|
|
description="Explore the key technological pillars and strategic approaches that define the AUDI F1 team's relentless pursuit of excellence."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Innovation"
|
|
tagIcon={Rocket}
|
|
ariaLabel="Features of Audi F1 team engineering"
|
|
/>
|
|
</div>
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
metrics={[
|
|
{id: '1', value: '300+', title: 'Engineers', description: 'Dedicated to pushing the boundaries of F1 technology.', icon: Users},
|
|
{id: '2', value: '10000+', title: 'Laps Tested', description: 'Rigorous testing ensuring peak performance and reliability.', icon: Target},
|
|
{id: '3', value: '95', title: '% Efficiency', description: 'Optimized aerodynamic and powertrain systems for maximum output.', icon: Bolt},
|
|
{id: '4', value: '50+', title: 'Podiums', description: 'Celebrating a proud history of top-tier finishes and victories.', icon: Award}
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
title="Our Impact on the Track"
|
|
description="Witness the impressive statistics that underscore AUDI's formidable presence in Formula 1."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Stats"
|
|
tagIcon={TrendingUp}
|
|
ariaLabel="Audi F1 team key metrics"
|
|
/>
|
|
</div>
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
members={[
|
|
{id: '1', name: 'Marcus Richter', role: 'Team Principal', imageSrc: 'https://img.b2bpic.net/free-photo/handsome-man-women-mechanics-autoservice-posing_7502-4436.jpg', imageAlt: 'Portrait of Marcus Richter, Team Principal'},
|
|
{id: '2', name: 'Lena Schmidt', role: 'Chief Aerodynamicist', imageSrc: 'https://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg', imageAlt: 'Portrait of Lena Schmidt, Chief Aerodynamicist'},
|
|
{id: '3', name: 'Dr. Klaus Weber', role: 'Head of Powertrain', imageSrc: 'https://img.b2bpic.net/free-photo/young-car-repairman-talking-with-his-coworker-while-checking-engine-performance-with-diagnostic-tools-auto-repair-shop_637285-4277.jpg', imageAlt: 'Portrait of Dr. Klaus Weber, Head of Powertrain'},
|
|
{id: '4', name: 'Dr. Anya Sharma', role: 'Lead Race Strategist', imageSrc: 'https://img.b2bpic.net/free-photo/factory-management-industrial-facility-looking-data-mockup-laptop_482257-126905.jpg', imageAlt: 'Portrait of Dr. Anya Sharma, Lead Race Strategist'}
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
title="Meet Our Constructors Team"
|
|
description="The brilliant minds and dedicated individuals driving AUDI's success in Formula 1."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Team"
|
|
tagIcon={Users}
|
|
ariaLabel="Audi F1 team members"
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
testimonials={[
|
|
{id: '1', name: 'Carlos Sainz', role: 'F1 Driver', testimonial: 'The engineering prowess behind the AUDI F1 car is simply astounding. Every detail is meticulously crafted for peak performance.', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg', imageAlt: 'Portrait of F1 Driver Carlos Sainz'},
|
|
{id: '2', name: 'Lando Norris', role: 'F1 Driver', testimonial: "Driving an AUDI F1 machine gives you an unmatched sense of precision and power. It's a true masterpiece of engineering.", imageSrc: 'https://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg', imageAlt: 'Portrait of F1 Driver Lando Norris'},
|
|
{id: '3', name: 'Max Verstappen', role: 'F1 Driver', testimonial: "The team's dedication to innovation and constant improvement is evident in every race. They build winning cars.", imageSrc: 'https://img.b2bpic.net/free-photo/dirt-bike-rider-with-his-motorcycle-racing-circuits-adventure_23-2151482742.jpg', imageAlt: 'Portrait of F1 Driver Max Verstappen'},
|
|
{id: '4', name: 'Lewis Hamilton', role: 'F1 Driver', testimonial: 'The reliability and speed of the AUDI F1 powertrain are exceptional. It allows us to push the limits on track.', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-victorious-male-racing-car-pilot_23-2150923101.jpg', imageAlt: 'Portrait of F1 Driver Lewis Hamilton'},
|
|
{id: '5', name: 'Charles Leclerc', role: 'F1 Driver', testimonial: 'Being part of a team with such a strong engineering backbone provides immense confidence in every corner.', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg', imageAlt: 'Portrait of F1 Driver Charles Leclerc'},
|
|
{id: '6', name: 'George Russell', role: 'F1 Driver', testimonial: 'The strategic insights and rapid development cycles from the AUDI F1 team are world-class, making a real difference.', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg', imageAlt: 'Portrait of F1 Driver George Russell'}
|
|
]}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-90"
|
|
animationType="slide-up"
|
|
title="What Our Drivers Say"
|
|
description="Hear directly from the top drivers on what makes the AUDI F1 car a force to be reckoned with."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Voices from the Track"
|
|
tagIcon={Quote}
|
|
ariaLabel="Testimonials from F1 drivers"
|
|
/>
|
|
</div>
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
blogs={[
|
|
{id: '1', category: 'Race Analysis', title: 'Unpacking the Monaco Grand Prix Strategy', excerpt: 'A deep dive into the strategic decisions that defined our performance in Monaco.', imageSrc: 'https://img.b2bpic.net/free-photo/vertical-shot-two-men-riding-motorcycles_181624-21877.jpg', imageAlt: 'F1 race analysis on a monitor', authorName: 'AUDI F1 Team', authorAvatar: '/placeholders/avatar.webp', date: 'October 26, 2024'},
|
|
{id: '2', category: 'Tech Deep Dive', title: 'The Future of F1 Aerodynamics at Audi', excerpt: 'Exploring the cutting-edge aerodynamic innovations shaping our next generation cars.', imageSrc: 'https://img.b2bpic.net/free-photo/close-up-astronaut-pressing-wrist-device-emergency-red-lighting-confirm-alert_482257-132555.jpg', imageAlt: 'Close up of F1 car aerodynamic components', authorName: 'AUDI F1 Team', authorAvatar: '/placeholders/avatar.webp', date: 'October 22, 2024'},
|
|
{id: '3', category: 'Team Spotlight', title: 'Behind the Scenes: A Day with Our Pit Crew', excerpt: 'An exclusive look into the high-pressure, precision world of the AUDI F1 pit crew.', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-victorious-male-racing-car-pilot_23-2150923101.jpg', imageAlt: 'F1 pit crew in action during a race', authorName: 'AUDI F1 Team', authorAvatar: '/placeholders/avatar.webp', date: 'October 18, 2024'}
|
|
]}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-[500px]"
|
|
animationType="slide-up"
|
|
title="Latest from the Paddock"
|
|
description="Stay updated with the latest news, insights, and behind-the-scenes stories from the AUDI F1 team."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="News"
|
|
tagIcon={Newspaper}
|
|
ariaLabel="Latest news and blog posts"
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={['Michelin', 'SAP', 'Shell', 'Bose', 'Pirelli', 'Akrapovič', 'Castrol']}
|
|
logos={['https://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149460684.jpg', 'https://img.b2bpic.net/free-vector/gradient-technology-logo_52683-8563.jpg', 'https://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo-template_23-2149998842.jpg', 'https://img.b2bpic.net/free-vector/gradient-biofuel-logo-template_23-2149407806.jpg', 'https://img.b2bpic.net/free-vector/retro-crossfit-stickers-set_23-2147620186.jpg', 'https://img.b2bpic.net/free-vector/bank-finance-labels-collection_23-2149720456.jpg', 'https://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148157717.jpg']}
|
|
title="Our Esteemed Partners"
|
|
description="Collaborating with industry leaders to drive innovation and achieve unparalleled success in Formula 1."
|
|
tag="Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
ariaLabel="Partnership logos for Audi F1 team"
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contact Us"
|
|
title="Join the AUDI F1 Journey"
|
|
description="Stay connected with the team, get exclusive updates, and be the first to know about our next victory."
|
|
tagIcon={Mail}
|
|
background={{variant: 'sparkles-gradient'}}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-car-repairman-talking-with-his-coworker-while-checking-engine-performance-with-diagnostic-tools-auto-repair-shop_637285-4277.jpg"
|
|
videoAriaLabel="F1 pit stop in action"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive updates from the AUDI F1 team."
|
|
onSubmit={(email) => console.log(`Subscribed with: ${email}`)}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AUDI F1"
|
|
copyrightText="© 2025 AUDI F1 Team. All rights reserved."
|
|
socialLinks={[
|
|
{icon: Twitter, href: 'https://twitter.com/audisport', ariaLabel: 'Twitter'},
|
|
{icon: Instagram, href: 'https://www.instagram.com/audisport', ariaLabel: 'Instagram'},
|
|
{icon: Youtube, href: 'https://www.youtube.com/audisport', ariaLabel: 'YouTube'},
|
|
{icon: Facebook, href: 'https://www.facebook.com/audisport', ariaLabel: 'Facebook'}
|
|
]}
|
|
ariaLabel="Audi F1 team site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|