406 lines
20 KiB
TypeScript
406 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, CreditCard, HelpCircle, Package, Phone, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseGradient"
|
|
cardStyle="solid-accent"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BULLS"
|
|
navItems={[
|
|
{ name: "Bikes", id: "product" },
|
|
{ name: "Why BULLS", id: "about" },
|
|
{ name: "Support", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now",
|
|
href: "product"
|
|
}}
|
|
className="backdrop-blur-md bg-opacity-90"
|
|
navItemClassName="text-sm font-medium"
|
|
buttonClassName="px-6 py-2 rounded-lg"
|
|
buttonTextClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Engineered for Speed. Built for Control."
|
|
description="Precision-engineered BULLS bikes designed for riders who demand performance on every terrain. German engineering. Race-tested. Premium components."
|
|
tag="LIMITED STOCK AVAILABLE"
|
|
tagIcon={Zap}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549049358-9x2e5yx9.jpg"
|
|
imageAlt="Professional cyclist on BULLS mountain bike in action"
|
|
imagePosition="right"
|
|
avatarText="Rated 4.9 by 5,000+ riders worldwide"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg", alt: "Rider 1" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008483-oxrd221f.jpg", alt: "Rider 2" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg", alt: "Rider 3" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549085518-5a9i1oyb.jpg", alt: "Rider 4" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549029239-04sgfkip.jpg", alt: "Rider 5" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Choose Your Bike", href: "product" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
fixedMediaHeight={true}
|
|
titleClassName="text-5xl md:text-6xl font-extrabold leading-tight"
|
|
descriptionClassName="text-lg md:text-xl leading-relaxed max-w-2xl"
|
|
tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full font-semibold text-sm"
|
|
buttonClassName="px-8 py-3 rounded-lg font-semibold"
|
|
buttonTextClassName="font-bold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardFour
|
|
title="Choose Your Perfect BULLS Bike"
|
|
description="Select the model that matches your riding style. Each category features cutting-edge engineering and premium components."
|
|
tag="2025 Models"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "hardtail-1",
|
|
name: "BULLS Hardtail Pro XC",
|
|
price: "€1,899",
|
|
variant: "Lightweight • Cross Country • Best Seller",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548980622-09kn53ws.jpg",
|
|
imageAlt: "BULLS Hardtail Pro XC mountain bike",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "full-suspension-1",
|
|
name: "BULLS Full Suspension Elite",
|
|
price: "€2,699",
|
|
variant: "Trail Ready • Aggressive • Pro Choice",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981332-o291f5g8.jpg",
|
|
imageAlt: "BULLS Full Suspension Elite mountain bike",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "gravel-1",
|
|
name: "BULLS Gravel Explorer",
|
|
price: "€1,499",
|
|
variant: "Versatile • Adventure • All-Terrain",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548981731-w525t3tm.jpg",
|
|
imageAlt: "BULLS Gravel Explorer bike",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "road-1",
|
|
name: "BULLS Road Racer Carbon",
|
|
price: "€2,199",
|
|
variant: "Lightweight • Speed • Racing",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548983035-wadu76og.jpg",
|
|
imageAlt: "BULLS Road Racer Carbon bike",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "ebike-1",
|
|
name: "BULLS e-MTB Turbo",
|
|
price: "€3,499",
|
|
variant: "Electric • 100km Range • Innovation",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549083855-i6qwvpbf.jpg",
|
|
imageAlt: "BULLS e-MTB Turbo electric mountain bike",
|
|
isFavorited: false
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View All Models", href: "#product" }
|
|
]}
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base md:text-lg max-w-3xl"
|
|
cardNameClassName="text-xl font-bold"
|
|
cardPriceClassName="text-2xl font-extrabold"
|
|
cardVariantClassName="text-sm font-medium opacity-80"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagMediaSplitAbout
|
|
title="German Engineering Meets Performance"
|
|
description="BULLS has been at the forefront of precision bicycle engineering for over three decades. We combine German craftsmanship with cutting-edge technology to create bikes that riders trust on the most challenging terrain."
|
|
textboxLayout="default"
|
|
contentTag="WHY CHOOSE BULLS"
|
|
contentTagIcon={Award}
|
|
contentTitle="Built for Riders Who Demand Excellence"
|
|
contentDescription="Every BULLS bike undergoes rigorous testing and quality control. We use only premium components from trusted manufacturers, ensuring durability, performance, and reliability on every ride. Our race-tested designs have proven themselves in professional competitions and real-world conditions."
|
|
contentButtons={[
|
|
{ text: "Explore Technology", href: "#" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549084581-9eud05gt.jpg"
|
|
imageAlt="Precision engineering at BULLS manufacturing facility"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
contentTitleClassName="text-4xl md:text-5xl font-extrabold"
|
|
contentDescriptionClassName="text-base md:text-lg leading-relaxed"
|
|
contentTagClassName="inline-block px-3 py-1 rounded-full font-semibold text-sm"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardOne
|
|
title="Advanced Bike Technology"
|
|
description="Discover the engineering innovations that set BULLS apart from the competition."
|
|
tag="Engineering Excellence"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
title: "Precision Frame Geometry",
|
|
description: "Each frame is engineered with exact geometry specifications for optimal weight distribution, handling precision, and rider comfort across different terrain types.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548945785-cou8oq65.jpg",
|
|
imageAlt: "BULLS frame geometry technical design"
|
|
},
|
|
{
|
|
title: "Advanced Suspension Technology",
|
|
description: "Progressive damping systems minimize energy loss and maximize traction, whether you're bombing downhill or climbing technical trails.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548945445-y8f3tum7.jpg",
|
|
imageAlt: "BULLS suspension system technology"
|
|
},
|
|
{
|
|
title: "Premium Component Integration",
|
|
description: "We pair our frames with top-tier Shimano and SRAM groupsets, ensuring smooth shifting and reliable performance in every condition.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549084581-9eud05gt.jpg",
|
|
imageAlt: "BULLS premium components detail"
|
|
}
|
|
]}
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-base md:text-lg max-w-3xl"
|
|
cardTitleClassName="text-2xl font-bold"
|
|
cardDescriptionClassName="text-base leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Marcus Schmidt", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg", imageAlt: "Marcus Schmidt - MTB Racer" },
|
|
{ id: "2", name: "Jessica Lake", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008483-oxrd221f.jpg", imageAlt: "Jessica Lake - Gravel Enthusiast" },
|
|
{ id: "3", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg", imageAlt: "David Chen - Road Racer" },
|
|
{ id: "4", name: "Sarah Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549085518-5a9i1oyb.jpg", imageAlt: "Sarah Williams - Weekend Rider" },
|
|
{ id: "5", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549029239-04sgfkip.jpg", imageAlt: "Emma Rodriguez - Trail Blazer" },
|
|
{ id: "6", name: "Thomas Bauer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549086427-dcs3dgfo.jpg", imageAlt: "Thomas Bauer - Endurance Cyclist" }
|
|
]}
|
|
cardTitle="Over 5,000 riders trust BULLS for performance and reliability"
|
|
cardTag="See What They Say"
|
|
cardTagIcon={Star}
|
|
useInvertedBackground="noInvert"
|
|
cardTitleClassName="text-3xl md:text-4xl font-extrabold text-center"
|
|
cardTagClassName="text-center text-sm font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="Flexible Financing & Delivery Options"
|
|
description="Get your BULLS bike with flexible payment plans and fast delivery. We make premium biking accessible."
|
|
tag="Financing Available"
|
|
tagIcon={CreditCard}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
plans={[
|
|
{
|
|
id: "standard",
|
|
badge: "Standard",
|
|
price: "Full Payment",
|
|
subtitle: "Pay upfront and own your bike immediately",
|
|
features: ["Instant delivery", "Free shipping", "30-day returns", "Frame warranty"]
|
|
},
|
|
{
|
|
id: "klarna",
|
|
badge: "Most Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "From €79/mo",
|
|
subtitle: "Interest-free installments with Klarna",
|
|
features: ["Flexible payments", "No interest", "Fast checkout", "Delivered in 3-5 days", "Frame warranty"]
|
|
},
|
|
{
|
|
id: "premium",
|
|
badge: "Best Value",
|
|
badgeIcon: Award,
|
|
price: "Complete Package",
|
|
subtitle: "Bike + accessories + premium support",
|
|
features: ["Free bike setup", "Accessories bundle", "Priority support", "Extended warranty", "Free first service"]
|
|
}
|
|
]}
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-base md:text-lg max-w-3xl"
|
|
priceClassName="text-3xl md:text-4xl font-extrabold"
|
|
subtitleClassName="text-base font-medium"
|
|
badgeClassName="inline-block px-3 py-1 rounded-full text-sm font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions About BULLS Bikes"
|
|
description="Find answers to common questions about sizing, delivery, warranties, and bike selection."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450509672-8m1kdzb7.jpg"
|
|
imageAlt="BULLS customer support team ready to help"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
useInvertedBackground="noInvert"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How do I choose the right bike size?",
|
|
content: "We recommend selecting your size based on your height. Our detailed size guide provides height ranges for each frame size. Once you order, we'll include a detailed fit guide. If your bike doesn't feel right within 14 days, we offer a free size exchange."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What is BULLS' warranty policy?",
|
|
content: "All BULLS frames come with a 5-year manufacturing warranty covering frame defects. Components have manufacturer warranties (typically 2-3 years). Labor and normal wear are not covered. Full details available at checkout."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "How fast will my bike arrive?",
|
|
content: "Standard delivery is 3-5 business days within Europe. We ship fully assembled and tested bikes. Express shipping (1-2 days) is available for an additional fee. All bikes arrive with a quick setup guide."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Can I return my BULLS bike?",
|
|
content: "Yes! We offer a 30-day return policy for unopened bikes and 14 days for test rides. If you're not satisfied, we'll arrange free return shipping. Refunds processed within 5 business days."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Are upgrades and customizations available?",
|
|
content: "Absolutely. You can customize components like wheelsets, drivetrains, and add accessories at checkout. Our team can recommend upgrades based on your riding style and terrain preferences."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Do you offer bike fitting and setup?",
|
|
content: "Free professional bike setup is included with our premium package. Standard orders include a detailed setup guide. For additional fitting services, we partner with local bike shops in your area."
|
|
}
|
|
]}
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-base md:text-lg max-w-3xl"
|
|
accordionTitleClassName="text-lg font-bold"
|
|
accordionContentClassName="text-base leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Find Your Perfect Bike?"
|
|
ctaDescription="Get expert help choosing the right BULLS bike for your riding style. Our team is ready to help you."
|
|
ctaButton={{
|
|
text: "Get Started Now",
|
|
href: "product"
|
|
}}
|
|
ctaIcon={Phone}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
useInvertedBackground="noInvert"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How can I contact BULLS support?",
|
|
content: "Email us at support@bullsbikes.com or call +49-XXX-XXXX-XXXX. Live chat available Mon-Fri 9am-5pm CET. Response time: under 24 hours."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you have a physical showroom?",
|
|
content: "Yes! Visit our flagship showroom in Munich or authorized dealers across Europe. Find your nearest dealer at www.bullsbikes.com/dealers."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I test ride a BULLS bike before buying?",
|
|
content: "Absolutely. Book a test ride at any authorized dealer. We offer demo bikes for all categories. Extended test periods (24-48 hours) available upon request."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What payment methods do you accept?",
|
|
content: "We accept all major credit cards, PayPal, Apple Pay, Google Pay, and Klarna financing. Bank transfers also available for bulk orders."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you ship internationally?",
|
|
content: "Yes, we ship to all EU countries and select countries worldwide. International shipping rates and timelines available at checkout. Customs duties may apply outside EU."
|
|
}
|
|
]}
|
|
ctaTitleClassName="text-3xl md:text-4xl font-extrabold text-center"
|
|
ctaDescriptionClassName="text-base md:text-lg text-center"
|
|
accordionTitleClassName="text-lg font-bold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{ label: "All Models", href: "product" },
|
|
{ label: "Mountain Bikes", href: "product" },
|
|
{ label: "Road Bikes", href: "product" },
|
|
{ label: "Gravel Bikes", href: "product" },
|
|
{ label: "e-Bikes", href: "product" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About BULLS", href: "about" },
|
|
{ label: "Technology", href: "feature" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Press", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "FAQs", href: "faq" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "Find a Dealer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 BULLS Bikes. Engineered in Germany. Ridden worldwide."
|
|
containerClassName="max-w-7xl mx-auto"
|
|
columnTitleClassName="text-lg font-bold mb-4"
|
|
columnItemClassName="text-base hover:underline transition-all"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |