"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Crown, ScrollText, Award } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Dashboard", id: "/dashboard" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Dashboard", href: "/dashboard" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Creator Quest RPG"
          logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
          logoAlt="Creator Quest RPG Logo"
          navItems={navItems}
          button={{
            text: "Sign Up",            href: "/register"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Level Up Your Creator Journey"
          description="Unlock your full potential with Creator Quest RPG. Complete daily missions, conquer quests, and gain XP to transform your content creation into an epic adventure. Start building habits that lead to viral success."
          background={{ variant: "radial-gradient" }}
          kpis={[
            { value: "100K+", label: "Creators Empowered" },
            { value: "5M+", label: "Missions Completed" },
            { value: "100%", label: "Growth Rate" },
          ]}
          enableKpiAnimation={true}
          tag="Your Quest Starts Here"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Start Your Quest Now", href: "/register" },
            { text: "Learn More", href: "/about" },
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg", alt: "Creator 1" },
            { src: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg", alt: "Creator 2" },
            { src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg", alt: "Creator 3" },
            { src: "http://img.b2bpic.net/free-vector/friend-request-character-icon_53876-97392.jpg", alt: "Creator 4" },
            { src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", alt: "Creator 5" },
          ]}
          avatarText="Join 100,000+ aspiring creators!"
          imageSrc="http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg"
          imageAlt="Creator Quest RPG Gamified Dashboard"
          mediaAnimation="opacity"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          animationType="slide-up"
          title="Gamified Growth for Creators"
          description="Turn your creative journey into an addictive RPG experience. With Creator Quest, every action contributes to your legend."
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: "f1",              title: "RPG Level System",              tags: ["Progression", "Rewards"],
              imageSrc: "http://img.b2bpic.net/free-vector/video-game-elements-collection_23-2150270231.jpg",              imageAlt: "RPG Level System XP Bar"
            },
            {
              id: "f2",              title: "Daily Missions",              tags: ["Habit Building", "Consistency"],
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-255243.jpg",              imageAlt: "Daily Mission Upload Video"
            },
            {
              id: "f3",              title: "Quest System",              tags: ["Challenges", "Mastery"],
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-blogger-holding-shoe-heel-sneakers-hands-happily-looking-camera-recording-new-fashion-video-her-vlog-camera_574295-5296.jpg",              imageAlt: "RPG Quest System"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          animationType="slide-up"
          title="Track Your Creator Quest"
          description="See your progress in real-time. Gain XP, increase your follower count, and earn prestigious achievement badges."
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "m1",              value: "99+",              title: "Creator Levels",              description: "Reach new heights and unlock exclusive titles.",              imageSrc: "http://img.b2bpic.net/free-photo/collage-people-using-reels_23-2149416510.jpg"
            },
            {
              id: "m2",              value: "1M+",              title: "Virtual Followers",              description: "Grow your audience within the platform and see your impact.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-recording-video-her-room-has-camera-coffee-table-reviewing_1258-254315.jpg"
            },
            {
              id: "m3",              value: "50+",              title: "Achievement Badges",              description: "Prove your dedication and skill with unique badges.",              imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-cool-prize_23-2149059602.jpg"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Creative Minds Inc.",            "Digital Vanguard Hub",            "Influencer Nexus Corp.",            "Content Cultivators LLC"
          ]}
          title="Trusted by Leading Creator Communities"
          description="Our platform is endorsed by top-tier creator networks dedicated to fostering talent and growth."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Community"
          tagIcon={Award}
          speed={25} 
          showCard={false} 
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial={`"Creator Quest RPG transformed my consistency! I went from struggling to upload once a week to creating daily content. The gamified approach makes it fun and rewarding. My channel growth has exploded!"`}
          rating={5}
          author="Sarah J., YouTube Creator"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg", alt: "Sarah J." },
            { src: "http://img.b2bpic.net/free-photo/smiling-girl-is-taking-selfie-with-her-camera-by-raising-up-her-fist-blue-background_176474-117269.jpg", alt: "Michael C." },
            { src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3076.jpg", alt: "Emily R." },
            { src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", alt: "David K." },
            { src: "http://img.b2bpic.net/free-photo/blogger-ma-is-posing-his-mini-camera-by-showing-angry-mimicry-blue-background_176474-118102.jpg", alt: "Jessica L." },
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          plans={[
            {
              id: "basic",              badge: "Free",              badgeIcon: Sparkles,
              price: "$0",              subtitle: "Start your journey",              buttons: [{ text: "Join for Free", href: "/register" }],
              features: [
                "Daily Missions",                "Basic Questlines",                "XP & Level Tracking",                "Community Access"
              ],
            },
            {
              id: "premium",              badge: "Premium",              badgeIcon: Crown,
              price: "$9.99/month",              subtitle: "Unlock Pro Creator Tools",              buttons: [{ text: "Go Premium", href: "/premium" }],
              features: [
                "All Free Features",                "Weekly Boss Challenges",                "XP Boosters",                "Exclusive Cosmetic Items",                "Advanced Analytics"
              ],
            },
            {
              id: "battlepass",              badge: "Seasonal",              badgeIcon: ScrollText,
              price: "$29.99/season",              subtitle: "Limited-Time Rewards",              buttons: [{ text: "Get Battle Pass", href: "/battlepass" }],
              features: [
                "All Premium Features",                "Seasonal Challenges",                "Unique Avatar Cosmetics",                "Exclusive Titles & Badges",                "Early Access Features"
              ],
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          title="Level Up Your Subscription"
          description="Choose the path that best suits your Creator Quest. From free exploration to premium mastery, we have a plan for every ambitious creator."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoSrc="http://img.b2bpic.net/free-vector/gradient-metaverse-concept-labels_23-2149516151.jpg"
          logoAlt="Creator Quest RPG Logo"
          logoText="Creator Quest RPG"
          columns={footerColumns}
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}
