Merge version_1_1781679982145 into main #1
@@ -7,107 +7,37 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Technology",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Team",
|
||||
"href": "#team"
|
||||
},
|
||||
{
|
||||
"name": "Contact",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Social Proof",
|
||||
"href": "#social-proof"
|
||||
}
|
||||
];
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Technology", href: "#features" },
|
||||
{ name: "Team", href: "#team" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="magnetic" siteBackground="floatingGradient" heroBackground="gradientBars">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="TDSR"
|
||||
ctaButton={{
|
||||
text: "Support Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="TDSR"
|
||||
logoImageSrc="http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024928.jpg"
|
||||
ctaButton={{ text: "Support Us", href: "#contact" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimpleCard
|
||||
brand="Top Dutch Solar Racing"
|
||||
columns={[
|
||||
{
|
||||
title: "Team",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "The Car",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Media",
|
||||
items: [
|
||||
{
|
||||
label: "Press Releases",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Top Dutch Solar Racing. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
brand="Top Dutch Solar Racing"
|
||||
columns={[
|
||||
{ title: "Team", items: [{ label: "About Us", href: "#about" }, { label: "The Car", href: "#features" }] },
|
||||
{ title: "Media", items: [{ label: "Press Releases", href: "#" }, { label: "Gallery", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyright="© 2024 Top Dutch Solar Racing. All rights reserved."
|
||||
links={[{ label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -13,275 +13,128 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlayMarquee
|
||||
tag="Innovation & Speed"
|
||||
title="Top Dutch Solar Racing"
|
||||
description="Building the most efficient solar-powered race cars to push the boundaries of sustainable technology and racing performance."
|
||||
primaryButton={{
|
||||
text: "Our Mission",
|
||||
href: "#about",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Aerodynamic Innovation",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
text: "Solar Technology",
|
||||
icon: Sun,
|
||||
},
|
||||
{
|
||||
text: "Racing Precision",
|
||||
icon: Gauge,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674311.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Innovation & Speed"
|
||||
title="Top Dutch Solar Racing"
|
||||
description="Building the most efficient solar-powered race cars to push the boundaries of sustainable technology and racing performance."
|
||||
primaryButton={{ text: "Our Mission", href: "#about" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
items={[
|
||||
{ text: "Aerodynamic Innovation", icon: Zap },
|
||||
{ text: "Solar Technology", icon: Sun },
|
||||
{ text: "Racing Precision", icon: Gauge }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674311.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="We are a diverse team of students striving for the future of green mobility through engineering excellence and constant innovation on the track."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="We are a diverse team of students striving for the future of green mobility through engineering excellence and constant innovation on the track."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCards
|
||||
tag="Our Expertise"
|
||||
title="Core Engineering Focus"
|
||||
description="Technological pillars that drive our race car development."
|
||||
items={[
|
||||
{
|
||||
title: "Solar Array Efficiency",
|
||||
description: "Optimizing energy capture with advanced photovoltaic cells and tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parked-electric-car-with-windmill_1268-20538.jpg",
|
||||
},
|
||||
{
|
||||
title: "Aerodynamics & Structure",
|
||||
description: "Ultra-lightweight materials to reduce drag and maximize speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-looking-robot_1268-23404.jpg",
|
||||
},
|
||||
{
|
||||
title: "Telemetric Analysis",
|
||||
description: "Real-time performance insights to optimize every aspect of the race.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918928.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Core Engineering Focus"
|
||||
description="Technological pillars that drive our race car development."
|
||||
items={[
|
||||
{ title: "Solar Array Efficiency", description: "Optimizing energy capture with advanced photovoltaic cells and tracking.", imageSrc: "http://img.b2bpic.net/free-photo/parked-electric-car-with-windmill_1268-20538.jpg" },
|
||||
{ title: "Aerodynamics & Structure", description: "Ultra-lightweight materials to reduce drag and maximize speed.", imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-looking-robot_1268-23404.jpg" },
|
||||
{ title: "Telemetric Analysis", description: "Real-time performance insights to optimize every aspect of the race.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918928.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Performance Stats"
|
||||
title="Record Breaking Metrics"
|
||||
description="Key achievements driven by our design."
|
||||
metrics={[
|
||||
{
|
||||
value: "98%",
|
||||
title: "Solar Efficiency",
|
||||
features: [
|
||||
"Advanced cell tech",
|
||||
"Max output",
|
||||
"Minimal loss",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "150km/h",
|
||||
title: "Top Speed",
|
||||
features: [
|
||||
"Aerodynamic shape",
|
||||
"Weight reduction",
|
||||
"Power efficiency",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "3000km",
|
||||
title: "Range Capacity",
|
||||
features: [
|
||||
"Efficient battery",
|
||||
"Constant supply",
|
||||
"Endurance tests",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance Stats"
|
||||
title="Record Breaking Metrics"
|
||||
description="Key achievements driven by our design."
|
||||
metrics={[
|
||||
{ value: "98%", title: "Solar Efficiency", features: ["Advanced cell tech", "Max output", "Minimal loss"] },
|
||||
{ value: "150km/h", title: "Top Speed", features: ["Aerodynamic shape", "Weight reduction", "Power efficiency"] },
|
||||
{ value: "3000km", title: "Range Capacity", features: ["Efficient battery", "Constant supply", "Endurance tests"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamDetailedCards
|
||||
tag="Meet the Team"
|
||||
title="The Minds Behind the Machine"
|
||||
description="Passionate students and engineers dedicated to sustainability."
|
||||
members={[
|
||||
{
|
||||
name: "Thijs Van Dam",
|
||||
role: "Team Captain",
|
||||
description: "Guiding our vision and engineering processes to victory.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Linkedin,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-business-team-standing-row_1262-3845.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie Dekker",
|
||||
role: "Head of Aerodynamics",
|
||||
description: "Refining every curve to minimize drag and optimize airflow.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Linkedin,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-t-shirt-jacket-looking-confident-front-view_176474-85508.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Janssen",
|
||||
role: "Lead Systems Engineer",
|
||||
description: "Managing the core electrical systems and solar energy capture.",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Linkedin,
|
||||
url: "#",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-coworkers-working-computer-office_329181-20147.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet the Team"
|
||||
title="The Minds Behind the Machine"
|
||||
description="Passionate students and engineers dedicated to sustainability."
|
||||
members={[
|
||||
{ name: "Thijs Van Dam", role: "Team Captain", description: "Guiding our vision and engineering processes to victory.", socialLinks: [{ icon: "Linkedin", url: "#" }], imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-business-team-standing-row_1262-3845.jpg" },
|
||||
{ name: "Sophie Dekker", role: "Head of Aerodynamics", description: "Refining every curve to minimize drag and optimize airflow.", socialLinks: [{ icon: "Linkedin", url: "#" }], imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-t-shirt-jacket-looking-confident-front-view_176474-85508.jpg" },
|
||||
{ name: "Mark Janssen", role: "Lead Systems Engineer", description: "Managing the core electrical systems and solar energy capture.", socialLinks: [{ icon: "Linkedin", url: "#" }], imageSrc: "http://img.b2bpic.net/free-photo/young-coworkers-working-computer-office_329181-20147.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Partners"
|
||||
title="Supported by Industry Leaders"
|
||||
names={[
|
||||
"University of Groningen",
|
||||
"TechCorp",
|
||||
"SolarSolutions",
|
||||
"Aerotech",
|
||||
"GreenEnergy Co",
|
||||
"Global Transport",
|
||||
"Community Impact",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Partners"
|
||||
title="Supported by Industry Leaders"
|
||||
names={["University of Groningen", "TechCorp", "SolarSolutions", "Aerotech", "GreenEnergy Co", "Global Transport", "Community Impact"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Testimonials"
|
||||
title="Voices from our Partners"
|
||||
description="What our supporters and mentors say about our work."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Industry Partner",
|
||||
quote: "Their dedication to sustainable racing is truly inspiring and world-class.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-female-remote-worker-holds-notepad-pen-writes-down-notes-planner-going-make-project-strolls-outside-wears-green-jumper-looks-away_273609-55350.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Hendrik Veen",
|
||||
role: "Academic Mentor",
|
||||
quote: "The engineering depth demonstrated here is exceptional for a student team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lars Bakker",
|
||||
role: "Former Team Member",
|
||||
quote: "Being part of this team changed my entire career perspective.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-standing-with-closed-posture-profile-view-looking-camera-isolated-green-background-with-copy-space_141793-82317.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
role: "Sponsor Rep",
|
||||
quote: "We are proud to back a team that shapes the future of mobility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg",
|
||||
},
|
||||
{
|
||||
name: "Koen de Vries",
|
||||
role: "Technical Advisor",
|
||||
quote: "I have not seen such rigorous testing and commitment to efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-development-scientist-laboratory_482257-10502.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Voices from our Partners"
|
||||
description="What our supporters and mentors say about our work."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", role: "Industry Partner", quote: "Their dedication to sustainable racing is truly inspiring and world-class.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-female-remote-worker-holds-notepad-pen-writes-down-notes-planner-going-make-project-strolls-outside-wears-green-jumper-looks-away_273609-55350.jpg" },
|
||||
{ name: "Dr. Hendrik Veen", role: "Academic Mentor", quote: "The engineering depth demonstrated here is exceptional for a student team.", imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg" },
|
||||
{ name: "Lars Bakker", role: "Former Team Member", quote: "Being part of this team changed my entire career perspective.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-standing-with-closed-posture-profile-view-looking-camera-isolated-green-background-with-copy-space_141793-82317.jpg" },
|
||||
{ name: "Elena Rossi", role: "Sponsor Rep", quote: "We are proud to back a team that shapes the future of mobility.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg" },
|
||||
{ name: "Koen de Vries", role: "Technical Advisor", quote: "I have not seen such rigorous testing and commitment to efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-development-scientist-laboratory_482257-10502.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Learn more about our racing journey."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What is the team's mission?",
|
||||
answer: "To accelerate green mobility via sustainable engineering.",
|
||||
},
|
||||
{
|
||||
question: "Where can we follow the races?",
|
||||
answer: "Follow our social media channels for real-time race updates.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Technology",
|
||||
items: [
|
||||
{
|
||||
question: "How do you charge the car?",
|
||||
answer: "Our high-efficiency solar cells generate power during the race.",
|
||||
},
|
||||
{
|
||||
question: "How long does a charge last?",
|
||||
answer: "It depends on solar irradiance, but our tech is built for endurance.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Learn more about our racing journey."
|
||||
categories={[
|
||||
{ name: "General", items: [{ question: "What is the team's mission?", answer: "To accelerate green mobility via sustainable engineering."}, { question: "Where can we follow the races?", answer: "Follow our social media channels for real-time race updates."}] },
|
||||
{ name: "Technology", items: [{ question: "How do you charge the car?", answer: "Our high-efficiency solar cells generate power during the race."}, { question: "How long does a charge last?", answer: "It depends on solar irradiance, but our tech is built for endurance."}] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Are you interested in partnering with us or have inquiries? We'd love to hear from you."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@topdutchsolarracing.nl",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Team",
|
||||
href: "#team",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Are you interested in partnering with us or have inquiries? We'd love to hear from you."
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:info@topdutchsolarracing.nl" }}
|
||||
secondaryButton={{ text: "View Team", href: "#team" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user