395 lines
16 KiB
TypeScript
395 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
|
||
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
||
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import { Users, Star, Award, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="plain"
|
||
cardStyle="elevated-accent"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleMinimal
|
||
brandName="BULLS"
|
||
button={{
|
||
text: "Choose Your Bike",
|
||
href: "#models"
|
||
}}
|
||
className="border-b border-accent/20"
|
||
buttonClassName="font-medium tracking-wide"
|
||
buttonTextClassName="text-sm"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero" className="relative bg-background">
|
||
<HeroLogoBillboard
|
||
logoText="BULLS"
|
||
description="Engineered for Speed."
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999272-tf5tv89u.jpg"
|
||
imageAlt="Premium BULLS performance mountain bike"
|
||
frameStyle="card"
|
||
logoLineHeight={1.1}
|
||
containerClassName="py-16 md:py-24"
|
||
logoClassName="text-5xl md:text-7xl font-bold tracking-tight"
|
||
descriptionClassName="text-lg md:text-xl leading-relaxed max-w-2xl"
|
||
/>
|
||
</div>
|
||
|
||
<div id="models" data-section="models" className="bg-background py-24">
|
||
<ProductCardTwo
|
||
title="Choose Your Perfect BULLS Bike"
|
||
description="Select from our range of performance-engineered models, each designed for your riding style. Hardtail speed. Full suspension control. Gravel versatility. Road dominance. Electric power."
|
||
tag="Premium Models"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="noInvert"
|
||
gridVariant="uniform-all-items-equal"
|
||
products={[
|
||
{
|
||
id: "hardtail",
|
||
brand: "BULLS",
|
||
name: "Hardtail Pro XC",
|
||
price: "€1,299",
|
||
rating: 5,
|
||
reviewCount: "847",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
|
||
imageAlt: "BULLS Hardtail Pro XC Mountain Bike"
|
||
},
|
||
{
|
||
id: "fullsuspension",
|
||
brand: "BULLS",
|
||
name: "Full Suspension Elite",
|
||
price: "€2,499",
|
||
rating: 5,
|
||
reviewCount: "1.2k",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549001374-9ru3gret.jpg",
|
||
imageAlt: "BULLS Full Suspension Elite MTB"
|
||
},
|
||
{
|
||
id: "gravel",
|
||
brand: "BULLS",
|
||
name: "Gravel King Adventure",
|
||
price: "€1,699",
|
||
rating: 5,
|
||
reviewCount: "623",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549065446-wtb8bn5r.jpg",
|
||
imageAlt: "BULLS Gravel King Adventure Bike"
|
||
},
|
||
{
|
||
id: "road",
|
||
brand: "BULLS",
|
||
name: "Road Racer Carbon",
|
||
price: "€1,899",
|
||
rating: 5,
|
||
reviewCount: "945",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
|
||
imageAlt: "BULLS Road Racer Carbon Bike"
|
||
},
|
||
{
|
||
id: "ebike",
|
||
brand: "BULLS",
|
||
name: "E-MTB Power Elite",
|
||
price: "€3,299",
|
||
rating: 5,
|
||
reviewCount: "512",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549065842-x3fi6wnh.jpg",
|
||
imageAlt: "BULLS E-MTB Power Elite Electric Bike"
|
||
}
|
||
]}
|
||
containerClassName="py-20"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-bulls" data-section="why-bulls" className="bg-background py-24">
|
||
<FeatureCardEighteen
|
||
title="Why Choose BULLS?"
|
||
description="See how BULLS engineering outperforms competitors. We don't just make bikes—we engineer performance."
|
||
tag="Engineered Excellence"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="noInvert"
|
||
negativeCard={{
|
||
title: "Standard Brands",
|
||
items: [
|
||
"Generic frame geometry",
|
||
"Inconsistent component quality",
|
||
"Limited warranty coverage",
|
||
"Average ride feel",
|
||
"Slower assembly times",
|
||
"Basic materials"
|
||
],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549066549-j3pouml0.jpg",
|
||
imageAlt: "Standard bike comparison"
|
||
}}
|
||
positiveCard={{
|
||
title: "BULLS Performance",
|
||
items: [
|
||
"Precision-engineered German geometry",
|
||
"Premium German-sourced components",
|
||
"Lifetime frame warranty + 2yr parts",
|
||
"Responsive, smooth ride dynamics",
|
||
"Pre-flight tested assemblies",
|
||
"Advanced carbon & aluminum tech"
|
||
],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549067043-wmz3o717.jpg",
|
||
imageAlt: "BULLS engineered advantage"
|
||
}}
|
||
containerClassName="py-20"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics" className="bg-background py-24">
|
||
<MetricCardSix
|
||
title="BULLS by the Numbers"
|
||
description="Trusted by thousands of riders worldwide. Our commitment to performance and quality speaks for itself."
|
||
tag="Trust & Performance"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="noInvert"
|
||
gridVariant="uniform-all-items-equal"
|
||
metrics={[
|
||
{
|
||
id: "1",
|
||
value: "5000+",
|
||
tag: "Riders",
|
||
tagIcon: Users,
|
||
title: "Satisfied customers worldwide"
|
||
},
|
||
{
|
||
id: "2",
|
||
value: "4.9★",
|
||
tag: "Rating",
|
||
tagIcon: Star,
|
||
title: "Average customer satisfaction"
|
||
},
|
||
{
|
||
id: "3",
|
||
value: "30 yrs",
|
||
tag: "Heritage",
|
||
tagIcon: Award,
|
||
title: "German engineering excellence"
|
||
},
|
||
{
|
||
id: "4",
|
||
value: "3-5 days",
|
||
tag: "Delivery",
|
||
tagIcon: Zap,
|
||
title: "Fast, tested shipping"
|
||
}
|
||
]}
|
||
containerClassName="py-20"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials" className="bg-background py-24">
|
||
<TestimonialCardEleven
|
||
title="What Riders Say"
|
||
description="Real stories from real BULLS riders. Hardtail racers, full-suspension enthusiasts, gravel adventurers, and weekend warriors share their experience."
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
nameTitle: "Marco Rossi, XC Race Champion",
|
||
quote: "The hardtail geometry is lightning-fast on technical terrain. BULLS builds bikes that respond to precision.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg",
|
||
imageAlt: "Marco Rossi, professional racer"
|
||
},
|
||
{
|
||
id: "2",
|
||
nameTitle: "Sarah Mueller, Trail Enthusiast",
|
||
quote: "The full suspension feels like it reads your mind. Smooth, planted, and confidence-inspiring on every climb.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944555-s0g0salq.jpg",
|
||
imageAlt: "Sarah Mueller, trail rider"
|
||
},
|
||
{
|
||
id: "3",
|
||
nameTitle: "Johan Fischer, Weekend Rider",
|
||
quote: "I've owned three bikes. BULLS is the first one where I feel every euro was worth it. Build quality is pristine.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549067841-ko6p9x41.jpg",
|
||
imageAlt: "Johan Fischer, casual cyclist"
|
||
},
|
||
{
|
||
id: "4",
|
||
nameTitle: "Elena Kowalski, Gravel Adventurer",
|
||
quote: "Took my BULLS gravel bike across three countries. Never missed a beat. German engineering is real.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548979751-lkv5l86n.jpg",
|
||
imageAlt: "Elena Kowalski, adventure cyclist"
|
||
},
|
||
{
|
||
id: "5",
|
||
nameTitle: "Lucas Sousa, E-Bike Explorer",
|
||
quote: "The motor integration feels invisible until you need it. Pure performance mixed with smart technology.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981900-jhwtk3l5.jpg",
|
||
imageAlt: "Lucas Sousa, e-bike rider"
|
||
},
|
||
{
|
||
id: "6",
|
||
nameTitle: "Anna Chen, Urban Commuter",
|
||
quote: "Fast delivery, flawless quality, responsive support. BULLS doesn't cut corners anywhere.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549068159-w6um3845.jpg",
|
||
imageAlt: "Anna Chen, urban cyclist"
|
||
}
|
||
]}
|
||
containerClassName="py-20"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq" className="bg-background py-24">
|
||
<FaqBase
|
||
title="Common Questions"
|
||
description="Everything you need to know about BULLS bikes, sizing, warranty, and ordering."
|
||
tag="Help & Support"
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
animationType="smooth"
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "How do I choose the right size?",
|
||
content: "BULLS sizes are based on height: XS (150–160cm), S (160–170cm), M (170–180cm), L (180–190cm), XL (190–200cm+). Use our interactive fit guide, or contact our specialists for personalized recommendation. We offer free 30-day size exchanges."
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "What's included in the warranty?",
|
||
content: "Lifetime frame warranty against manufacturing defects. All components covered for 2 years. Suspension covered for 3 years. Wear items (brake pads, tires, chains) excluded. Free annual service checks at authorized dealers."
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "How long is shipping?",
|
||
content: "Standard delivery: 3–5 business days. Express: 1–2 business days (€25 surcharge). All bikes arrive pre-assembled and tested. Free shipping on orders over €1,500."
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Can I return or exchange my bike?",
|
||
content: "Yes. 30-day money-back guarantee. Full refund if unsatisfied—no questions asked. Exchanges available within 60 days. Return shipping covered for defects; customer pays return shipping for other reasons."
|
||
},
|
||
{
|
||
id: "5",
|
||
title: "Are financing options available?",
|
||
content: "Yes. Klarna: Pay in 3 interest-free installments or finance from €29/month. PayPal Credit, Affirm, and direct bank transfer also available. No hidden fees."
|
||
},
|
||
{
|
||
id: "6",
|
||
title: "What's included in the free accessories pack?",
|
||
content: "Limited-time offer (expires Dec 31, 2025): Pro pedals, water bottle cage, integrated lights, repair toolkit, and premium lubricant. Available with purchase of any model €1,500+."
|
||
}
|
||
]}
|
||
containerClassName="py-20"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact" className="bg-background py-24">
|
||
<ContactCenterForm
|
||
title="Let's Get You Riding"
|
||
description="Have questions? Our bike experts are here to help. Reach out and we'll guide you to your perfect BULLS bike."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Your Name",
|
||
required: true
|
||
},
|
||
{
|
||
name: "email",
|
||
type: "email",
|
||
placeholder: "your@email.com",
|
||
required: true
|
||
},
|
||
{
|
||
name: "phone",
|
||
type: "tel",
|
||
placeholder: "+1 (555) 000-0000",
|
||
required: false
|
||
},
|
||
{
|
||
name: "model",
|
||
type: "text",
|
||
placeholder: "Which model interests you?",
|
||
required: false
|
||
}
|
||
]}
|
||
textarea={{
|
||
name: "message",
|
||
placeholder: "Tell us about your riding style, questions, or preferences...",
|
||
rows: 5,
|
||
required: true
|
||
}}
|
||
useInvertedBackground="noInvert"
|
||
buttonText="Get Expert Advice"
|
||
containerClassName="py-20"
|
||
titleClassName="text-4xl md:text-5xl font-bold mb-6 text-center"
|
||
descriptionClassName="text-lg text-foreground/80 text-center max-w-2xl mx-auto mb-12"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="BULLS"
|
||
columns={[
|
||
{
|
||
title: "Shop",
|
||
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: "Size Guide", href: "#faq" },
|
||
{ label: "Warranty Info", href: "#faq" },
|
||
{ label: "Shipping & Returns", href: "#faq" },
|
||
{ label: "Contact Us", href: "#contact" },
|
||
{ label: "Service Centers", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{ label: "About BULLS", href: "#why-bulls" },
|
||
{ label: "Our Story", href: "#metrics" },
|
||
{ label: "Careers", href: "#contact" },
|
||
{ label: "Press", href: "#contact" },
|
||
{ label: "Blog", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Cookie Policy", href: "#" },
|
||
{ label: "Accessibility", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 BULLS Performance Bikes. German Engineering. Built for Riders."
|
||
containerClassName="py-16"
|
||
logoTextClassName="text-4xl font-bold"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |