510 lines
18 KiB
TypeScript
510 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
|
|
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { AlertCircle, Zap, Trophy, Gauge, Shield } from "lucide-react";
|
|
|
|
export default function Page() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="animatedAurora"
|
|
cardStyle="neon-glow"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="BULLS"
|
|
button={{
|
|
text: "Choose Your Bike",
|
|
href: "#bike-selection"
|
|
}}
|
|
className="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-md border-b border-primary-cta/10"
|
|
buttonClassName="px-6 py-2 rounded-soft font-semibold text-sm"
|
|
buttonTextClassName="text-primary-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" className="relative overflow-hidden">
|
|
<HeroBillboardMetrics
|
|
title="Engineered for Speed. Built for Control."
|
|
description="Precision-engineered BULLS bikes designed for riders who demand performance on every terrain. Trusted by 5,000+ riders worldwide. ★★★★★ 4.9/5"
|
|
tag="LIMITED STOCK AVAILABLE"
|
|
tagIcon={AlertCircle}
|
|
buttons={[
|
|
{
|
|
text: "Choose Your Bike",
|
|
href: "#bike-selection"
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549027421-71mdy4n5.jpg"
|
|
imageAlt="Premium BULLS flagship bicycle"
|
|
frameStyle="card"
|
|
metricsLabel="Trusted by leading professional riders and cycling teams worldwide"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "5,000+",
|
|
label: "Satisfied Riders"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "4.9★",
|
|
label: "Average Rating"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "3-5 Days",
|
|
label: "Fast Delivery"
|
|
}
|
|
]}
|
|
className="relative"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-4xl md:text-5xl font-bold text-foreground"
|
|
descriptionClassName="text-base md:text-lg text-foreground/80"
|
|
tagClassName="px-4 py-2 bg-accent/20 text-primary-cta rounded-soft text-sm font-semibold"
|
|
metricsLabelClassName="text-foreground/70 text-sm md:text-base"
|
|
/>
|
|
</div>
|
|
|
|
<div id="bike-selection" data-section="bike-selection" className="bg-background-accent/5">
|
|
<ProductCardSeven
|
|
title="Choose Your Perfect BULLS Bike"
|
|
description="Select from our flagship collection. Each model engineered for specific riding styles and terrain."
|
|
products={[
|
|
{
|
|
id: "hardtail",
|
|
name: "Hardtail MTB",
|
|
price: "$1,299",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
|
|
imageAlt: "Hardtail Mountain Bike"
|
|
},
|
|
{
|
|
id: "full-suspension",
|
|
name: "Full-Suspension MTB",
|
|
price: "$2,099",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549027687-bhw0xc8w.jpg",
|
|
imageAlt: "Full Suspension Mountain Bike - Best Seller"
|
|
},
|
|
{
|
|
id: "gravel",
|
|
name: "Gravel Adventure",
|
|
price: "$1,599",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549028017-adykv0lo.jpg",
|
|
imageAlt: "Gravel Adventure Bike"
|
|
},
|
|
{
|
|
id: "road",
|
|
name: "Road Pro",
|
|
price: "$1,799",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549028331-de1zaenc.jpg",
|
|
imageAlt: "Road Racing Bike"
|
|
},
|
|
{
|
|
id: "ebike",
|
|
name: "e-Bike Elite",
|
|
price: "$3,499",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549028672-13ko93mr.jpg",
|
|
imageAlt: "Premium Electric Bike"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
containerClassName="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="financing-offers" data-section="financing-offers" className="bg-background-accent/10">
|
|
<FeatureCardTwelve
|
|
title="Flexible Financing & Exclusive Offers"
|
|
description="Make your dream BULLS bike affordable with our flexible payment options and limited-time bonuses."
|
|
features={[
|
|
{
|
|
id: "financing",
|
|
label: "Financing",
|
|
title: "Flexible Payment Plans",
|
|
items: [
|
|
"From €49/month with Klarna",
|
|
"0% interest for 12 months",
|
|
"Buy now, pay later options",
|
|
"Instant approval process"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Learn More",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "shipping",
|
|
label: "Shipping",
|
|
title: "Free Express Delivery",
|
|
items: [
|
|
"FREE shipping on all orders",
|
|
"Delivered in 3-5 business days",
|
|
"Professional assembly included",
|
|
"Track your order in real-time"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "View Details",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "bonus",
|
|
label: "Bonus",
|
|
title: "Limited-Time Offer",
|
|
items: [
|
|
"FREE first service (€120 value)",
|
|
"Premium accessories pack included",
|
|
"Extended 2-year frame warranty",
|
|
"Priority customer support"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Claim Offer",
|
|
href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
containerClassName="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" className="bg-card">
|
|
<TestimonialCardTwo
|
|
title="Trusted by Professional Riders & Enthusiasts"
|
|
description="See what riders from all disciplines say about their BULLS bikes."
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Marcus Weber",
|
|
role: "MTB Racer",
|
|
testimonial: "The engineering is unmatched. Precision handling on technical trails, aggressive geometry that rewards technique. Best investment I've made in 15 years of racing.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg",
|
|
imageAlt: "Marcus Weber, MTB Racer"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Mitchell",
|
|
role: "Gravel Enthusiast",
|
|
testimonial: "Rode across three countries on my BULLS gravel bike. Smooth ride quality, confidence in any condition. German engineering really shows in the details.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg",
|
|
imageAlt: "Sarah Mitchell, Gravel Enthusiast"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James Chen",
|
|
role: "Weekend Rider",
|
|
testimonial: "Coming from a competitor's bike, the control and comfort are night and day. Worth every penny. Felt like an upgrade to my skills immediately.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008483-oxrd221f.jpg",
|
|
imageAlt: "James Chen, Weekend Rider"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Elena Rodriguez",
|
|
role: "Pro Road Cyclist",
|
|
testimonial: "Lightweight, responsive, perfectly balanced. The frameset geometry is dialed for speed without sacrificing comfort on long rides. This is race-proven performance.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549029239-04sgfkip.jpg",
|
|
imageAlt: "Elena Rodriguez, Pro Road Cyclist"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Kim",
|
|
role: "Urban Commuter",
|
|
testimonial: "Premium build quality at a reasonable price. My daily commute is now a joy. Durability has been exceptional after 2+ years of daily use.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548958056-jnpp6s89.jpg",
|
|
imageAlt: "David Kim, Urban Commuter"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Lisa Hoffmann",
|
|
role: "Endurance Cyclist",
|
|
testimonial: "Completed a 1,200km tour on my BULLS. Comfort and reliability were flawless. The bike handled everything I threw at it. Highly recommend.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944085-ceri47nf.jpg",
|
|
imageAlt: "Lisa Hoffmann, Endurance Cyclist"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
containerClassName="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-bulls" data-section="why-bulls" className="bg-background-accent/5">
|
|
<AboutMetric
|
|
title="Why BULLS? German Engineering, Race-Tested Performance, Premium Components."
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{
|
|
icon: Zap,
|
|
label: "German Engineering",
|
|
value: "Since 1990"
|
|
},
|
|
{
|
|
icon: Trophy,
|
|
label: "Race-Tested",
|
|
value: "Professional Teams"
|
|
},
|
|
{
|
|
icon: Gauge,
|
|
label: "Precision Geometry",
|
|
value: "Every Detail Matters"
|
|
},
|
|
{
|
|
icon: Shield,
|
|
label: "Premium Components",
|
|
value: "Proven Durability"
|
|
}
|
|
]}
|
|
className="py-16 md:py-24"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-education" data-section="product-education" className="bg-card">
|
|
<MetricCardEight
|
|
title="Engineering Excellence: Every Component Engineered for Performance"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946171-tew9nksp.jpg"
|
|
imageAlt="BULLS Frame Geometry Illustration"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "Advanced",
|
|
title: "Frame Geometry optimized for control and speed"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "Premium",
|
|
title: "Suspension technology for smooth ride quality"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "Precision",
|
|
title: "Drivetrain components from top manufacturers"
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "Tested",
|
|
title: "Race-proven reliability and durability"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
className="py-16 md:py-24"
|
|
containerClassName="max-w-6xl mx-auto px-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="comparison" data-section="comparison" className="bg-background-accent/5">
|
|
<PricingCardSix
|
|
title="BULLS vs The Competition"
|
|
description="See how BULLS bikes stack up against other premium brands."
|
|
plans={[
|
|
{
|
|
id: "bulls",
|
|
price: "BULLS",
|
|
subtitle: "The Choice of Champions",
|
|
features: [
|
|
"German-engineered precision geometry",
|
|
"Premium components standard",
|
|
"Race-tested reliability",
|
|
"30-day return policy",
|
|
"Lifetime frame warranty",
|
|
"Expert support & service",
|
|
"Free assembly & tuning"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Choose BULLS",
|
|
href: "#bike-selection"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "competitor-a",
|
|
price: "Competitor A",
|
|
subtitle: "Standard Option",
|
|
features: [
|
|
"Mid-range geometry",
|
|
"Mixed component quality",
|
|
"Basic durability testing",
|
|
"14-day return policy",
|
|
"Limited warranty",
|
|
"Slow support response",
|
|
"Assembly fee extra"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "View Alternative",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "competitor-b",
|
|
price: "Competitor B",
|
|
subtitle: "Budget Alternative",
|
|
features: [
|
|
"Generic geometry design",
|
|
"Budget component selection",
|
|
"Minimal testing protocols",
|
|
"7-day return policy",
|
|
"30-day warranty only",
|
|
"Limited support hours",
|
|
"DIY assembly required"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "View Alternative",
|
|
href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
containerClassName="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-guarantees" data-section="trust-guarantees" className="bg-primary-cta/5 rounded-soft">
|
|
<ContactText
|
|
text="Your BULLS bike comes with a 30-day return policy, lifetime frame warranty, and 2-year component coverage. Expert support available 24/5."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{
|
|
text: "View Full Guarantee",
|
|
href: "#"
|
|
},
|
|
{
|
|
text: "Contact Support",
|
|
href: "#"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
containerClassName="py-12 md:py-16"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="BULLS"
|
|
columns={[
|
|
{
|
|
title: "Products",
|
|
items: [
|
|
{
|
|
label: "Mountain Bikes",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Road Bikes",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Gravel Bikes",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "E-Bikes",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "New Models",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Financing Options",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Accessories",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Warranty Info",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Size Guide",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Assembly Help",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Returns & Exchanges",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About BULLS",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Our Heritage",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Press",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 BULLS Bikes | Engineered for Performance"
|
|
containerClassName="py-12 md:py-16"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |