"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Clock, Headphones, Star, Users, Wifi, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Games",          id: "#games"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204977.jpg"
      logoAlt="Setaregan Gamenet Logo"
      brandName="Setaregan Gamenet"
      button={{
        text: "Book Now",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Setaregan Gamenet"
      description="Your ultimate destination for competitive gaming and social fun in Iran. Experience high-performance PCs, lightning-fast internet, and the best gaming community."
      buttons={[
        {
          text: "Explore Games",          href: "#games"},
        {
          text: "Book a Station",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199339.jpg"
      imageAlt="Modern Gamenet Interior"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Where Every Game Comes Alive at Setaregan Gamenet"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#features"},
      ]}
      buttonAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "High-End Gaming PCs",          description: "Experience seamless gameplay with our top-of-the-line gaming rigs, equipped with the latest GPUs and processors for ultimate performance.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/innovative-businessman-working-modern-laptop-inside-generated-by-ai_188544-27376.jpg",              imageAlt: "High-end gaming PC setup"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/gamer-enjoying-spaceship-flying-game-neon-illuminated-apartment_482257-124495.jpg",              imageAlt: "High-end gaming PC setup"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-with-rgb-keyboard_23-2149829133.jpg",              imageAlt: "High-end gaming PC setup"},
          ]
        },
        {
          title: "Lightning-Fast Internet",          description: "Zero lag, zero interruptions. Our dedicated fiber optic connection ensures you always have the lowest ping for competitive online gaming.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Comfortable Gaming Stations",          description: "Play for hours in ergonomic chairs and spacious desks designed for maximum comfort and focus, keeping you in the zone.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746608.jpg",              imageAlt: "Ergonomic gaming chair"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sitting-photographer-posing_23-2148019168.jpg",              imageAlt: "Ergonomic gaming chair"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108699.jpg",              imageAlt: "Ergonomic gaming chair"},
          ]
        },
        {
          title: "Vast Game Library",          description: "Access hundreds of the latest and most popular games across all genres, constantly updated to keep your experience fresh.",          bentoComponent: "reveal-icon",          icon: Headphones
        },
      ]}
      title="Unmatched Gaming Experience"
      description="Discover what makes Setaregan Gamenet the premier gaming hub in Iran. From cutting-edge hardware to a thriving community, we have it all."
    />
  </div>

  <div id="games" data-section="games">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "game-csgo",          name: "Counter-Strike: GO",          price: "Free to Play",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-portrait_23-2150712428.jpg",          imageAlt: "CS:GO game screenshot"},
        {
          id: "game-dota2",          name: "Dota 2",          price: "Free to Play",          imageSrc: "http://img.b2bpic.net/free-photo/stressed-couple-gamers-losing-space-shooter-video-game-playing-rgb-powerful-computer-while-streaming-online-competition-pro-cyber-woman-with-headset-performing-from-home-virtual-tournament_482257-12511.jpg",          imageAlt: "Dota 2 game screenshot"},
        {
          id: "game-valorant",          name: "Valorant",          price: "Free to Play",          imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-weapon_23-2150888807.jpg",          imageAlt: "Valorant game screenshot"},
        {
          id: "game-pubg",          name: "PUBG: Battlegrounds",          price: "Free to Play",          imageSrc: "http://img.b2bpic.net/free-photo/elite-unit-special-forces-soldier-camouflage-uniform-holding-gun-with-flashlight-laims-target-studio-photo-against-dark-textured-wall_613910-20308.jpg",          imageAlt: "PUBG game screenshot"},
        {
          id: "game-fifa",          name: "FIFA 24",          price: "Premium Access",          imageSrc: "http://img.b2bpic.net/free-photo/american-football-character-with-equipment_23-2151154173.jpg",          imageAlt: "FIFA 24 game screenshot"},
        {
          id: "game-fortnite",          name: "Fortnite",          price: "Free to Play",          imageSrc: "http://img.b2bpic.net/free-photo/frightened-superhero_1368-8462.jpg",          imageAlt: "Fortnite game screenshot"},
      ]}
      title="Our Popular Games & Packages"
      description="Dive into the action with our wide selection of games or grab a package for extended play."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-hourly",          badge: "Standard",          badgeIcon: Clock,
          price: "50,000 IRR/hr",          name: "Hourly Pass",          buttons: [
            {
              text: "Pay As You Play",              href: "#contact"},
          ],
          features: [
            "Access to all games",            "High-speed internet",            "Comfortable station"],
        },
        {
          id: "plan-halfday",          badge: "Popular",          badgeIcon: Star,
          price: "200,000 IRR",          name: "Half-Day Pass",          buttons: [
            {
              text: "Get 5 Hours",              href: "#contact"},
          ],
          features: [
            "5 hours of gameplay",            "Snack & Drink discount",            "Priority station booking"],
        },
        {
          id: "plan-fullday",          badge: "Best Value",          badgeIcon: Award,
          price: "350,000 IRR",          name: "Full-Day Pass",          buttons: [
            {
              text: "Enjoy All Day",              href: "#contact"},
          ],
          features: [
            "10 hours of gameplay",            "Meal & Drink discount",            "VIP station access",            "Exclusive event invites"],
        },
      ]}
      title="Flexible Gaming Plans"
      description="Choose the perfect plan that fits your gaming style, from hourly rates to full-day passes and membership benefits."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          icon: Headphones,
          title: "Gaming Stations",          value: "30+"},
        {
          id: "metric-2",          icon: Users,
          title: "Happy Gamers",          value: "5,000+"},
        {
          id: "metric-3",          icon: Clock,
          title: "Hours Played",          value: "100,000+"},
        {
          id: "metric-4",          icon: Wifi,
          title: "Internet Speed",          value: "1 GB/s"},
      ]}
      title="Our Achievements"
      description="Proudly serving the gaming community in Iran with top-tier facilities and an unforgettable experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ali Rahimi",          role: "Pro Gamer",          testimonial: "Setaregan Gamenet is hands down the best place to play. The PCs are incredibly fast, and the atmosphere is perfect for competitive gaming.",          imageSrc: "http://img.b2bpic.net/free-photo/angry-man-looking-man-cheering-after-winning-video-game_23-2148160142.jpg",          imageAlt: "Ali Rahimi"},
        {
          id: "2",          name: "Fatemeh Karimi",          role: "Esports Enthusiast",          testimonial: "I love coming here with my friends. The internet is super reliable, and they have all the latest games. Definitely my go-to spot!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",          imageAlt: "Fatemeh Karimi"},
        {
          id: "3",          name: "Reza Ahmadi",          role: "Casual Player",          testimonial: "The staff are friendly, the chairs are comfy, and the prices are great. It's the perfect escape to unwind and game after a long day.",          imageSrc: "http://img.b2bpic.net/free-photo/upset-college-girl-holding-blue-like-sign-high-quality-photo_2831-9528.jpg",          imageAlt: "Reza Ahmadi"},
        {
          id: "4",          name: "Sara Bahrami",          role: "Student Gamer",          testimonial: "Fantastic environment for studying game strategies and practicing with my team. The high-speed internet makes a huge difference.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg",          imageAlt: "Sara Bahrami"},
        {
          id: "5",          name: "Mohammad Jafari",          role: "Community Member",          testimonial: "Setaregan Gamenet fosters a true gaming community. I've met so many great people here, and the tournaments are always epic!",          imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",          imageAlt: "Mohammad Jafari"},
        {
          id: "6",          name: "Nazanin Amiri",          role: "Streamer",          testimonial: "As a streamer, a stable connection and powerful hardware are crucial. Setaregan delivers on all fronts, allowing me to stream flawlessly.",          imageSrc: "http://img.b2bpic.net/free-photo/texture-swimming-pool-mosaic-tile-background-wallpaper-banner-backdrop_1258-72269.jpg",          imageAlt: "Nazanin Amiri"},
      ]}
      title="What Our Gamers Say"
      description="Hear directly from our satisfied community members about their experiences at Setaregan Gamenet."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Riot Games",        "Valve Corporation",        "Activision Blizzard",        "EA Sports",        "Ubisoft",        "NVIDIA GeForce",        "AMD Ryzen"]}
      title="Trusted by Gamers & Supported by Leading Brands"
      description="We are proud to be a favorite among local gamers and work with top names in the gaming industry to bring you the best experience."
      speed={50}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What are your operating hours?",          content: "Setaregan Gamenet is open from 10 AM to 1 AM every day, including weekends and public holidays."},
        {
          id: "faq-2",          title: "Do I need to book a station in advance?",          content: "While not always required, we highly recommend booking your station in advance, especially during peak hours, to guarantee availability."},
        {
          id: "faq-3",          title: "What games do you offer?",          content: "We have a vast library including popular titles like CS:GO, Dota 2, Valorant, PUBG, FIFA, Fortnite, and many more across various genres."},
        {
          id: "faq-4",          title: "Can I bring my own peripherals (keyboard, mouse, headset)?",          content: "Absolutely! You are welcome to bring and use your personal gaming peripherals for maximum comfort and familiarity."},
        {
          id: "faq-5",          title: "Do you host tournaments?",          content: "Yes, we regularly host local tournaments for popular games with exciting prizes. Check our social media for upcoming event announcements!"},
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our services, games, or facilities? Find your answers here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Connect with Setaregan Gamenet"
      description="Ready to level up your gaming experience? Contact us for bookings, inquiries, or any questions you may have."
      inputPlaceholder="Your Email"
      buttonText="Send Message"
      termsText="By submitting, you agree to our privacy policy and terms of service. Our team will get back to you shortly."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204977.jpg"
      logoAlt="Setaregan Gamenet Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Features",              href: "#features"},
          ],
        },
        {
          items: [
            {
              label: "Games",              href: "#games"},
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Setaregan Gamenet"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
