"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Gamepad2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BZD Tech & Gaming"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="BZD Tech & Gaming Center"
          description="Experience the ultimate gaming and technology hub in Bayanzurkh District, Ulaanbaatar. High-performance gaming PCs, expert tech support, premium accessories, and lightning-fast internet for serious gamers and tech enthusiasts."
          tag="Gaming • Technology • Support"
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Services", href: "#services" },
            { text: "Visit Us", href: "#location" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/a-high-performance-gaming-pc-setup-with--1773662542871-2510580d.png?_wi=1"
          imageAlt="Professional gaming PC setup with RGB lighting"
          showDimOverlay={false}
          showBlur={true}
          ariaLabel="BZD Gaming Center hero section"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          tagAnimation="slide-up"
          title="Your Gateway to Gaming Excellence"
          description="BZD Tech & Gaming Center is committed to creating the ultimate comfortable environment for gamers and technology users. We believe in combining cutting-edge hardware with exceptional service to deliver an unparalleled gaming experience."
          subdescription="Located in the heart of Bayanzurkh District, near apartments and schools, we've built a community space where gamers of all levels can compete, learn, and thrive. Our mission is to provide fast computers, modern gaming equipment, and reliable tech support that keeps you in the game."
          icon={Gamepad2}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/multiple-custom-built-gaming-pcs-display-1773662543012-d4d820f0.png?_wi=1"
          imageAlt="Gaming center gaming PC display"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About BZD Gaming Center"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Premium Services"
          description="We offer a complete range of gaming and tech services designed to meet every gamer's needs, from competitive play to casual enjoyment."
          tag="Services"
          tagAnimation="slide-up"
          features={[
            {
              id: "gaming-pcs",              title: "High-Performance Gaming PCs",              tags: ["Gaming", "Custom Built", "Latest Tech"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/multiple-custom-built-gaming-pcs-display-1773662543012-d4d820f0.png?_wi=2",              imageAlt: "Gaming PC systems"
            },
            {
              id: "repair-support",              title: "Expert Computer Repair",              tags: ["Repair", "Maintenance", "Tech Support"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/professional-technician-working-on-compu-1773662543216-4315f50e.png?_wi=1",              imageAlt: "Computer repair service"
            },
            {
              id: "accessories",              title: "Gaming Accessories",              tags: ["Peripherals", "Premium Quality", "RGB Gear"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/professional-gaming-accessories-arranged-1773662543193-92bbaeb1.png",              imageAlt: "Gaming accessories display"
            },
            {
              id: "internet",              title: "High-Speed Internet",              tags: ["Fast Connection", "Stable", "Low Latency"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/high-speed-internet-network-visualizatio-1773662542801-b1249d3e.png?_wi=1",              imageAlt: "High-speed internet connectivity"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "#contact" }]}
          buttonAnimation="slide-up"
          carouselMode="buttons"
          ariaLabel="Services offered"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose BZD Gaming Center"
          description="Industry-leading gaming experience with proven results and customer satisfaction."
          tag="Our Impact"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "gaming-pcs-count",              value: "50+",              title: "Gaming PCs",              description: "Latest high-performance systems available daily for all skill levels",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/a-high-performance-gaming-pc-setup-with--1773662542871-2510580d.png?_wi=2",              videoAriaLabel: "Gaming PCs video"
            },
            {
              id: "satisfaction",              value: "99%",              title: "Customer Satisfaction",              description: "Dedicated support team ensuring exceptional service quality",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/multiple-custom-built-gaming-pcs-display-1773662543012-d4d820f0.png?_wi=3",              videoAriaLabel: "Customer Satisfaction video"
            },
            {
              id: "daily-visitors",              value: "200+",              title: "Daily Visitors",              description: "Students and gamers from across Bayanzurkh trusting our services",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/professional-technician-working-on-compu-1773662543216-4315f50e.png?_wi=2",              videoAriaLabel: "Daily Visitors video"
            },
            {
              id: "support-hours",              value: "24/7",              title: "Available Support",              description: "Round-the-clock tech assistance for our gaming community",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/high-speed-internet-network-visualizatio-1773662542801-b1249d3e.png?_wi=2",              videoAriaLabel: "Available Support video"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Contact Us", href: "#contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="Gaming center metrics and achievements"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Gamers"
          description="Hear from our community of satisfied gamers and tech enthusiasts."
          tag="Testimonials"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "testimonial-1",              name: "Temüjin D.",              handle: "@temujin_gaming",              testimonial: "Best gaming center in Bayanzurkh! The PC selection is incredible and the staff really knows their stuff. Perfect spot to practice competitive gaming.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/portrait-of-a-young-gamer-in-a-gaming-en-1773662543102-18bc0f71.png",              imageAlt: "Temüjin testimonial"
            },
            {
              id: "testimonial-2",              name: "Ankhaa S.",              handle: "@ankhaa_tech",              testimonial: "I had a problem with my gaming rig and they fixed it in no time. The repair service is top-notch and the prices are reasonable. Highly recommended!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/portrait-of-a-gaming-student-in-a-casual-1773662543146-9a793dd8.png",              imageAlt: "Ankhaa testimonial"
            },
            {
              id: "testimonial-3",              name: "Bolor M.",              handle: "@bolor_esports",              testimonial: "The internet speed here is amazing! Perfect for competitive play and streaming. BZD is my go-to training center. The whole team is supportive and professional.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/portrait-of-a-professional-esports-playe-1773662542641-2c5cefc4.png",              imageAlt: "Bolor testimonial"
            },
            {
              id: "testimonial-4",              name: "Enkhbat L.",              handle: "@enkhbat_gamer",              testimonial: "Great atmosphere, great people, great gaming. The accessories selection is diverse and the staff gives honest recommendations. BZD is gaming culture done right!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1g59FAW8Wcmnuk8Lu08ATo1wh/portrait-of-a-gaming-enthusiast-in-a-mod-1773662543266-feeb8362.png",              imageAlt: "Enkhbat testimonial"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          ariaLabel="Customer testimonials"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about BZD Tech & Gaming Center services and facilities."
          faqs={[
            {
              id: "faq-1",              title: "What makes BZD different from other gaming centers?",              content: "BZD Tech & Gaming Center combines top-tier gaming PCs, expert technical support, a curated selection of gaming accessories, and high-speed internet optimized for competitive play. Our dedicated team creates an atmosphere where every gamer—from beginners to pros—feels at home."
            },
            {
              id: "faq-2",              title: "How much does it cost to use the gaming PCs?",              content: "Our pricing is competitive and designed for students and casual gamers. Hourly rates are affordable, and we offer packages for regular visitors. Contact us directly for current rates and special discounts."
            },
            {
              id: "faq-3",              title: "Do you offer gaming PC repair services?",              content: "Yes! Our technicians provide fast, reliable computer repair and maintenance services. We diagnose and fix issues quickly so your PC is back in action. We also offer component upgrades and custom builds."
            },
            {
              id: "faq-4",              title: "What gaming accessories do you sell?",              content: "We stock a wide range of premium gaming peripherals including gaming mice, mechanical keyboards, gaming headsets, mousepads, and more. Our staff can recommend the best equipment for your gaming style."
            },
            {
              id: "faq-5",              title: "Is the internet connection suitable for competitive play?",              content: "Absolutely. We offer high-speed, low-latency internet specifically optimized for gaming. Perfect for esports tournaments, competitive ranked play, and streaming."
            },
            {
              id: "faq-6",              title: "How do I get to BZD Gaming Center?",              content: "We're located in Bayanzurkh District, near apartments and schools (WW3W+W8V, BZD - 26 khoroo, Ulaanbaatar 13271). Easy access by public transport or car. Visit our location section for directions."
            }
          ]}
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          buttons={[{ text: "Contact Support", href: "#contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience gaming like never before? Contact BZD Tech & Gaming Center today!"
          animationType="entrance-slide"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Call: +976 XXXX XXXX", href: "tel:+976XXXXXXXX" },
            { text: "Email: info@gamingcenter.mn", href: "mailto:info@gamingcenter.mn" },
            { text: "Visit Location", href: "#location" }
          ]}
          ariaLabel="Contact BZD Gaming Center"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BZD Gaming"
          copyrightText="© 2025 BZD Tech & Gaming Center. All rights reserved."
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "#home" },
                { label: "About", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Gaming PCs", href: "#services" },
                { label: "Computer Repair", href: "#services" },
                { label: "Accessories", href: "#services" },
                { label: "High-Speed Internet", href: "#services" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: +976 XXXX XXXX", href: "tel:+976XXXXXXXX" },
                { label: "Email: info@gamingcenter.mn", href: "mailto:info@gamingcenter.mn" },
                { label: "Location", href: "#location" },
                { label: "Support", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
