"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

const HomePage = () => {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Store", id: "/store" },
    { name: "Ranks", id: "/ranks" },
    { name: "Keys", id: "/keys" },
    { name: "Vote", id: "/vote" },
    { name: "Support", id: "/support" }
  ];

  const footerNavItems = [
    {title:"Community",items:[{label:"Discord",href:"https://discord.gg/MEveY2k6Ta"},{label:"YouTube",href:"#"},{label:"Instagram",href:"#"},{label:"Vote",href:"/vote"}]},
    {title:"Store",items:[{label:"Ranks",href:"/ranks"},{label:"Keys",href:"/keys"},{label:"All Products",href:"/store"}]},
    {title:"Information",items:[{label:"Rules",href:"/rules"},{label:"Staff Team",href:"/team"},{label:"FAQ",href:"/faq"},{label:"Support",href:"/support"}]},
    {title:"Legal",items:[{label:"Privacy Policy",href:"/privacy"},{label:"Terms of Service",href:"/terms"}]}
  ];

  return (
    <ThemeProvider
      defaultButtonVariant={"icon-arrow"}
      defaultTextAnimation={"reveal-blur"}
      borderRadius={"soft"}
      contentWidth={"medium"}
      sizing={"mediumLarge"}
      background={"none"}
      cardStyle={"soft-shadow"}
      primaryButtonStyle={"radial-glow"}
      secondaryButtonStyle={"solid"}
      headingFontWeight={"semibold"}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName={"Kachhua MC"}
          logoSrc={"http://img.b2bpic.net/free-photo/skull-bones-from-sugar-black-background-flat-lay_169016-24652.jpg"}
          logoAlt={"minecraft server logo tortoise gold green"}
          navItems={navItems}
          button={{text:"Login / Register",href:"/auth"}}
          animateOnLoad={true}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title={"KACHHUA MC"}
          description={"India's Ultimate Lifesteal Network. Join our thriving community and dominate the server!"}
          background={{variant:"rotated-rays-animated-grid"}}
          buttons={[{text:"Join Server",href:"play.kachhuamc.fun"},{text:"Open Store",href:"/store"},{text:"Join Discord",href:"https://discord.gg/MEveY2k6Ta"}]}
          carouselItems={[{id:"hero-carousel-1",imageSrc:"http://img.b2bpic.net/free-photo/3d-render-abstract-landscape-extruding-cubes_1048-14429.jpg?_wi=1",imageAlt:"minecraft lifesteal server background"},{id:"hero-carousel-2",imageSrc:"http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143741.jpg?_wi=1",imageAlt:"minecraft titan rank 3d render"},{id:"hero-carousel-3",imageSrc:"http://img.b2bpic.net/free-photo/cloud-with-open-lock_1048-1662.jpg?_wi=1",imageAlt:"minecraft master key 3d render"},{id:"hero-carousel-4",imageSrc:"http://img.b2bpic.net/free-photo/3d-render-abstract-landscape-extruding-cubes_1048-14429.jpg?_wi=2",imageAlt:"minecraft lifesteal server background"},{id:"hero-carousel-5",imageSrc:"http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143741.jpg?_wi=2",imageAlt:"minecraft titan rank 3d render"},{id:"hero-carousel-6",imageSrc:"http://img.b2bpic.net/free-photo/cloud-with-open-lock_1048-1662.jpg?_wi=2",imageAlt:"minecraft master key 3d render"}]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      <div id="ranks-homepage" data-section="ranks-homepage">
        <ProductCardOne
          title={"Premium Ranks"}
          description={"Unlock exclusive perks, abilities, and status with our premium ranks."}
          gridVariant={"three-columns-all-equal-width"}
          animationType={"scale-rotate"}
          useInvertedBackground={false}
          products={[{id:"rank-titan",name:"Titan",price:"₹80",imageSrc:"http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143638.jpg?_wi=1",imageAlt:"minecraft titan rank icon"},{id:"rank-lord",name:"Lord",price:"₹199",imageSrc:"http://img.b2bpic.net/free-photo/3d-rendering-elegant-cross_23-2150913410.jpg?_wi=1",imageAlt:"minecraft lord rank icon"},{id:"rank-void",name:"Void",price:"₹299",imageSrc:"http://img.b2bpic.net/free-vector/military-game-insignia-rank-badge-cartoon-vector_107791-19729.jpg?_wi=1",imageAlt:"minecraft void rank icon"},{id:"rank-knight",name:"Knight",price:"₹399",imageSrc:"http://img.b2bpic.net/free-vector/realistic-green-shield-background_23-2147610622.jpg?_wi=1",imageAlt:"minecraft knight rank icon"},{id:"rank-demon",name:"Demon",price:"₹499",imageSrc:"http://img.b2bpic.net/free-photo/view-rhinoceros-animal-with-futuristic-robotic-parts_23-2151742086.jpg?_wi=1",imageAlt:"minecraft demon rank icon"}]}
        />
      </div>
      <div id="keys-homepage" data-section="keys-homepage">
        <ProductCardOne
          title={"Exclusive Keys"}
          description={"Open special crates for rare items, powerful gear, and unique cosmetics."}
          gridVariant={"four-items-2x2-equal-grid"}
          animationType={"scale-rotate"}
          useInvertedBackground={false}
          products={[{id:"key-steal",name:"Steal Key",price:"₹10",imageSrc:"http://img.b2bpic.net/free-photo/3d-rendering-valentines-day-gift_23-2151254285.jpg?_wi=1",imageAlt:"minecraft steal key crate icon"},{id:"key-koth",name:"Koth Key",price:"₹20",imageSrc:"http://img.b2bpic.net/free-photo/medieval-crown-royalty-still-life_23-2150385426.jpg?_wi=1",imageAlt:"minecraft koth key crate icon"},{id:"key-master",name:"Master Key",price:"₹30",imageSrc:"http://img.b2bpic.net/free-photo/flat-lay-still-life-printer-toners-assortment_23-2149120690.jpg?_wi=1",imageAlt:"minecraft master key crate icon"},{id:"key-empire",name:"Empire Key",price:"₹40",imageSrc:"http://img.b2bpic.net/free-vector/gold-chest-ui-game-vector-icon-element-set-casino-cartoon-interface-pack-with-lock-open-money-box-heart-star-coin-gear-settings-2d-fantasy-online-computer-app-isolated-loot-object_107791-22883.jpg?_wi=1",imageAlt:"minecraft empire key crate icon"}]}
        />
      </div>
      <div id="server-metrics" data-section="server-metrics">
        <MetricCardOne
          title={"Server Insights"}
          description={"Stay updated with real-time server statistics and community activity."}
          gridVariant={"uniform-all-items-equal"}
          animationType={"depth-3d"}
          useInvertedBackground={false}
          metrics={[{id:"online-players",value:"268+",title:"Online Players",description:"Players currently active on the network.",icon:"Users"},{id:"recent-purchases",value:"500+",title:"Recent Purchases",description:"Transactions completed in the last 24 hours.",icon:"ShoppingCart"},{id:"top-donators",value:"100+",title:"Top Donators",description:"Elite supporters making a difference.",icon:"Crown"},{id:"total-members",value:"10K+",title:"Total Community Members",description:"Our growing family on Discord and in-game.",icon:"HeartHandshake"}]}
        />
      </div>
      <div id="player-testimonials" data-section="player-testimonials">
        <TestimonialCardTwo
          title={"Hear From Our Players"}
          description={"See what our dedicated community members have to say about Kachhua MC."}
          animationType={"blur-reveal"}
          useInvertedBackground={false}
          testimonials={[{id:"1",name:"Aryan",role:"Lifesteal Enthusiast",testimonial:"Kachhua MC is by far the best Lifesteal server out there! The community is great, and the PvP is intense. Highly recommend the Demon Rank!",imageSrc:"http://img.b2bpic.net/free-photo/comic-book-everyday-lifestyle-scene_23-2151133832.jpg",imageAlt:"minecraft gamer avatar portrait"},{id:"2",name:"Maya",role:"Dedicated Builder",testimonial:"I love the unique features and the stability of Kachhua MC. It's a fantastic server for both competitive play and chilling with friends. Keep up the great work!",imageSrc:"http://img.b2bpic.net/free-photo/young-boy-playing-computer_23-2148860556.jpg",imageAlt:"minecraft player avatar focused"},{id:"3",name:"Rohan",role:"PvP Champion",testimonial:"The staff team is super responsive, and the anti-cheat is top-notch. Every battle feels fair and thrilling. This is my go-to server for Lifesteal PvP.",imageSrc:"http://img.b2bpic.net/free-photo/front-view-young-female-playing-vr-dark-wall_179666-39753.jpg",imageAlt:"minecraft pvp avatar sword"},{id:"4",name:"Priya",role:"Community Moderator",testimonial:"Being part of the Kachhua MC community is amazing. Everyone is welcoming, and the events are always fun. The server provides a truly premium Minecraft experience.",imageSrc:"http://img.b2bpic.net/free-photo/side-view-smiley-woman-playing-videogame_23-2149349992.jpg",imageAlt:"minecraft community avatar friendly"},{id:"5",name:"Sid",role:"Veteran Player",testimonial:"I've played on many Lifesteal servers, but Kachhua MC stands out with its innovation and dedication. The custom keys and ranks offer incredible value. A must-join!",imageSrc:"http://img.b2bpic.net/free-photo/activities-hipster-inspire-inspiration-icon_53876-21304.jpg",imageAlt:"minecraft veteran avatar wise"}]}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title={"Trusted by Thousands of Players"}
          description={"Our network is home to a thriving community and partners with leading Minecraft content creators and guilds."}
          textboxLayout={"default"}
          useInvertedBackground={false}
          names={["Team Zenith","Nova Gaming","Pixel Guild","BlockCrafters","MineVerse","Apex Legends MC","Eternal Realms"]}
          speed={40}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBase
          logoText={"Kachhua MC"}
          logoSrc={"http://img.b2bpic.net/free-photo/skull-bones-from-sugar-black-background-flat-lay_169016-24652.jpg"}
          logoAlt={"minecraft server logo tortoise gold green"}
          columns={footerNavItems}
          copyrightText={"© 2024 Kachhua MC. All rights reserved."}
        />
      </div>
    </ThemeProvider>
  );
};

export default HomePage;
