"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Bike, CreditCard, HelpCircle, Phone, Sparkles, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="dotGrid"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="BULLS"
          navItems={[
            { name: "Models", id: "models" },
            { name: "Why BULLS", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",
            href: "models"
          }}
        />
      </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. German engineering meets race-tested innovation."
          tag="LIMITED STOCK AVAILABLE"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549085719-plmn8f51.jpg"
          imageAlt="Premium BULLS hardtail mountain bike"
          imagePosition="right"
          buttons={[
            { text: "Choose Your Bike", href: "models" },
            { text: "View Models", href: "models" }
          ]}
        />
      </div>

      <div id="models" data-section="models">
        <ProductCardFive
          title="Select Your BULLS Model"
          description="Choose from our premium line of performance-engineered bicycles. Each model features German precision and race-tested components."
          tag="Bike Selection"
          tagIcon={Bike}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "hardtail-pro",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549085719-plmn8f51.jpg",
              imageAlt: "BULLS Hardtail MTB Pro - Trail and XC racing",
              button: {
                text: "Select Size",
                href: "#checkout"
              }
            },
            {
              id: "full-suspension-elite",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548952140-52rh47rw.jpg",
              imageAlt: "BULLS Full-Suspension Elite - Enduro and downhill performance",
              button: {
                text: "Select Size",
                href: "#checkout"
              }
            },
            {
              id: "gravel-adventure",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548953685-sgxte331.jpg",
              imageAlt: "BULLS Gravel Adventure - Off-road and mixed terrain",
              button: {
                text: "Select Size",
                href: "#checkout"
              }
            },
            {
              id: "road-racer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549005887-7e16q4am.jpg",
              imageAlt: "BULLS Road Racer - Speed and endurance cycling",
              button: {
                text: "Select Size",
                href: "#checkout"
              }
            },
            {
              id: "ebike-mtb",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549086000-eg1mkvhv.jpg",
              imageAlt: "BULLS e-MTB - Powered performance on any terrain",
              button: {
                text: "Select Size",
                href: "#checkout"
              }
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThirteen
          title="Why BULLS Stands Apart"
          description="Three decades of German engineering precision. Race-tested by professionals. Built for riders who refuse to compromise."
          tag="Engineering Excellence"
          tagIcon={Award}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",
              title: "German Engineering",
              description: "30+ years of precision manufacturing from Munich. Every frame is meticulously designed and tested to the highest standards."
            },
            {
              id: "02",
              title: "Race-Tested Technology",
              description: "Ridden by professional athletes worldwide. Our suspension geometry and frame technology comes from real-world racing performance."
            },
            {
              id: "03",
              title: "Premium Components",
              description: "Only the finest groupsets, drivetrain systems, and wheel builds. Quality components that last and perform when it matters most."
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Flexible Financing Options"
          description="Premium performance doesn't have to mean premium pricing. Choose how you ride."
          tag="Payment Plans"
          tagIcon={CreditCard}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "pro-choice",
              badge: "Best Seller",
              badgeIcon: Sparkles,
              price: "€2,899",
              subtitle: "Hardtail MTB Performance",
              features: [
                "Aluminum frame | 29\" wheels",
                "Shimano Deore drivetrain",
                "RockShox suspension fork",
                "Free first service (12 months)",
                "Free shipping | 3-5 day delivery",
                "30-day return policy"
              ]
            },
            {
              id: "elite-enduro",
              badge: "Pro Choice",
              badgeIcon: Zap,
              price: "€4,499",
              subtitle: "Full-Suspension Enduro",
              features: [
                "Carbon frame | 29\" wheels",
                "Shimano SLX drivetrain",
                "Fox suspension system",
                "Free accessories pack (€300 value)",
                "Free shipping | 3-5 day delivery",
                "Lifetime frame warranty"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="BULLS bikes have completely transformed my riding experience. The precision engineering is immediately noticeable—every shift, every turn feels dialed. I've ridden competitively for 8 years, and this is hands-down the best value-to-performance ratio I've found."
          rating={5}
          author="Marcus König, Professional MTB Racer"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549086558-g818n8rj.jpg",
              alt: "Marcus König"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549086810-mow3rqhk.jpg",
              alt: "Sarah Mueller"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549087083-ljtr829q.jpg",
              alt: "James Robinson"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549087442-nlo5u448.jpg",
              alt: "Lisa Hartmann"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549088138-jtz76isi.jpg",
              alt: "David Schmidt"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549088838-knnc003q.jpg",
              alt: "Emma Fischer"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Trusted by Riders Worldwide"
          description="Real results from real riders. Here's why BULLS is the choice of serious cyclists."
          tag="Social Proof"
          tagIcon={TrendingUp}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "riders",
              value: "5,000+",
              title: "Satisfied Riders Worldwide",
              items: [
                "98% customer satisfaction rate",
                "4.9★ average rating",
                "Racing & recreational riders"
              ]
            },
            {
              id: "warranty",
              value: "Lifetime",
              title: "Frame Warranty Coverage",
              items: [
                "Defect protection on all models",
                "24-month component warranty",
                "Comprehensive support network"
              ]
            },
            {
              id: "german",
              value: "30+",
              title: "Years Engineering Heritage",
              items: [
                "German precision manufacturing",
                "Race-tested technology",
                "Industry-leading innovation"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about BULLS bikes, sizing, warranty, and shipping."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "How do I choose the right bike size?",
              content: "BULLS offers a comprehensive sizing guide based on your height and inseam. Each model includes height recommendations (e.g., 160-170cm for size M). We provide detailed geometry specs for frame, reach, and stack measurements. Contact our support team for personalized fitting assistance—we want you to get it right."
            },
            {
              id: "2",
              title: "What's covered by the warranty?",
              content: "Full frame warranty is included with all BULLS models: lifetime defects on frame/fork, 24-month manufacturer warranty on components (drivetrain, brakes, suspension). Wear items like tires, cables, and pads are covered for 12 months. Damage from crashes or misuse is not covered. Warranty is non-transferable."
            },
            {
              id: "3",
              title: "How quickly will my bike arrive?",
              content: "All orders ship within 1-2 business days. Standard delivery is 3-5 business days via express courier. Expedited delivery (1-2 days) is available in select regions. You'll receive tracking updates at every stage. Orders placed Friday-Sunday ship Monday."
            },
            {
              id: "4",
              title: "Can I finance my purchase?",
              content: "Yes! We partner with Klarna for flexible payment plans. Split your purchase into 3, 6, or 12 monthly installments with 0% interest on select models. Approval is instant at checkout. Other financing partners available—contact us for options."
            },
            {
              id: "5",
              title: "What's your return policy?",
              content: "30-day money-back guarantee on all bikes. If you're not 100% satisfied, return it in original condition (unassembled or lightly ridden) for a full refund. No questions asked. Return shipping is free for defective items; customer pays return shipping for returns."
            },
            {
              id: "6",
              title: "Are upgrades and customizations available?",
              content: "Yes. Each model offers optional upgrades: premium wheelsets, drivetrain bumps (Shimano SLX → XT), suspension tuning, and accessory bundles. Choose upgrades at checkout. Custom builds are available for professional/racing customers—inquire for details."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Ride?"
          ctaDescription="Get expert advice on choosing your perfect BULLS bike. Our team is here to help you make the right choice."
          ctaButton={{
            text: "Get Expert Help",
            href: "#"
          }}
          ctaIcon={Phone}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "Do you offer bike fitting services?",
              content: "Yes. Professional fitting is available at our showroom and via video consultation. We use advanced geometry mapping to ensure perfect frame size and component positioning. Fitting service: €49 (credited toward purchase)."
            },
            {
              id: "2",
              title: "What's your return/exchange process?",
              content: "Contact our support team within 30 days of delivery. We'll arrange a prepaid return shipping label. Once received and inspected, we process your refund or exchange within 5 business days. No restocking fees."
            },
            {
              id: "3",
              title: "How do I maintain my BULLS bike?",
              content: "Each BULLS bike includes a comprehensive maintenance guide. First service is free (included in purchase)—covers drivetrain tuning, brake adjustment, and suspension setup. Routine maintenance: chain cleaning every 100 miles, brake pad inspection quarterly."
            },
            {
              id: "4",
              title: "Can I purchase directly from a dealer?",
              content: "Yes. BULLS has authorized dealers across Europe and North America. Find your nearest dealer on our locator. Dealer prices match online pricing. Dealers offer local support and can arrange test rides."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BULLS"
          copyrightText="© 2025 BULLS Bikes. German Engineering. Engineered for Performance."
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Models", href: "#models" },
                { label: "Hardtail", href: "#models" },
                { label: "Full-Suspension", href: "#models" },
                { label: "Gravel", href: "#models" },
                { label: "e-Bikes", href: "#models" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Sizing Guide", href: "#faq" },
                { label: "Warranty Info", href: "#faq" },
                { label: "Maintenance", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Track Order", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About BULLS", href: "#features" },
                { label: "German Heritage", href: "#features" },
                { label: "Race Teams", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Return Policy", href: "#faq" },
                { label: "Shipping Info", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}