"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" }
          ]}
          brandName="The Way Back to Stillness"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Return to the Quiet Power Within"
          description="A gentle guide to ancient herbal wisdom, inner balance, and deep spiritual restoration in a noisy modern world."
          tag="7,000+ readers have begun their healing journey"
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            {
              text: "Begin Your Healing Journey",              href: "https://linktr.ee/yangmunhealing"
            }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/natural-paper-bag-with-palm-leaves-shadow_53876-94301.jpg",              imageAlt: "luxury ebook book mockup soft shadow"
            }
          ]}
          ariaLabel="Hero section featuring The Way Back to Stillness eBook"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <TextSplitAbout
          title="Why Readers Choose This Journey"
          description={[
            "Discover profound inner peace through time-tested herbal wisdom that restores balance to body and spirit.",            "Learn practical techniques for navigating modern stress with ancient spiritual practices and mindful restoration.",            "Join thousands who have transformed their relationship with stillness and unlocked their natural healing power."
          ]}
          useInvertedBackground={false}
          buttons={[
            {
              text: "Begin Your Healing Journey",              href: "https://linktr.ee/yangmunhealing"
            }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Benefits and features section"
        />
      </div>

      <div id="author" data-section="author">
        <FeatureCardEight
          title="About Yang Mun"
          description="Yang Mun is a spiritual guide and herbal wellness practitioner with over 20 years of experience in ancient healing traditions. Through The Way Back to Stillness, Yang shares transformative wisdom from Eastern philosophy and botanical medicine, helping readers reclaim peace in an overwhelming world. Each page is crafted with intention to guide you toward lasting inner restoration."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "20+ Years Experience",              description: "Deep expertise in ancient herbal wisdom and spiritual practices.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-artist_23-2148372081.jpg",              imageAlt: "Yang Mun, author and spiritual guide"
            },
            {
              id: 2,
              title: "Holistic Approach",              description: "Integrating mind, body, and spirit for complete healing transformation.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-artist_23-2148372081.jpg",              imageAlt: "Yang Mun teaching spiritual practices"
            }
          ]}
          buttons={[
            {
              text: "Begin Your Healing Journey",              href: "https://linktr.ee/yangmunhealing"
            }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Author bio and credentials section"
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactCenter
          tag="Limited-Time Offer"
          title="Claim Your Healing Journey Today"
          description="Transform your life with ancient wisdom and modern spiritual clarity. Get The Way Back to Stillness for just $12.99 (regularly $19.99) and begin your restoration."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Begin Your Healing Journey"
          termsText="By proceeding, you agree to start your spiritual journey and receive wellness insights from Yang Mun."
          tagAnimation="slide-up"
          ariaLabel="Limited time offer and final call-to-action section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="The Way Back to Stillness"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Contact Yang Mun",            href: "https://linktr.ee/yangmunhealing"
          }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
