"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>
  );
}