Initial commit
This commit is contained in:
522
src/app/page.tsx
Normal file
522
src/app/page.tsx
Normal file
@@ -0,0 +1,522 @@
|
||||
"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"
|
||||
titleClassName="text-3xl md:text-4xl font-bold text-foreground"
|
||||
descriptionClassName="text-base text-foreground/70 mt-2"
|
||||
/>
|
||||
</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"
|
||||
titleClassName="text-3xl md:text-4xl font-bold text-foreground"
|
||||
descriptionClassName="text-base text-foreground/70 mt-2"
|
||||
/>
|
||||
</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"
|
||||
titleClassName="text-3xl md:text-4xl font-bold text-foreground"
|
||||
descriptionClassName="text-base text-foreground/70 mt-2"
|
||||
/>
|
||||
</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"
|
||||
titleClassName="text-2xl md:text-3xl font-bold text-foreground text-center mb-12"
|
||||
/>
|
||||
</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"
|
||||
titleClassName="text-3xl md:text-4xl font-bold text-foreground mb-12"
|
||||
/>
|
||||
</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"
|
||||
titleClassName="text-3xl md:text-4xl font-bold text-foreground"
|
||||
descriptionClassName="text-base text-foreground/70 mt-2"
|
||||
/>
|
||||
</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"
|
||||
textClassName="text-2xl md:text-3xl font-bold text-foreground"
|
||||
/>
|
||||
</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"
|
||||
logoTextClassName="text-3xl font-bold text-primary-cta"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user