"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="noise"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BULLS"
          navItems={[
            { name: "Bikes", id: "bikes" },
            { name: "Why BULLS", id: "why-bulls" },
            { name: "Specs", id: "specs" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="BULLS"
          description="Engineered for Speed. Built for Control. Precision-engineered BULLS bikes designed for riders who demand performance on every terrain."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548973907-chh8affi.jpg"
          imageAlt="Premium BULLS flagship bicycle showcasing advanced engineering"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="BULLS premium bicycle hero section"
        />
      </div>

      <div id="bikes" data-section="bikes">
        <ProductCardFour
          title="Choose Your BULLS Model"
          description="Select the perfect bike for your riding style. From trail-crushing hardtails to refined road machines."
          tag="2025 Flagship Models"
          products={[
            {
              id: "hardtail-1",
              name: "BULLS Hardtail MTB",
              price: "€1,899",
              variant: "Aluminum Frame · 29\" Wheels · Shimano GRX",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548974844-4dshwi2m.jpg",
              imageAlt: "BULLS Hardtail Mountain Bike in trail configuration",
              isFavorited: false
            },
            {
              id: "full-suspension-1",
              name: "BULLS Full-Suspension Pro",
              price: "€3,499",
              variant: "Carbon Frame · 27.5\" Wheels · RockShox Suspension",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549013610-9jt64kry.jpg",
              imageAlt: "BULLS Full-Suspension Mountain Bike with advanced suspension",
              isFavorited: true
            },
            {
              id: "gravel-1",
              name: "BULLS Gravel Explorer",
              price: "€2,199",
              variant: "Steel Frame · 700c Wheels · Flat Bar · Cargo Ready",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548958056-jnpp6s89.jpg",
              imageAlt: "BULLS Gravel Bike perfect for adventure and bikepacking",
              isFavorited: false
            },
            {
              id: "road-1",
              name: "BULLS Racing Elite",
              price: "€2,799",
              variant: "Carbon Frame · Drop Bar · Shimano 105 · 56cm - 62cm",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549014055-ndugqmvp.jpg",
              imageAlt: "BULLS Road Racing Bike engineered for speed",
              isFavorited: false
            },
            {
              id: "ebike-1",
              name: "BULLS e-MTB Turbo",
              price: "€4,299",
              variant: "Carbon Frame · 750W Motor · 50mi Range · Smart Display",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549014998-1mzolz28.jpg",
              imageAlt: "BULLS Electric Mountain Bike with Turbo motor system",
              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="why-bulls" data-section="why-bulls">
        <FeatureCardThirteen
          title="Why Choose BULLS"
          description="Three decades of German engineering excellence, race-tested designs, and precision components."
          tag="Premium Engineering"
          features={[
            {
              id: "01",
              title: "German Precision Engineering",
              description: "Built with exacting German standards. Every frame geometry tested in extreme conditions. Tolerance ±0.1mm for perfect alignment and performance."
            },
            {
              id: "02",
              title: "Race-Tested Components",
              description: "Proven in UCI World Championships. Shimano, SRAM, and RockShox premium parts. Reliability you can trust on any terrain."
            },
            {
              id: "03",
              title: "Premium Materials",
              description: "Carbon, aluminum, and steel selected for optimal strength-to-weight ratio. Aerospace-grade construction for durability and performance."
            },
            {
              id: "04",
              title: "Lifetime Frame Warranty",
              description: "We stand behind our engineering. Full lifetime structural warranty on all frames. Free repairs within warranty period."
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="specs" data-section="specs">
        <MetricCardEight
          title="Trusted by riders worldwide. Built to last. Engineered to win."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549016798-bdpso8fl.jpg"
          imageAlt="BULLS engineering diagram and technical specifications"
          metrics={[
            {
              id: "1",
              value: "5,000+",
              title: "Riders Worldwide"
            },
            {
              id: "2",
              value: "4.9★",
              title: "Average Rating"
            },
            {
              id: "3",
              value: "15+",
              title: "World Championships"
            },
            {
              id: "4",
              value: "30 Days",
              title: "Return Guarantee"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The BULLS Full-Suspension MTB changed everything for me. The engineering is flawless, the ride is buttery smooth, and it handles everything I throw at it. Five stars, no question."
          rating={5}
          author="Marcus Hoffmann, MTB Racer"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg",
              alt: "Marcus Hoffmann"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944085-ceri47nf.jpg",
              alt: "Sarah Klein"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008483-oxrd221f.jpg",
              alt: "Johannes Mueller"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg",
              alt: "Elena Rodriguez"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957671-1m5fbe4j.jpg",
              alt: "Thomas Weber"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549016229-trf50aqg.jpg",
              alt: "Lisa Schmidt"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about BULLS bikes, sizing, warranties, and shipping."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I choose my bike size?",
              content: "BULLS bikes are sized by frame height in centimeters. We recommend using our height-to-size chart: riders 5'2\"-5'6\" typically fit 48-51cm, 5'7\"-5'11\" fit 53-56cm, and 6'0\"+\" fit 58-62cm. All frames come with detailed fit guides. Still unsure? Contact our sizing team at support@bulls.de for personalized recommendations."
            },
            {
              id: "2",
              title: "What's included in the box?",
              content: "Your BULLS bike arrives 85% assembled. Includes: complete frame, fully assembled drivetrain, handlebars & stem installed, seat post ready, pedals & kickstand included (on select models). You'll need 20-30 minutes and basic tools (hex keys, screwdriver) to complete final assembly. Free assembly guides available on our website."
            },
            {
              id: "3",
              title: "Do you offer financing options?",
              content: "Yes! We offer flexible financing through Klarna. Spread payments over 3, 6, or 12 months with no interest. Available at checkout for orders €500+. We also accept all major credit cards and bank transfers."
            },
            {
              id: "4",
              title: "What's your return and warranty policy?",
              content: "All BULLS bikes come with a 30-day unconditional return guarantee. Full frame warranty for lifetime against manufacturing defects. Components carry 2-year manufacturer warranties. Plus, our free first service (30-day maintenance check) keeps your bike running perfectly. Return shipping on us."
            },
            {
              id: "5",
              title: "How long does shipping take?",
              content: "Standard shipping arrives in 3-5 business days across Europe. Express options available (1-2 days). We ship directly from our Hannover, Germany facility. Track your order 24/7. Free shipping on all orders."
            },
            {
              id: "6",
              title: "Do you offer spare parts and upgrades?",
              content: "Absolutely. Access the full BULLS parts catalog for replacements and upgrades: wheels, drivetrain components, handlebars, seats, lights, and more. Use your bike's serial number to find compatible parts. 10% discount for registered bike owners."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Join 5,000+ BULLS riders. Get exclusive tips, new model launches, and 15% off your first service."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          animationType="background-highlight"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BULLS"
          columns={[
            {
              title: "Products",
              items: [
                { label: "Mountain Bikes", href: "#bikes" },
                { label: "Road Bikes", href: "#bikes" },
                { label: "Gravel Bikes", href: "#bikes" },
                { label: "E-Bikes", href: "#bikes" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Sizing Guide", href: "#faq" },
                { label: "Warranty Info", href: "#faq" },
                { label: "Parts & Upgrades", href: "#faq" },
                { label: "Support Contact", href: "mailto:support@bulls.de" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About BULLS", href: "#why-bulls" },
                { label: "Engineering", href: "#why-bulls" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Shipping Info", href: "#faq" },
                { label: "Returns", href: "#faq" }
              ]
            }
          ]}
          copyrightText="© 2025 BULLS Bikes GmbH · Hannover, Germany · Engineering Excellence Since 1995"
        />
      </div>
    </ThemeProvider>
  );
}