"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Reflection",
          id: "features",
        },
        {
          name: "Download",
          id: "blog",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Alchemist Reflection"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      logoText="Alchemist Reflection"
      description="Embark on a personal legend. Dive deep into the wisdom of Santiago and the secrets of the universe through this immersive journey portal."
      buttons={[
        {
          text: "Begin Journey",
          href: "#about",
        },
        {
          text: "Get Reflection PDF",
          href: "#blog",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244892.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="About The Masterpiece"
      description="The Alchemist by Paulo Coelho is not just a book; it's a compass for the soul. It follows the journey of a young Andalusian shepherd named Santiago, who travels to Egypt in search of worldly treasures, but finds something far more profound: his own Personal Legend."
      bulletPoints={[
        {
          title: "The Personal Legend",
          description: "Understanding one's true purpose and destiny.",
        },
        {
          title: "The Language of the World",
          description: "Learning to listen to signs and the interconnectedness of all.",
        },
        {
          title: "Alchemy of Spirit",
          description: "Transforming base metal into gold, reflecting internal growth.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/magic-fairytale-book-concept_23-2150171884.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Listening to Hearts",
          description: "Your heart knows everything, because it came from the Soul of the World.",
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sikh-symbol-illustration_23-2150989251.jpg",
        },
        {
          title: "Fear of Failure",
          description: "The fear of suffering is worse than the suffering itself.",
          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-eye-illustration_23-2151675378.jpg",
        },
        {
          title: "The Present Moment",
          description: "Everything is one, and everything is now. Live in the present.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cactus-logo-design_23-2149420855.jpg",
        },
      ]}
      title="Core Reflections"
      description="Key themes that transform the way we see the world."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Alice Miller",
          date: "2023-10-12",
          title: "The Seeker",
          quote: "This book completely changed my career path. I found my courage.",
          tag: "Inspired",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-hiding-her-face-planner-holding-notebook-looking-sideways_1258-190061.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244892.jpg",
          imageAlt: "wise person portrait",
        },
        {
          id: "2",
          name: "John Doe",
          date: "2023-11-05",
          title: "The Student",
          quote: "I read this every year. It’s a constant reminder of my dreams.",
          tag: "Growth",
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-redheaded-girl-reads-book_8353-9124.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/magic-fairytale-book-concept_23-2150171884.jpg",
          imageAlt: "wise person portrait",
        },
        {
          id: "3",
          name: "Elena R.",
          date: "2023-12-01",
          title: "The Dreamer",
          quote: "The alchemy of this story is pure magic. Truly a life-changer.",
          tag: "Spiritual",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-teenage-girl-white-background_23-2147839544.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sikh-symbol-illustration_23-2150989251.jpg",
          imageAlt: "wise person portrait",
        },
        {
          id: "4",
          name: "Marcus V.",
          date: "2024-01-15",
          title: "The Traveler",
          quote: "It helped me overcome my fear of moving to a new country.",
          tag: "Courage",
          avatarSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-with-glasses-light-garlands-holding-book-her-hands-reading_78492-3778.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-eye-illustration_23-2151675378.jpg",
          imageAlt: "wise person portrait",
        },
        {
          id: "5",
          name: "Sam K.",
          date: "2024-02-10",
          title: "The Believer",
          quote: "Santiago's journey is my journey. Absolute masterpiece.",
          tag: "Wisdom",
          avatarSrc: "http://img.b2bpic.net/free-photo/cute-young-guy-glasses-smiling-showing-finger-hearts-standing-white-background_1258-171884.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cactus-logo-design_23-2149420855.jpg",
          imageAlt: "wise person portrait",
        },
      ]}
      title="Reader Voices"
      description="How the journey of the Alchemist has touched lives across the globe."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "HarperCollins",
        "Penguin Books",
        "World Literature Association",
        "Paulo Coelho Fan Club",
        "Global Readers Hub",
        "The Alchemist Study Group",
        "Soul of the World Foundation",
      ]}
      title="Global Impact"
      description="Loved by millions of readers worldwide, crossing borders and languages."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Resources & Downloads"
      description="Access the book PDF and our exclusive community-written reflection guide."
      blogs={[
        {
          id: "1",
          category: "E-book",
          title: "The Alchemist (PDF)",
          excerpt: "Download the official digital version for your personal collection.",
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-logistics-virtual-touch-screen-interface-information-technology-concept-communication-metaphor-protection-sensitive-data-transfer_493343-29950.jpg",
          authorName: "Paulo Coelho",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-expressive-young-man_273609-6853.jpg",
          date: "2024",
        },
        {
          id: "2",
          category: "Reflection",
          title: "Personal Reflection Guide",
          excerpt: "A deep-dive analysis by real readers to assist your journey.",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-beverage-glasses-near-stationery_23-2147768869.jpg",
          authorName: "Community",
          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-asian-man-reading-book_23-2148208827.jpg",
          date: "2024",
        },
        {
          id: "3",
          category: "Analysis",
          title: "Symbolism Explained",
          excerpt: "Understanding the secrets hidden in Santiago's adventures.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-wizard-character_23-2151451002.jpg",
          authorName: "Editors",
          authorAvatar: "http://img.b2bpic.net/free-photo/mature-woman-posing-stairs-while-holding-book_23-2148419289.jpg",
          date: "2024",
        },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Is the story true?",
          content: "It is a work of fiction inspired by universal truths.",
        },
        {
          id: "2",
          title: "What is a Personal Legend?",
          content: "It is your unique mission in life, the purpose you were meant to fulfill.",
        },
        {
          id: "3",
          title: "Can I read it in other languages?",
          content: "Yes, we support English, Uzbek, and Russian currently.",
        },
      ]}
      sideTitle="Common Questions"
      sideDescription="Need clarity? We have answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Share Your Reflection"
      description="Send us your own thoughts on The Alchemist. We'd love to publish them."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "What did Santiago's journey mean to you?",
      }}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-creative-illustration_23-2151980697.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Alchemist Reflection"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Downloads",
              href: "#blog",
            },
          ],
        },
        {
          title: "Languages",
          items: [
            {
              label: "English",
              href: "#",
            },
            {
              label: "Uzbek",
              href: "#",
            },
            {
              label: "Russian",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Alchemist Reflection Portal. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
