"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Wrench, DollarSign, Phone, Bike, Sparkles } from "lucide-react";

export default function HvacPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            brandName="HDAC Cycles"
            navItems={[
              { name: "Bikes", id: "services" },
              { name: "About", id: "about" },
              { name: "Reviews", id: "testimonials" },
              { name: "Contact", id: "contact" }
            ]}
            button={{ text: "Shop Now", href: "#services" }}
            animateOnLoad={false}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboard
            title="HDAC Cycles: Your Journey Starts Here"
            description="Experience the thrill of the open road and rugged trails with our meticulously crafted bicycles and premium gear. Pedal towards adventure with HDAC Cycles."
            buttons={[
              { text: "Shop Bikes", href: "#services" },
              { text: "Explore Gear", href: "#services" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124619.jpg"
            imageAlt="Cyclist riding a premium HDAC bike on a scenic road"
            background={{ variant: "radial-gradient" }}
          />
        </div>

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            tag="Our Story"
            title="Crafting Exceptional Cycling Experiences"
            description="At HDAC Cycles, we believe in the thrill of the ride. For over a decade, we've been designing and building high-performance bicycles and curated gear for enthusiasts and adventurers alike. Our passion for cycling drives our commitment to quality, innovation, and rider satisfaction."
            metrics={[
              {
                value: "10,000+",                title: "Bikes sold globally"
              },
              {
                value: "15+",                title: "Years of cycling innovation"
              }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/red-head-bearded-mechanic-fixing-rear-derailleur-from-bicycle-workshop_613910-13827.jpg"
            imageAlt="HDAC Cycles craftsman assembling a high-performance bicycle"
            mediaBadge={{
              text: "Ride with us",              avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-bicycle_52683-97546.jpg",              avatarAlt: "HDAC team member"
            }}
            mediaAnimation="slide-up"
            metricsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>
        <div id="services" data-section="services">
          <FeatureCardOne
            title="Our Bike Collections"
            description="Find your perfect ride for every terrain and adventure."
            buttons={[{ text: "View All Bikes", href: "#services" }]}
            buttonAnimation="slide-up"
            features={[
              {
                title: "Road Bikes",                description: "Lightweight and aerodynamic for speed and endurance on paved roads.",                imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-leather-jacket-riding-motorbike-doing-tricks-countryside-road_176420-42479.jpg",                imageAlt: "HDAC Road Bike"
              },
              {
                title: "Mountain Bikes",                description: "Robust and agile for conquering trails, jumps, and challenging terrain.",                imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-rider-offroad-gravel-track_346278-26.jpg",                imageAlt: "HDAC Mountain Bike"
              },
              {
                title: "Electric Bikes",                description: "Boost your ride with powerful motors, perfect for commuting and extended adventures.",                imageSrc: "http://img.b2bpic.net/free-photo/bikes-rent-street_1187-2187.jpg",                imageAlt: "HDAC Electric Bike"
              },
              {
                title: "Hybrid Bikes",                description: "Versatile and comfortable, ideal for city commutes and light trail riding.",                imageSrc: "http://img.b2bpic.net/free-photo/confident-eco-friendly-dark-skinned-ceo-using-two-wheeled-pedal-assist-vehicle-get-work-successful-modern-black-businessman-riding-bicycle-office-after-lunch-people-transport-business_273609-1169.jpg",                imageAlt: "HDAC Hybrid Bike"
              },
              {
                title: "Kids' Bikes",                description: "Safe and fun designs to inspire the next generation of cyclists.",                imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-outside-playground_23-2147819700.jpg",                imageAlt: "HDAC Kids' Bike"
              },
              {
                title: "Accessories & Gear",                description: "Explore essential gear, apparel, and components for your ultimate cycling experience.",                imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-many-colorful-climbing-carabiners-knots-wooden-surface_181624-21905.jpg",                imageAlt: "Cycling accessories"
              }
            ]}
            gridVariant="uniform-all-items-equal"
            uniformGridCustomHeightClasses="aspect-square"
            gridClassName="md:!grid-cols-3"
            carouselThreshold={7}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
        <FeatureBorderGlow
          title="Why Choose HDAC Cycles"
          description="Experience the HDAC difference – quality, innovation, and passion."
          features={[
            {
              icon: Bike,
              title: "Precision Engineering",              description: "Each HDAC bike is crafted with meticulous attention to detail and advanced engineering."
            },
            {
              icon: Sparkles,
              title: "Innovative Design",              description: "Stay ahead with cutting-edge designs that combine aesthetics with peak performance."
            },
            {
              icon: DollarSign,
              title: "Unbeatable Value",              description: "Premium quality bikes and gear that deliver exceptional performance without breaking the bank."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />

        <FeatureCardEight
          title="Your Journey with HDAC"
          description="Our seamless process from browsing to hitting the road."
          features={[
            {
              title: "Explore Collections",              description: "Browse our diverse range of bikes and gear online or visit a dealer for inspiration.",              imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-browsing-laptop-outdoors_23-2148731274.jpg",              imageAlt: "Person browsing bikes online"
            },
            {
              title: "Personalized Fit",              description: "Get expert advice from our team to ensure the perfect bike fit for your riding style and needs.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-repairing-bicycle_23-2149103872.jpg",              imageAlt: "Salesperson helping a customer with bike fit"
            },
            {
              title: "Ready for the Ride",              description: "Your new bike is expertly assembled, tuned, and ready for its first adventure on the road or trail.",              imageSrc: "http://img.b2bpic.net/free-photo/back-view-stylish-man-standing-with-bicycle-outdoors_8353-6370.jpg",              imageAlt: "New bike ready to be picked up"
            },
            {
              title: "Community & Support",              description: "Join the HDAC community with ongoing support, maintenance tips, and exclusive rider events.",              imageSrc: "http://img.b2bpic.net/free-photo/people-riding-their-bikes-group-nature_23-2150815989.jpg",              imageAlt: "Group of cyclists on a ride"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            title="Rider Reviews"
            description="Hear what our passionate community says about their HDAC experience."
            testimonials={[
              {
                id: "1",                name: "Alex P.",                handle: "Avid Cyclist, California",                testimonial: "My HDAC road bike is a dream! The lightweight frame and smooth shifting make every ride a joy. Customer service was also top-notch, helping me choose the perfect model.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-riding-bike-outdoors_23-2150884398.jpg",                imageAlt: "Alex P."
              },
              {
                id: "2",                name: "Maya K.",                handle: "Commuter, New York",                testimonial: "The HDAC electric bike transformed my daily commute. It's reliable, stylish, and powerful enough to tackle any hill. I look forward to my ride every day now.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647389.jpg",                imageAlt: "Maya K."
              },
              {
                id: "3",                name: "Ben T.",                handle: "Trailblazer, Colorado",                testimonial: "I put my HDAC mountain bike through its paces on the toughest trails, and it never disappoints. The suspension and durability are unmatched. Truly built for adventure.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-male-cyclist-wearing-protective-helmet-glasses-feeling-tired-after-intensive-cycling-workout-outdoors-forest-his-booster-bike_273609-261.jpg",                imageAlt: "Ben T."
              }
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
        <div id="faq" data-section="faq">
          <FaqSplitText
            sideTitle="Common Questions About Cycling"
            sideDescription="Find answers to frequently asked questions about HDAC Cycles, bike maintenance, and more."
            buttons={[{ text: "Contact Support", href: "#contact" }]}
            buttonAnimation="slide-up"
            faqsAnimation="slide-up"
            textPosition="left"
            useInvertedBackground={false}
            faqs={[
              {
                id: "1",                title: "What size bike do I need?",                content: "Finding the right bike size is crucial for comfort and performance. We offer a comprehensive sizing guide on our website and our expert staff are always available to help you find your perfect fit in-store."
              },
              {
                id: "2",                title: "How often should I tune up my bike?",                content: "For avid riders, we recommend a basic tune-up every 3-6 months, and a major service annually. Casual riders might only need an annual check-up, depending on usage and conditions. Regular maintenance extends your bike's lifespan."
              },
              {
                id: "3",                title: "Do you offer international shipping?",                content: "Yes, we offer international shipping to many countries. Shipping costs and delivery times vary by destination. Please check our shipping policy page or contact customer service for specific details."
              },
              {
                id: "4",                title: "What is your warranty policy?",                content: "All HDAC Cycles bikes and most components come with a limited warranty covering manufacturing defects. Specific warranty periods vary by product. Details can be found on our website's warranty page."
              },
              {
                id: "5",                title: "Can I customize my HDAC bike?",                content: "While our bikes come with premium components, many riders enjoy personalizing their setup. We offer a range of compatible upgrades and accessories. Our team can advise on customization options that best suit your riding style."
              }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            tag="Connect with Us"
            tagIcon={Phone}
            title="Ready to Find Your Perfect Ride?"
            description="Our team of cycling enthusiasts is here to assist you with product inquiries, support, or just to talk bikes. Get in touch with us today."
            buttons={[
              { text: "Get in Touch", href: "#contact" },
              { text: "Call Our Experts", href: "tel:5559876543" }
            ]}
            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="HDAC Cycles"
            imageSrc="http://img.b2bpic.net/free-photo/fitness-boy-with-bike-road_23-2148017254.jpg"
            imageAlt="Cyclist riding through a forest path"
            columns={[
              {
                title: "Bikes",                items: [
                  { label: "Road Bikes", href: "#services" },
                  { label: "Mountain Bikes", href: "#services" },
                  { label: "Electric Bikes", href: "#services" },
                  { label: "Hybrid Bikes", href: "#services" }
                ]
              },
              {
                title: "HDAC",                items: [
                  { label: "Our Story", href: "#about" },
                  { label: "Rider Reviews", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                  { label: "Contact Us", href: "#contact" }
                ]
              },
              {
                title: "Contact Info",                items: [
                  { label: "(555) 987-6543", href: "tel:5559876543" },
                  { label: "info@hdacycles.com", href: "mailto:info@hdacycles.com" },
                  { label: "123 Cycle Lane, Adventure City", href: "#" }
                ]
              }
            ]}
            copyrightText="© 2026 | HDAC Cycles"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}