"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Facebook, Instagram, Mail, Twitter, Youtube, Zap, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BULLS"
          navItems={[
            { name: "Shop", id: "product" },
            { name: "Why BULLS", id: "about" },
            { name: "Support", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Choose Your Bike",
            href: "product"
          }}
          navItemClassName="font-medium text-sm hover:text-primary-cta transition-colors"
          buttonClassName="rounded-soft shadow-md hover:shadow-lg transition-shadow"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="BULLS"
          description="Precision-engineered bicycles designed for riders who demand performance on every terrain. Race-tested. German-crafted. Unstoppable."
          buttons={[
            { text: "Choose Your Bike", href: "product" },
            { text: "Learn Why BULLS", href: "about" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548939236-v3zud5m1.jpg"
          imageAlt="Premium BULLS mountain bike in red"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="BULLS premium bike brand hero section"
          logoClassName="text-primary-cta font-bold"
          descriptionClassName="text-foreground text-lg md:text-xl leading-relaxed"
          buttonClassName="rounded-soft shadow-md hover:shadow-lg transition-all"
        />
      </div>

      <div id="product" data-section="product" className="py-16 md:py-24 bg-background">
        <ProductCardFour
          title="Choose Your Model"
          description="Select the perfect BULLS bike for your riding style. From trails to tarmac, we have the engineered solution."
          tag="LIMITED STOCK"
          tagIcon={Zap}
          textboxLayout="default"
          products={[
            {
              id: "hardtail-1",
              name: "BULLS Hardtail Pro",
              price: "€1,299",
              variant: "27.5\" | S/M/L/XL",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548939688-36s5pnra.jpg",
              imageAlt: "BULLS Hardtail Pro mountain bike",
              isFavorited: false
            },
            {
              id: "full-sus-1",
              name: "BULLS Full Suspension Elite",
              price: "€2,199",
              variant: "29\" | S/M/L/XL",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548940154-brgjm3u3.jpg",
              imageAlt: "BULLS Full Suspension Elite with dual suspension",
              isFavorited: false
            },
            {
              id: "gravel-1",
              name: "BULLS Gravel Master",
              price: "€1,599",
              variant: "700c | XS/S/M/L",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548940774-2flx8ts2.jpg",
              imageAlt: "BULLS Gravel Master adventure bike",
              isFavorited: false
            },
            {
              id: "road-1",
              name: "BULLS Road Racer",
              price: "€1,899",
              variant: "700c | XS/S/M/L/XL",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548941193-ssqqixzb.jpg",
              imageAlt: "BULLS Road Racer speed-optimized racing bike",
              isFavorited: false
            },
            {
              id: "ebike-1",
              name: "BULLS e-MTB Power",
              price: "€3,499",
              variant: "29\" | M/L/XL | 625Wh Battery",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548941656-8cbhuhjg.jpg",
              imageAlt: "BULLS e-MTB with electric motor",
              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          cardClassName="rounded-soft hover:shadow-lg transition-shadow"
          containerClassName="space-y-6"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose BULLS?"
          description="German engineering meets race-proven performance. Every BULLS bike is built with precision, tested on the toughest trails, and backed by our commitment to excellence."
          tag="German Heritage"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548949203-tl9y1tg9.jpg"
          imageAlt="German engineering precision manufacturing"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Technology", href: "#feature" }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEighteen
          title="BULLS vs Other Brands"
          description="See why BULLS consistently outperforms premium competitors."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          negativeCard={{
            title: "Generic Brands",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548945785-cou8oq65.jpg",
            imageAlt: "Standard bike suspension",
            items: [
              "Off-the-shelf components",
              "Limited suspension tuning",
              "Basic frame geometry",
              "Slow warranty claims",
              "Average ride quality"
            ]
          }}
          positiveCard={{
            title: "BULLS Engineered",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946171-tew9nksp.jpg",
            imageAlt: "BULLS engineering lab testing",
            items: [
              "Premium race-proven components",
              "Precision-tuned suspension systems",
              "Proprietary frame geometry R&D",
              "30-day hassle-free returns",
              "World-class ride performance"
            ]
          }}
          cardClassName="rounded-soft shadow-md"
        />
      </div>

      <div id="testimonial" data-section="testimonial" className="py-16 md:py-24 bg-card">
        <TestimonialCardFive
          title="Trusted by Riders Worldwide"
          description="Hear from experienced cyclists who choose BULLS for performance and reliability."
          tag="Real Riders"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marcus Weber, MTB Racer",
              date: "Date: November 2024",
              title: "The Best Bike I've Ever Ridden",
              quote: "The suspension geometry and frame stiffness give me unmatched control on technical terrain. I've shaved 15 minutes off my trail times since switching to BULLS.",
              tag: "XC Racing",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548942449-hlk4v3h2.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548948783-nxkcl2ot.jpg"
            },
            {
              id: "2",
              name: "Sophie Richter, Gravel Adventurer",
              date: "Date: October 2024",
              title: "Perfect for Long-Distance Touring",
              quote: "I traveled 2,000 km across Europe on my BULLS Gravel Master. The build quality is exceptional, and the ride comfort is unbelievable for such a lightweight bike.",
              tag: "Adventure",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548942877-o3imqd74.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946171-tew9nksp.jpg"
            },
            {
              id: "3",
              name: "Christian Müller, Weekend Rider",
              date: "Date: September 2024",
              title: "Worth Every Euro",
              quote: "As a casual rider, I was hesitant to invest in a premium bike. BULLS proved that quality and performance make every ride better. Can't imagine going back.",
              tag: "Casual",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943325-3b2dmn9r.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548949203-tl9y1tg9.jpg"
            },
            {
              id: "4",
              name: "Anna Fischer, Road Racer",
              date: "Date: August 2024",
              title: "Precision Engineering at Its Finest",
              quote: "The BULLS Road Racer acceleration feels effortless. Frame stiffness paired with responsiveness is exactly what competitive cyclists need.",
              tag: "Racing",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548948783-nxkcl2ot.jpg"
            },
            {
              id: "5",
              name: "Klaus Hansen, Touring Enthusiast",
              date: "Date: July 2024",
              title: "Built to Last and Exceed Expectations",
              quote: "I've put 8,000 km on my BULLS gravel bike. Still rides like new. The engineering, reliability, and customer support are world-class.",
              tag: "Touring",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944085-ceri47nf.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946171-tew9nksp.jpg"
            },
            {
              id: "6",
              name: "Elena Rossi, Urban Commuter",
              date: "Date: June 2024",
              title: "Premium Feel, Practical Performance",
              quote: "Commuting feels like a joy, not a chore. My BULLS e-Bike gets me anywhere in style, and the 625Wh battery easily handles my entire week.",
              tag: "Commute",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944555-s0g0salq.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548941656-8cbhuhjg.jpg"
            }
          ]}
        />
      </div>

      <div id="metric" data-section="metric" className="py-12 md:py-16 bg-background">
        <MetricCardTwo
          title="BULLS by the Numbers"
          description="Proven performance metrics that speak for themselves."
          tag="Verified"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "4.9★",
              description: "Average Rating from 5,000+ Global Riders"
            },
            {
              id: "2",
              value: "30 Days",
              description: "Hassle-Free Return Policy"
            },
            {
              id: "3",
              value: "15+ Years",
              description: "German Engineering Excellence"
            },
            {
              id: "4",
              value: "3–5 Days",
              description: "Delivery Timeline"
            }
          ]}
          cardClassName="rounded-soft bg-card shadow-sm"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about BULLS bikes, sizing, warranty, and purchasing."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946838-9eu2bn6w.jpg"
          imageAlt="BULLS bike size guide chart"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I choose the right bike size?",
              content: "BULLS provides a detailed size chart based on your height and inseam. We recommend visiting a local dealer for a professional fitting. If ordering online, our sizing guide accounts for typical proportions. Not sure? Contact our support team—we'll help you find the perfect fit."
            },
            {
              id: "2",
              title: "What is your warranty policy?",
              content: "All BULLS bikes come with a 2-year frame warranty covering manufacturing defects. Components are covered under manufacturer warranties (typically 1-2 years). Our premium support team handles claims quickly—average resolution time is 10 business days."
            },
            {
              id: "3",
              title: "Do you offer a return policy?",
              content: "Yes! We offer a full 30-day money-back guarantee. If you're not satisfied, return your bike in original condition. Full refund, no questions asked. We even cover return shipping in select regions."
            },
            {
              id: "4",
              title: "What financing options are available?",
              content: "We partner with Klarna for flexible payment plans. Finance your BULLS bike from €29/month with zero interest for 12 months. Other payment methods include PayPal, credit cards, and bank transfer."
            },
            {
              id: "5",
              title: "How long does delivery take?",
              content: "Standard delivery is 3–5 business days within Europe. Bikes arrive fully assembled and test-ridden by our quality team. Express shipping (1–2 days) is available for an additional fee."
            },
            {
              id: "6",
              title: "Do you offer maintenance and service after purchase?",
              content: "Yes. BULLS includes a complimentary first service (30-day check-in) and discounted annual tune-ups at participating dealers. We also provide online resources and customer support for all your maintenance questions."
            }
          ]}
          containerClassName="space-y-6"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join the BULLS Community"
          description="Subscribe for exclusive deals, new model releases, and riding tips from fellow BULLS enthusiasts."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive promotional emails."
          containerClassName="rounded-soft shadow-md p-8 md:p-12"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="BULLS"
          description="Premium bicycles engineered for performance. Precision-crafted in Germany. Trusted by riders worldwide."
          copyrightText="© 2025 BULLS Bikes | German Engineering Excellence"
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Models", href: "product" },
                { label: "Hardtail MTB", href: "product" },
                { label: "Full Suspension", href: "product" },
                { label: "Gravel Bikes", href: "product" },
                { label: "Road Bikes", href: "product" },
                { label: "e-Bikes", href: "product" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About BULLS", href: "about" },
                { label: "Technology", href: "feature" },
                { label: "Careers", href: "#careers" },
                { label: "Sustainability", href: "#sustainability" },
                { label: "Press", href: "#press" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Warranty", href: "#warranty" },
                { label: "Returns", href: "#returns" },
                { label: "Sizing Guide", href: "#sizing" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Cookie Policy", href: "#cookies" },
                { label: "Impressum", href: "#impressum" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/bullsbikes", ariaLabel: "BULLS Instagram" },
            { icon: Facebook, href: "https://facebook.com/bullsbikes", ariaLabel: "BULLS Facebook" },
            { icon: Youtube, href: "https://youtube.com/bullsbikes", ariaLabel: "BULLS YouTube" },
            { icon: Twitter, href: "https://twitter.com/bullsbikes", ariaLabel: "BULLS Twitter" }
          ]}
          logoWidth={120}
          logoHeight={40}
          containerClassName="bg-primary-cta text-secondary-cta"
          columnTitleClassName="font-semibold text-sm uppercase tracking-wide"
        />
      </div>
    </ThemeProvider>
  );
}