"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { AlertCircle, Zap, Trophy, Gauge, Shield } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="neon-glow"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="BULLS"
          button={{
            text: "Choose Your Bike",
            href: "#bike-selection"
          }}
          className="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-md border-b border-primary-cta/10"
          buttonClassName="px-6 py-2 rounded-soft font-semibold text-sm"
          buttonTextClassName="text-primary-cta"
        />
      </div>

      <div id="hero" data-section="hero" className="relative overflow-hidden">
        <HeroBillboardMetrics
          title="Engineered for Speed. Built for Control."
          description="Precision-engineered BULLS bikes designed for riders who demand performance on every terrain. Trusted by 5,000+ riders worldwide. ★★★★★ 4.9/5"
          tag="LIMITED STOCK AVAILABLE"
          tagIcon={AlertCircle}
          buttons={[
            {
              text: "Choose Your Bike",
              href: "#bike-selection"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549027421-71mdy4n5.jpg"
          imageAlt="Premium BULLS flagship bicycle"
          frameStyle="card"
          metricsLabel="Trusted by leading professional riders and cycling teams worldwide"
          metrics={[
            {
              id: "1",
              value: "5,000+",
              label: "Satisfied Riders"
            },
            {
              id: "2",
              value: "4.9★",
              label: "Average Rating"
            },
            {
              id: "3",
              value: "3-5 Days",
              label: "Fast Delivery"
            }
          ]}
          className="relative"
          containerClassName="py-12 md:py-20"
          titleClassName="text-4xl md:text-5xl font-bold text-foreground"
          descriptionClassName="text-base md:text-lg text-foreground/80"
          tagClassName="px-4 py-2 bg-accent/20 text-primary-cta rounded-soft text-sm font-semibold"
          metricsLabelClassName="text-foreground/70 text-sm md:text-base"
        />
      </div>

      <div id="bike-selection" data-section="bike-selection" className="bg-background-accent/5">
        <ProductCardSeven
          title="Choose Your Perfect BULLS Bike"
          description="Select from our flagship collection. Each model engineered for specific riding styles and terrain."
          products={[
            {
              id: "hardtail",
              name: "Hardtail MTB",
              price: "$1,299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548955998-jc66agsb.jpg",
              imageAlt: "Hardtail Mountain Bike"
            },
            {
              id: "full-suspension",
              name: "Full-Suspension MTB",
              price: "$2,099",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549027687-bhw0xc8w.jpg",
              imageAlt: "Full Suspension Mountain Bike - Best Seller"
            },
            {
              id: "gravel",
              name: "Gravel Adventure",
              price: "$1,599",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549028017-adykv0lo.jpg",
              imageAlt: "Gravel Adventure Bike"
            },
            {
              id: "road",
              name: "Road Pro",
              price: "$1,799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549028331-de1zaenc.jpg",
              imageAlt: "Road Racing Bike"
            },
            {
              id: "ebike",
              name: "e-Bike Elite",
              price: "$3,499",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549028672-13ko93mr.jpg",
              imageAlt: "Premium Electric Bike"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-16 md:py-24"
        />
      </div>

      <div id="financing-offers" data-section="financing-offers" className="bg-background-accent/10">
        <FeatureCardTwelve
          title="Flexible Financing & Exclusive Offers"
          description="Make your dream BULLS bike affordable with our flexible payment options and limited-time bonuses."
          features={[
            {
              id: "financing",
              label: "Financing",
              title: "Flexible Payment Plans",
              items: [
                "From €49/month with Klarna",
                "0% interest for 12 months",
                "Buy now, pay later options",
                "Instant approval process"
              ],
              buttons: [
                {
                  text: "Learn More",
                  href: "#"
                }
              ]
            },
            {
              id: "shipping",
              label: "Shipping",
              title: "Free Express Delivery",
              items: [
                "FREE shipping on all orders",
                "Delivered in 3-5 business days",
                "Professional assembly included",
                "Track your order in real-time"
              ],
              buttons: [
                {
                  text: "View Details",
                  href: "#"
                }
              ]
            },
            {
              id: "bonus",
              label: "Bonus",
              title: "Limited-Time Offer",
              items: [
                "FREE first service (€120 value)",
                "Premium accessories pack included",
                "Extended 2-year frame warranty",
                "Priority customer support"
              ],
              buttons: [
                {
                  text: "Claim Offer",
                  href: "#"
                }
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-16 md:py-24"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="bg-card">
        <TestimonialCardTwo
          title="Trusted by Professional Riders & Enthusiasts"
          description="See what riders from all disciplines say about their BULLS bikes."
          testimonials={[
            {
              id: "1",
              name: "Marcus Weber",
              role: "MTB Racer",
              testimonial: "The engineering is unmatched. Precision handling on technical trails, aggressive geometry that rewards technique. Best investment I've made in 15 years of racing.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548957298-0hld77hl.jpg",
              imageAlt: "Marcus Weber, MTB Racer"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              role: "Gravel Enthusiast",
              testimonial: "Rode across three countries on my BULLS gravel bike. Smooth ride quality, confidence in any condition. German engineering really shows in the details.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549003103-pgzxg754.jpg",
              imageAlt: "Sarah Mitchell, Gravel Enthusiast"
            },
            {
              id: "3",
              name: "James Chen",
              role: "Weekend Rider",
              testimonial: "Coming from a competitor's bike, the control and comfort are night and day. Worth every penny. Felt like an upgrade to my skills immediately.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549008483-oxrd221f.jpg",
              imageAlt: "James Chen, Weekend Rider"
            },
            {
              id: "4",
              name: "Elena Rodriguez",
              role: "Pro Road Cyclist",
              testimonial: "Lightweight, responsive, perfectly balanced. The frameset geometry is dialed for speed without sacrificing comfort on long rides. This is race-proven performance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767549029239-04sgfkip.jpg",
              imageAlt: "Elena Rodriguez, Pro Road Cyclist"
            },
            {
              id: "5",
              name: "David Kim",
              role: "Urban Commuter",
              testimonial: "Premium build quality at a reasonable price. My daily commute is now a joy. Durability has been exceptional after 2+ years of daily use.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548958056-jnpp6s89.jpg",
              imageAlt: "David Kim, Urban Commuter"
            },
            {
              id: "6",
              name: "Lisa Hoffmann",
              role: "Endurance Cyclist",
              testimonial: "Completed a 1,200km tour on my BULLS. Comfort and reliability were flawless. The bike handled everything I threw at it. Highly recommend.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548944085-ceri47nf.jpg",
              imageAlt: "Lisa Hoffmann, Endurance Cyclist"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-16 md:py-24"
        />
      </div>

      <div id="why-bulls" data-section="why-bulls" className="bg-background-accent/5">
        <AboutMetric
          title="Why BULLS? German Engineering, Race-Tested Performance, Premium Components."
          useInvertedBackground="noInvert"
          metrics={[
            {
              icon: Zap,
              label: "German Engineering",
              value: "Since 1990"
            },
            {
              icon: Trophy,
              label: "Race-Tested",
              value: "Professional Teams"
            },
            {
              icon: Gauge,
              label: "Precision Geometry",
              value: "Every Detail Matters"
            },
            {
              icon: Shield,
              label: "Premium Components",
              value: "Proven Durability"
            }
          ]}
          className="py-16 md:py-24"
          containerClassName="max-w-6xl mx-auto px-4"
        />
      </div>

      <div id="product-education" data-section="product-education" className="bg-card">
        <MetricCardEight
          title="Engineering Excellence: Every Component Engineered for Performance"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946171-tew9nksp.jpg"
          imageAlt="BULLS Frame Geometry Illustration"
          metrics={[
            {
              id: "1",
              value: "Advanced",
              title: "Frame Geometry optimized for control and speed"
            },
            {
              id: "2",
              value: "Premium",
              title: "Suspension technology for smooth ride quality"
            },
            {
              id: "3",
              value: "Precision",
              title: "Drivetrain components from top manufacturers"
            },
            {
              id: "4",
              value: "Tested",
              title: "Race-proven reliability and durability"
            }
          ]}
          useInvertedBackground="noInvert"
          className="py-16 md:py-24"
          containerClassName="max-w-6xl mx-auto px-4"
        />
      </div>

      <div id="comparison" data-section="comparison" className="bg-background-accent/5">
        <PricingCardSix
          title="BULLS vs The Competition"
          description="See how BULLS bikes stack up against other premium brands."
          plans={[
            {
              id: "bulls",
              price: "BULLS",
              subtitle: "The Choice of Champions",
              features: [
                "German-engineered precision geometry",
                "Premium components standard",
                "Race-tested reliability",
                "30-day return policy",
                "Lifetime frame warranty",
                "Expert support & service",
                "Free assembly & tuning"
              ],
              buttons: [
                {
                  text: "Choose BULLS",
                  href: "#bike-selection"
                }
              ]
            },
            {
              id: "competitor-a",
              price: "Competitor A",
              subtitle: "Standard Option",
              features: [
                "Mid-range geometry",
                "Mixed component quality",
                "Basic durability testing",
                "14-day return policy",
                "Limited warranty",
                "Slow support response",
                "Assembly fee extra"
              ],
              buttons: [
                {
                  text: "View Alternative",
                  href: "#"
                }
              ]
            },
            {
              id: "competitor-b",
              price: "Competitor B",
              subtitle: "Budget Alternative",
              features: [
                "Generic geometry design",
                "Budget component selection",
                "Minimal testing protocols",
                "7-day return policy",
                "30-day warranty only",
                "Limited support hours",
                "DIY assembly required"
              ],
              buttons: [
                {
                  text: "View Alternative",
                  href: "#"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-16 md:py-24"
        />
      </div>

      <div id="trust-guarantees" data-section="trust-guarantees" className="bg-primary-cta/5 rounded-soft">
        <ContactText
          text="Your BULLS bike comes with a 30-day return policy, lifetime frame warranty, and 2-year component coverage. Expert support available 24/5."
          animationType="entrance-slide"
          buttons={[
            {
              text: "View Full Guarantee",
              href: "#"
            },
            {
              text: "Contact Support",
              href: "#"
            }
          ]}
          useInvertedBackground="noInvert"
          containerClassName="py-12 md:py-16"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BULLS"
          columns={[
            {
              title: "Products",
              items: [
                {
                  label: "Mountain Bikes",
                  href: "#"
                },
                {
                  label: "Road Bikes",
                  href: "#"
                },
                {
                  label: "Gravel Bikes",
                  href: "#"
                },
                {
                  label: "E-Bikes",
                  href: "#"
                }
              ]
            },
            {
              title: "Shop",
              items: [
                {
                  label: "New Models",
                  href: "#"
                },
                {
                  label: "Financing Options",
                  href: "#"
                },
                {
                  label: "Accessories",
                  href: "#"
                },
                {
                  label: "Warranty Info",
                  href: "#"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "Size Guide",
                  href: "#"
                },
                {
                  label: "Assembly Help",
                  href: "#"
                },
                {
                  label: "Returns & Exchanges",
                  href: "#"
                },
                {
                  label: "Contact Us",
                  href: "#"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About BULLS",
                  href: "#"
                },
                {
                  label: "Our Heritage",
                  href: "#"
                },
                {
                  label: "Press",
                  href: "#"
                },
                {
                  label: "Careers",
                  href: "#"
                }
              ]
            }
          ]}
          copyrightText="© 2025 BULLS Bikes | Engineered for Performance"
          containerClassName="py-12 md:py-16"
        />
      </div>
    </ThemeProvider>
  );
}