"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { AlertCircle, Shield, Zap, Trophy, Users, Star, Cog, MessageSquare, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BULLS"
          navItems={[
            { name: "Bikes", id: "products" },
            { name: "Why BULLS", id: "about" },
            { name: "Riders", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Engineered for Speed. Built for Control."
          description="Precision-engineered BULLS bikes designed for riders who demand performance on every terrain. Rated 4.9 by 5,000+ riders worldwide."
          tag="LIMITED STOCK | 2025 MODELS SELLING FAST"
          tagIcon={AlertCircle}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
              imageAlt: "BULLS Hardtail MTB - High-performance mountain bike"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549005887-7e16q4am.jpg",
              imageAlt: "BULLS Full-Suspension MTB - Professional trail bike"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549006433-p8gfg4gt.jpg",
              imageAlt: "BULLS Gravel Bike - Versatile adventure bicycle"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
              imageAlt: "BULLS Road Bike - Speed-focused racing bicycle"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549007140-lejbdbg6.jpg",
              imageAlt: "BULLS e-Bike - Electric performance platform"
            }
          ]}
          buttons={[
            { text: "Choose Your Bike", href: "products" },
            { text: "View All Models", href: "products" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSix
          title="Choose Your Perfect BULLS Model"
          description="Select from our flagship range engineered for performance, precision, and proven race heritage."
          tag="German Engineering"
          tagIcon={Shield}
          products={[
            {
              id: "1",
              name: "Hardtail MTB Pro",
              price: "€1,899",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
              imageAlt: "BULLS Hardtail MTB Pro"
            },
            {
              id: "2",
              name: "Full-Suspension Elite",
              price: "€2,499",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549005887-7e16q4am.jpg",
              imageAlt: "BULLS Full-Suspension Elite"
            },
            {
              id: "3",
              name: "Gravel Adventure",
              price: "€1,599",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549006433-p8gfg4gt.jpg",
              imageAlt: "BULLS Gravel Adventure"
            },
            {
              id: "4",
              name: "Road Speed",
              price: "€1,799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548999758-rsh5ksx2.jpg",
              imageAlt: "BULLS Road Speed"
            },
            {
              id: "5",
              name: "e-MTB Power",
              price: "€3,299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549007140-lejbdbg6.jpg",
              imageAlt: "BULLS e-MTB Power"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why BULLS? Engineered for Champions. Built for Every Rider."
          metrics={[
            {
              icon: Zap,
              label: "Years of German Engineering",
              value: "40+"
            },
            {
              icon: Trophy,
              label: "Race Victories Worldwide",
              value: "500+"
            },
            {
              icon: Users,
              label: "Satisfied Riders",
              value: "50K+"
            },
            {
              icon: Star,
              label: "Average Rating",
              value: "4.9/5"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          title="Premium Components. Precision Engineering."
          description="Every BULLS bike combines cutting-edge technology with proven durability. Race-tested. Road-ready."
          tag="Technical Excellence"
          tagIcon={Cog}
          features={[
            {
              id: 1,
              title: "Optimized Frame Geometry",
              description: "Race-proven geometry maximizes power transfer and control. Engineered for stability on technical terrain and responsiveness on climbs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549007868-0c0vrqlu.jpg",
              imageAlt: "Frame geometry optimization diagram"
            },
            {
              id: 2,
              title: "Advanced Suspension Systems",
              description: "Progressive suspension tuning absorbs impact while maintaining efficiency. Seamless integration for superior ride quality across all terrains.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946171-tew9nksp.jpg",
              imageAlt: "Suspension technology diagram"
            },
            {
              id: 3,
              title: "Premium Drivetrain Performance",
              description: "High-precision mechanical systems ensure smooth, reliable shifting in all conditions. Built to last thousands of kilometers without compromise.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548945785-cou8oq65.jpg",
              imageAlt: "Drivetrain system diagram"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="Trusted by Riders Worldwide"
          description="Real feedback from riders who choose BULLS for performance, quality, and reliability."
          tag="Customer Stories"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",
              nameTitle: "Marcus Schmidt, MTB Race Champion",
              quote: "I've raced BULLS bikes for three seasons. The precision engineering and component quality give me the confidence to push limits. Simply unbeatable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg",
              imageAlt: "Marcus Schmidt, professional MTB racer"
            },
            {
              id: "2",
              nameTitle: "Sarah Johnson, Gravel Adventurer",
              quote: "The BULLS Gravel Adventure handles everything from rocky trails to smooth roads. It's my perfect companion for weekend expeditions across diverse terrain.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944085-ceri47nf.jpg",
              imageAlt: "Sarah Johnson, gravel enthusiast"
            },
            {
              id: "3",
              nameTitle: "David Chen, Road Cyclist",
              quote: "Speed, efficiency, control—the BULLS Road Speed delivers on all fronts. German engineering meets responsive handling. Exceptional value for performance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548943588-3acl25me.jpg",
              imageAlt: "David Chen, road cyclist"
            },
            {
              id: "4",
              nameTitle: "Emma Mueller, Weekend Rider",
              quote: "My BULLS hardtail transformed my riding. Confident on trails, smooth on climbs, and the build quality ensures it will last for years of adventures.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008483-oxrd221f.jpg",
              imageAlt: "Emma Mueller, recreational cyclist"
            },
            {
              id: "5",
              nameTitle: "Thomas Hoffman, e-Bike Commuter",
              quote: "The e-MTB Power lets me explore further and faster. The motor integration is seamless, and the battery range easily handles my daily commute plus weekend rides.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg",
              imageAlt: "Thomas Hoffman, e-bike user"
            },
            {
              id: "6",
              nameTitle: "Lisa Bergmann, Trail Racer",
              quote: "Full-Suspension Elite is relentless. The suspension absorbs every bump while maintaining efficiency. Best investment I've made for competitive trail riding.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008924-rosgmdns.jpg",
              imageAlt: "Lisa Bergmann, trail racer"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Questions? We Have Answers."
          description="Everything you need to know about selecting, sizing, and maintaining your BULLS bike."
          tag="Support"
          tagIcon={HelpCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549009625-kv2fv00n.jpg"
          imageAlt="BULLS engineering and manufacturing facility"
          faqs={[
            {
              id: "1",
              title: "How do I choose the right bike size?",
              content: "BULLS provides height-based sizing guides for each model. Measure your inseam (from crotch to floor in cycling shoes) and cross-reference our sizing chart. Most riders find their size within 1cm. Use our 'How to Choose Your Size' guide on the product page for visual instructions."
            },
            {
              id: "2",
              title: "What's included with my purchase?",
              content: "Every BULLS bike includes: fully assembled frame, premium components pre-adjusted, essential tools, multi-language manual, and warranty documentation. Optional: Free first service (40€ value), Free accessories bundle (pedals, bottle cage, lights), and extended protection plan available at checkout."
            },
            {
              id: "3",
              title: "What's your warranty and return policy?",
              content: "BULLS offers: 2-year frame warranty against manufacturing defects, 1-year component warranty (drivetrain, brakes, suspension), and 30-day money-back guarantee on new bikes. If unsatisfied within 30 days, return for full refund (shipping excluded). Extended 5-year warranty available for €99."
            },
            {
              id: "4",
              title: "How long does delivery take?",
              content: "Standard delivery: 3–5 business days from order confirmation. Express delivery: 1–2 business days (€15 surcharge). Free shipping on all orders over €100. We ship across Europe with DHL tracking. Track your package via email notification upon shipment."
            },
            {
              id: "5",
              title: "Can I upgrade components at purchase?",
              content: "Yes! Customize your BULLS at checkout: Premium Wheelset upgrade (lighter, stronger), Enhanced Drivetrain (more precise shifting), Accessories Bundle (bottle cage, lights, pedals, lock), Suspension tuning service. Each upgrade is calculated transparently before final confirmation."
            },
            {
              id: "6",
              title: "Do you offer financing options?",
              content: "BULLS partners with Klarna for flexible payment plans. Purchase now, pay later in installments: €29 or more: 4 equal installments, no interest. Example: €1,899 bike = €475/month x 4. Additional financing options (PayPal Credit, bank transfer) available at checkout. See Klarna terms for details."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Ready to Ride BULLS?"
          description="Have questions about your perfect bike? Get in touch. Our team responds within 24 hours."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number (Optional)",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "What's your question? (Sizing, specs, financing, shipping...)",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549010266-us9jl4pb.jpg"
          imageAlt="BULLS cyclists riding together on adventure"
          logoText="BULLS"
          copyrightText="© 2025 BULLS. German Precision. Engineered for Champions."
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Models", href: "products" },
                { label: "Accessories", href: "products" },
                { label: "Sizing Guide", href: "faq" },
                { label: "Warranty", href: "contact" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact" },
                { label: "Shipping & Returns", href: "faq" },
                { label: "Service Centers", href: "contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About BULLS", href: "about" },
                { label: "Race Heritage", href: "about" },
                { label: "Careers", href: "contact" },
                { label: "Press Kit", href: "about" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}