"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Compass, Globe, Lightbulb, Palette, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Games",
          id: "#games",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
      logoAlt="Elysian Games Logo"
      brandName="Elysian Games"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "downward-rays-static",
      }}
      title="Elysian Games: Where Heritage Meets Horizon"
      description="Indulge in a collection of meticulously crafted games designed for the discerning player. Experience unparalleled depth, strategy, and narrative in titles that echo the golden age of gaming."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/elegant-man-wearing-suit_23-2148831128.jpg",
          alt: "Distinguished Founder",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
          alt: "Visionary Developer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-young-man-posing-vintage-portrait_23-2150794862.jpg",
          alt: "Strategic Advisor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668376.jpg",
          alt: "Creative Director",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bearded-elderly-businessman-man-restaurant-senior-black-suit_1157-46610.jpg",
          alt: "Community Champion",
        },
      ]}
      avatarText="Join an exclusive community of players"
      buttons={[
        {
          text: "Explore Our Collection",
          href: "#games",
        },
        {
          text: "Discover Our Story",
          href: "#about",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Strategic Mastery",
          icon: Lightbulb,
        },
        {
          type: "text-icon",
          text: "Immersive Worlds",
          icon: Globe,
        },
        {
          type: "text-icon",
          text: "Timeless Artistry",
          icon: Palette,
        },
        {
          type: "text-icon",
          text: "Exclusive Community",
          icon: Users,
        },
        {
          type: "text-icon",
          text: "Unforgettable Journeys",
          icon: Compass,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "A Legacy of Impeccable Gaming.",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488859.jpg",
          alt: "Vintage gaming room",
        },
        {
          type: "text",
          content: "Elysian Games was founded on the principle of timeless entertainment, where every title is a masterpiece of strategy and artistry.",
        },
      ]}
      buttons={[
        {
          text: "Our Philosophy",
          href: "#",
        },
        {
          text: "Meet the Minds",
          href: "#team",
        },
      ]}
      buttonAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Strategic Depth",
          tags: [
            "Complex Mechanics",
            "Endless Replayability",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445138.jpg",
          imageAlt: "Intricate board game pieces",
        },
        {
          id: "f2",
          title: "Rich Narratives",
          tags: [
            "Immersive Lore",
            "Branching Storylines",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/feather-plane-near-compass-notebook_23-2147793458.jpg",
          imageAlt: "Antique map and compass",
        },
        {
          id: "f3",
          title: "Exclusive Rewards",
          tags: [
            "Unique Achievements",
            "Collector's Items",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737797.jpg",
          imageAlt: "Golden trophy",
        },
      ]}
      title="Distinguished Features for Discerning Players"
      description="Our games are meticulously designed, offering depth, replayability, and an aesthetic that transcends fleeting trends. Experience gaming as it was meant to be."
    />
  </div>

  <div id="games" data-section="games">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Chronicles of Aethelred",
          price: "$59.99",
          variant: "Collector's Edition",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282416.jpg",
          imageAlt: "Historical strategy game cover",
        },
        {
          id: "p2",
          name: "The Alchemist's Enigma",
          price: "$49.99",
          variant: "Deluxe Edition",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-cat-indoors_23-2150932084.jpg",
          imageAlt: "Mystery adventure game cover",
        },
        {
          id: "p3",
          name: "Legacy of Eldoria",
          price: "$69.99",
          variant: "Mythic Bundle",
          imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-illustration-roman-soldier-with-vr-helmet_183364-81241.jpg",
          imageAlt: "Fantasy RPG game art",
        },
        {
          id: "p4",
          name: "Grandeur Architect",
          price: "$44.99",
          variant: "Urban Planner Pack",
          imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124989.jpg",
          imageAlt: "Renaissance city builder game",
        },
        {
          id: "p5",
          name: "Cogsworth's Conundrum",
          price: "$39.99",
          variant: "Steam & Gears Upgrade",
          imageSrc: "http://img.b2bpic.net/free-photo/fairytale-collage-concept_52683-104538.jpg",
          imageAlt: "Steampunk puzzle game",
        },
        {
          id: "p6",
          name: "Maestro's Opus",
          price: "$54.99",
          variant: "Symphony Collection",
          imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004685.jpg",
          imageAlt: "Orchestra management game",
        },
      ]}
      title="Our Exclusive Collection"
      description="Discover a curated selection of games where elegance meets excitement. Each title is a testament to quality, designed for the connoisseur of classic and contemporary entertainment."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "m1",
          name: "Lord Alistair Finch",
          role: "Chief Game Architect",
          description: "A visionary with a penchant for intricate narratives and world-building.",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-posing-white-shirt-hat_23-2149487995.jpg",
          imageAlt: "Lord Alistair Finch",
        },
        {
          id: "m2",
          name: "Lady Seraphina Thorne",
          role: "Lead Systems Designer",
          description: "Crafting elegant mechanics that challenge and delight players.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-checking-her-tablet_23-2148452686.jpg",
          imageAlt: "Lady Seraphina Thorne",
        },
        {
          id: "m3",
          name: "Sir Reginald Blackwood",
          role: "Head of Strategic Development",
          description: "Guiding our studio towards new horizons with astute foresight.",
          imageSrc: "http://img.b2bpic.net/free-photo/serious-young-man-concentrated-phone_23-2147689201.jpg",
          imageAlt: "Sir Reginald Blackwood",
        },
        {
          id: "m4",
          name: "Countess Isolde Valois",
          role: "Narrative Director",
          description: "Weaving captivating stories that immerse players in rich lore.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379269.jpg",
          imageAlt: "Countess Isolde Valois",
        },
      ]}
      title="The Minds Behind the Masterpieces"
      description="Our team, a collective of seasoned visionaries and passionate creators, is dedicated to upholding the tradition of excellence in gaming."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Eleanor Vance",
          date: "October 2023",
          title: "A Masterclass in Game Design",
          quote: "Elysian Games consistently delivers experiences that are both intellectually stimulating and profoundly enjoyable. A true benchmark for quality.",
          tag: "Gaming Critic",
          avatarSrc: "http://img.b2bpic.net/free-photo/relaxed-content-middle-aged-woman-leaning-wall_1262-1881.jpg",
          avatarAlt: "Eleanor Vance",
          imageSrc: "http://img.b2bpic.net/free-photo/sound-engineer-adjusting-volume-levels-amplifier-record-guitar-tunes_482257-115443.jpg",
          imageAlt: "Person playing a board game",
        },
        {
          id: "t2",
          name: "Julian Holloway",
          date: "November 2023",
          title: "Unparalleled Immersion",
          quote: "The narrative depth and strategic nuances in Elysian's titles are simply unmatched. Every playthrough reveals something new.",
          tag: "Gaming Enthusiast",
          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-skeptic-nervous-frowning-upset-because-problem-negative-person_839833-31847.jpg",
          avatarAlt: "Julian Holloway",
          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-guitar-woman_23-2148330462.jpg",
          imageAlt: "Person playing a card game",
        },
        {
          id: "t3",
          name: "Victoria Sterling",
          date: "December 2023",
          title: "Beyond Expectation",
          quote: "I've not encountered such a refined approach to interactive entertainment in years. Elysian Games sets a new standard for quality.",
          tag: "Industry Professional",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-with-laptop-home_23-2149829800.jpg",
          avatarAlt: "Victoria Sterling",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-men-playing-videogame_23-2150128752.jpg",
          imageAlt: "Person playing a video game",
        },
        {
          id: "t4",
          name: "Charles Beaumont",
          date: "January 2024",
          title: "A Return to Grandeur",
          quote: "In an era of fleeting trends, Elysian Games stands as a beacon of classic gaming principles. Truly a delight for the strategic mind.",
          tag: "Competitive Gamer",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg",
          avatarAlt: "Charles Beaumont",
          imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-sitting-approving_23-2148224315.jpg",
          imageAlt: "Person reading a game guide",
        },
        {
          id: "t5",
          name: "Margot Fairchild",
          date: "February 2024",
          title: "Artistry in Every Detail",
          quote: "From the intricate visuals to the captivating soundscapes, every element of an Elysian title is a testament to true artistry. Highly recommended.",
          tag: "Game Developer",
          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-male-singer-happily-recording-new-song-music-album-modern-sound-studio_574295-1708.jpg",
          avatarAlt: "Margot Fairchild",
          imageSrc: "http://img.b2bpic.net/free-photo/gamer-enjoying-spaceship-flying-game-neon-illuminated-apartment_482257-124288.jpg",
          imageAlt: "Person sketching game concepts",
        },
      ]}
      title="Esteemed Voices"
      description="Hear from connoisseurs and critics who have experienced the unique depth and quality of Elysian Games."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google",
        "Microsoft",
        "Sony",
        "Nintendo",
        "Epic Games",
        "Riot Games",
        "Blizzard Entertainment",
      ]}
      title="Our Esteemed Collaborators"
      description="We are proud to partner with leading entities in the gaming and entertainment industry, ensuring an unparalleled experience for our players."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What genres do Elysian Games specialize in?",
          content: "Elysian Games focuses on high-quality strategy, role-playing, and adventure games with deep narratives and engaging mechanics. We prioritize titles that offer rich, long-term experiences.",
        },
        {
          id: "q2",
          title: "Are your games available on multiple platforms?",
          content: "Our games are primarily developed for PC, with select titles also available on major console platforms. Please check individual game pages for specific platform availability.",
        },
        {
          id: "q3",
          title: "How does Elysian Games ensure quality?",
          content: "We employ a rigorous development process, from conceptualization to post-launch support. Our team comprises industry veterans and passionate artists dedicated to crafting exceptional gaming experiences.",
        },
      ]}
      title="Common Inquiries"
      description="Find answers to frequently asked questions about Elysian Games, our titles, and our community."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="For collaborations, inquiries, or support, please reach out to us. We value every voice in our esteemed community."
      buttons={[
        {
          text: "Get in Touch",
          href: "mailto:contact@elysiangames.com",
        },
        {
          text: "Visit Our Forums",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/electronic-piano-interior-room-blurred-background_169016-20709.jpg"
      imageAlt="Vintage study room with games"
      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
      logoAlt="Elysian Games Logo"
      logoText="Elysian Games"
      columns={[
        {
          title: "About Us",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "The Team",
              href: "#team",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Games",
          items: [
            {
              label: "Our Collection",
              href: "#games",
            },
            {
              label: "Upcoming Releases",
              href: "#",
            },
            {
              label: "Support",
              href: "#faq",
            },
          ],
        },
        {
          title: "Community",
          items: [
            {
              label: "Forums",
              href: "#",
            },
            {
              label: "Partners",
              href: "#partners",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Elysian Games. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
