427 lines
20 KiB
TypeScript
427 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { AlertCircle, Award, Bike, Facebook, HelpCircle, Instagram, Sparkles, Star, Twitter, Youtube } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import FeatureCardEighteen from "@/components/sections/feature/FeatureCardEighteen";
|
|
import TestimonialCardEleven from "@/components/sections/testimonial/TestimonialCardEleven";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseSocial from "@/components/sections/footer/FooterBaseSocial";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="dotGrid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BULLS"
|
|
navItems={[
|
|
{ name: "Models", id: "models" },
|
|
{ name: "Why BULLS", id: "why-bulls" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Choose Your Bike",
|
|
href: "models"
|
|
}}
|
|
className="fixed top-6 left-1/2 -translate-x-1/2 z-50"
|
|
navItemClassName="font-medium text-sm uppercase tracking-wide"
|
|
buttonClassName="px-6 py-2.5 text-sm font-semibold"
|
|
buttonTextClassName="tracking-wide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Engineered for Speed. Built for Control."
|
|
description="Precision-engineered BULLS bikes designed for riders who demand performance on every terrain. Race-tested German engineering meets premium components."
|
|
tag="LIMITED STOCK AVAILABLE"
|
|
tagIcon={AlertCircle}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg"
|
|
imageAlt="Premium BULLS mountain bike in action"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Choose Your Bike", href: "models" },
|
|
{ text: "Learn More", href: "why-bulls" }
|
|
]}
|
|
className="relative pt-20"
|
|
titleClassName="text-6xl lg:text-7xl font-bold tracking-tight"
|
|
descriptionClassName="text-xl lg:text-2xl text-foreground/85 font-light"
|
|
tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-primary-cta text-white rounded-full text-sm font-semibold tracking-wide"
|
|
buttonContainerClassName="flex gap-4 mt-8"
|
|
buttonClassName="px-8 py-3 text-base font-bold uppercase tracking-wide"
|
|
mediaWrapperClassName="relative overflow-hidden rounded-2xl shadow-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-bar" data-section="trust-bar">
|
|
<MetricCardTwo
|
|
title="Trusted by Riders Worldwide"
|
|
description="Join thousands of cyclists who trust BULLS for uncompromising performance"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "★★★★★",
|
|
description: "4.9/5 from 5,000+ Riders"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "30 Years",
|
|
description: "German Engineering Excellence"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "100+",
|
|
description: "Pro Race Wins & Podiums"
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "3-5 Days",
|
|
description: "Fast Delivery Guarantee"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="models" data-section="models">
|
|
<ProductCardThree
|
|
title="Choose Your Bike Model"
|
|
description="Select the perfect BULLS bike for your riding style. Each model is precision-engineered for maximum performance in its category."
|
|
tag="2025 Collection"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Hardtail MTB Pro",
|
|
price: "€1,899",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549005887-7e16q4am.jpg",
|
|
imageAlt: "BULLS Hardtail MTB Pro - Lightweight trail bike"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Full-Suspension Enduro",
|
|
price: "€2,599",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549027687-bhw0xc8w.jpg",
|
|
imageAlt: "BULLS Full-Suspension Enduro - Advanced suspension system"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Gravel Master",
|
|
price: "€1,499",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549074788-73h6ot0u.jpg",
|
|
imageAlt: "BULLS Gravel Master - Versatile all-terrain bike"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Carbon Road Racer",
|
|
price: "€2,299",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549075018-7yom2i2o.jpg",
|
|
imageAlt: "BULLS Carbon Road Racer - Lightweight speed machine"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "e-MTB Power",
|
|
price: "€3,299",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549075390-z8ol9a3y.jpg",
|
|
imageAlt: "BULLS e-MTB Power - Electric mountain bike with advanced motor"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "e-Gravel Urban",
|
|
price: "€2,899",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549074788-73h6ot0u.jpg",
|
|
imageAlt: "BULLS e-Gravel Urban - Electric adventure bike"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
titleClassName="text-5xl font-bold tracking-tight"
|
|
descriptionClassName="text-xl text-foreground/80"
|
|
cardNameClassName="font-bold text-lg mt-3"
|
|
buttonClassName="w-full mt-4 py-3 font-semibold"
|
|
quantityControlsClassName="flex items-center gap-3 mt-4 mb-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-bulls" data-section="why-bulls">
|
|
<FeatureCardEighteen
|
|
title="Why BULLS"
|
|
description="Experience the difference precision engineering makes. BULLS combines German craftsmanship with cutting-edge technology."
|
|
tag="Premium Quality"
|
|
tagIcon={Award}
|
|
negativeCard={{
|
|
title: "Standard Bikes",
|
|
items: [
|
|
"Generic frame geometry",
|
|
"Budget component selection",
|
|
"Limited suspension tuning",
|
|
"Inconsistent quality control",
|
|
"Poor resale value"
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549077966-huuv9706.jpg",
|
|
imageAlt: "Generic bicycle frame"
|
|
}}
|
|
positiveCard={{
|
|
title: "BULLS Performance Bikes",
|
|
items: [
|
|
"Race-tested frame geometry",
|
|
"Premium component integration",
|
|
"Advanced suspension tuning",
|
|
"Rigorous quality assurance",
|
|
"Strong resale & trade-in value"
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549027421-71mdy4n5.jpg",
|
|
imageAlt: "BULLS premium bike engineering"
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
titleClassName="text-5xl font-bold"
|
|
descriptionClassName="text-xl text-foreground/75"
|
|
cardClassName="border border-accent rounded-2xl p-6 lg:p-8"
|
|
cardTitleClassName="text-2xl font-bold mb-6"
|
|
itemClassName="flex items-start gap-3 mb-4"
|
|
itemIconClassName="w-6 h-6 mt-0.5 flex-shrink-0 text-primary-cta"
|
|
itemTextClassName="font-medium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEleven
|
|
title="Trusted by Riders Worldwide"
|
|
description="See what real BULLS riders have to say about their bikes."
|
|
tag="5,000+ Happy Customers"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
nameTitle: "Marcus Weber, MTB Racer",
|
|
quote: "The frame geometry is absolutely dialed. I've shaved 2 minutes off my best lap time. BULLS engineering is unmatched.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548952140-52rh47rw.jpg",
|
|
imageAlt: "Marcus Weber, professional mountain bike racer"
|
|
},
|
|
{
|
|
id: "2",
|
|
nameTitle: "Elena Rodriguez, Gravel Explorer",
|
|
quote: "Built for adventure. Took mine across the Alps and it handled everything perfectly. Truly premium quality.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549076243-mw6tbjcg.jpg",
|
|
imageAlt: "Elena Rodriguez, gravel adventure cyclist"
|
|
},
|
|
{
|
|
id: "3",
|
|
nameTitle: "David Thompson, Weekend Rider",
|
|
quote: "Worth every euro. The ride quality and build are exceptional. Best bike investment I've ever made.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549076703-v1rvr3ql.jpg",
|
|
imageAlt: "David Thompson, weekend cyclist"
|
|
},
|
|
{
|
|
id: "4",
|
|
nameTitle: "Sophie Köhn, Pro Endurance",
|
|
quote: "I trust BULLS with every race. The suspension performance is incredible and reliability never wavers.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974518-lkm6ezjk.jpg",
|
|
imageAlt: "Sophie Köhn, professional endurance cyclist"
|
|
},
|
|
{
|
|
id: "5",
|
|
nameTitle: "James Chen, Urban Commuter",
|
|
quote: "The e-bike version changed my life. Silent, powerful, and the battery lasts forever. German precision at its finest.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549077131-k9xkuhxk.jpg",
|
|
imageAlt: "James Chen, urban e-bike commuter"
|
|
},
|
|
{
|
|
id: "6",
|
|
nameTitle: "Lisa Bergström, Trail Enthusiast",
|
|
quote: "The control and stability are unlike anything I've ridden. BULLS clearly invests in every detail.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549077438-j3f9mob0.jpg",
|
|
imageAlt: "Lisa Bergström, trail riding enthusiast"
|
|
}
|
|
]}
|
|
titleClassName="text-5xl font-bold text-center"
|
|
descriptionClassName="text-xl text-foreground/75 text-center"
|
|
cardQuoteClassName="text-2xl font-light italic text-white"
|
|
cardTitleClassName="text-xl font-semibold text-white"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about BULLS bikes, sizing, warranty, and shipping."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
mediaPosition="left"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548945785-cou8oq65.jpg"
|
|
imageAlt="Bicycle frame geometry guide"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How do I choose the right size?",
|
|
content: "BULLS bikes are available in XS to XL. Use our height-based size chart: under 160cm = XS, 160-170cm = S, 170-180cm = M, 180-190cm = L, over 190cm = XL. For precision fit, visit our partner shops for a professional fitting session."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What's the warranty coverage?",
|
|
content: "All BULLS frames come with a lifetime warranty against manufacturing defects. Components carry a 2-year warranty. Suspension forks and shocks are covered for 5 years. This excludes normal wear and damage from crashes."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I customize my bike?",
|
|
content: "Absolutely. We offer multiple upgrade options for wheels, drivetrain components, and accessories. Contact our sales team for custom build configurations tailored to your riding style."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What's your return policy?",
|
|
content: "30-day money-back guarantee on all bikes. If you're not completely satisfied, return it in original condition for a full refund. We also offer free first service within 3 months of purchase."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "How long does delivery take?",
|
|
content: "Standard delivery: 3-5 business days within Europe. Bikes arrive pre-assembled and quality-tested. Free shipping on all orders. Express delivery (1-2 days) available for €25 surcharge."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Do you offer financing?",
|
|
content: "Yes. Pay from €79/month with Klarna. Zero interest for 12 months on purchases over €500. Also available: 24-month payment plans. Credit check required."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
titleClassName="text-5xl font-bold"
|
|
descriptionClassName="text-xl text-foreground/75"
|
|
accordionTitleClassName="font-bold text-lg"
|
|
accordionContentClassName="text-foreground/80 leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Ride?"
|
|
ctaDescription="Have questions about your perfect bike? Our team is here to help you choose the ideal BULLS model."
|
|
ctaButton={{
|
|
text: "Get Expert Advice",
|
|
href: "https://chat.example.com/bulls"
|
|
}}
|
|
ctaIcon={Bike}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What's the difference between hardtail and full suspension?",
|
|
content: "Hardtail MTBs offer lighter weight, more efficient pedaling, and lower cost—ideal for trail riding and racing. Full-suspension provides comfort on rough terrain, better traction, and superior control on descents—perfect for enduro and technical trails."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Are e-bikes worth the investment?",
|
|
content: "BULLS e-bikes extend your range by 50-80km per charge, tackle climbs effortlessly, and reduce fatigue on long rides. Perfect for commuting or longer adventures. The motor is silent, reliable, and adds only 2-3kg to total weight."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "How often should I service my BULLS bike?",
|
|
content: "Professional service every 12 months or 1,500km—whichever comes first. Between services: clean chain monthly, check brakes and tire pressure before rides, and lubricate drivetrain regularly. First service is free with purchase."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What components do BULLS use?",
|
|
content: "BULLS partners with industry leaders: SRAM drivetrains, Shimano brakes, Fox/RockShox suspension, and Schwalbe tires. All components are selected for durability, performance, and compatibility with BULLS geometry."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
ctaIconClassName="w-8 h-8"
|
|
ctaTitleClassName="text-3xl font-bold"
|
|
ctaDescriptionClassName="text-lg text-foreground/75"
|
|
ctaButtonClassName="mt-6 px-8 py-3 font-bold uppercase tracking-wide"
|
|
accordionTitleClassName="font-bold"
|
|
accordionContentClassName="text-foreground/80"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseSocial
|
|
logoText="BULLS"
|
|
description="Precision-engineered German bicycles for riders who demand performance. Built for speed, control, and endless adventure."
|
|
columns={[
|
|
{
|
|
title: "Models",
|
|
items: [
|
|
{ label: "Hardtail MTB", href: "models" },
|
|
{ label: "Full Suspension", href: "models" },
|
|
{ label: "Gravel Bikes", href: "models" },
|
|
{ label: "Road Bikes", href: "models" },
|
|
{ label: "e-Bikes", href: "models" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "FAQs", href: "faq" },
|
|
{ label: "Warranty Info", href: "faq" },
|
|
{ label: "Returns & Shipping", href: "faq" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Dealer Locator", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About BULLS", href: "why-bulls" },
|
|
{ label: "Engineering", href: "why-bulls" },
|
|
{ label: "Race Team", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "News", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Shipping Policy", href: "#" },
|
|
{ label: "Cookie Settings", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/bullsbikes", ariaLabel: "Follow BULLS on Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com/bullsbikes", ariaLabel: "Follow BULLS on Instagram" },
|
|
{ icon: Youtube, href: "https://youtube.com/bullsbikes", ariaLabel: "Subscribe to BULLS on YouTube" },
|
|
{ icon: Twitter, href: "https://twitter.com/bullsbikes", ariaLabel: "Follow BULLS on Twitter" }
|
|
]}
|
|
copyrightText="© 2025 BULLS Bikes | German Engineering Since 1995"
|
|
logoWidth={100}
|
|
logoHeight={40}
|
|
containerClassName="bg-foreground text-secondary-cta"
|
|
descriptionClassName="text-secondary-cta/90 max-w-sm"
|
|
columnTitleClassName="font-bold text-lg mb-4 text-secondary-cta"
|
|
columnItemClassName="text-secondary-cta/80 hover:text-secondary-cta transition-colors"
|
|
socialIconClassName="w-6 h-6 text-secondary-cta hover:text-primary-cta transition-colors"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |