"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Philosophy", id: "about" },
              { name: "Collection", id: "products" },
              { name: "Comparison", id: "pricing" },
              { name: "Restoration", id: "testimonials" },
            ]}
            brandName="Aura Sleep"
            button={{ text: "Start Sleep Match", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroLogo
            logoText="Aura Sleep"
            description="Redefining the architecture of rest through intentional design, premium materials, and restorative environments."
            buttons={[{ text: "Discover Sanctuary", href: "#about" }]}
            imageSrc="http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg"
            imageAlt="Cinematic bedroom retreat"
          />
        </div>

        <div id="about" data-section="about">
          <SplitAbout
            textboxLayout="split"
            useInvertedBackground={true}
            title="A Ritual of Restoration"
            description="We treat sleep not as a function, but as the foundation of your well-being. Our curated marketplace is designed to guide you into a deeper, more peaceful night."
            bulletPoints={[
              { title: "Intentional Materials", description: "Sourced for tactile comfort and long-term health." },
              { title: "Bespoke Guidance", description: "Expertly curated matches based on your unique body." },
              { title: "Warm Environment", description: "Digital spaces that feel as calm as your bedroom." },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/kettle-chocolate-hot-drink-white-bedsheet_23-2147887746.jpg"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardEight
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              { title: "Pressure Relief", description: "Smart-contouring foam technology.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-texture-baby-blanket_169016-37787.jpg", imageAlt: "Comfort" },
              { title: "Temperature Control", description: "Breathable fabrics for consistent cool rest.", imageSrc: "http://img.b2bpic.net/free-photo/gray-lines_1122-937.jpg", imageAlt: "Breathability" },
              { title: "Zero Motion Transfer", description: "Sleep undisturbed regardless of your partner.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg", imageAlt: "Motion control" },
            ]}
            title="Sensory Design Philosophy"
            description="Our mattresses integrate advanced pressure-relief technology with cloud-soft aesthetics."
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={true}
            products={[
              { id: "p1", name: "The Cloud Soft", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/childrens-bed-nursery-cot-velvet-childrens-room_181624-29663.jpg" },
              { id: "p2", name: "The Firm Sanctuary", price: "$1,450", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532976.jpg" },
              { id: "p3", name: "The Organic Haven", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409177.jpg" },
              { id: "p4", name: "The Hybrid Oasis", price: "$1,600", imageSrc: "http://img.b2bpic.net/free-photo/view-textured-fur-fabric_23-2149600298.jpg" },
              { id: "p5", name: "The Restorative Foam", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432500.jpg" },
              { id: "p6", name: "The Serene Elite", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432495.jpg" },
            ]}
            title="Curated Experiences"
            description="Explore our hand-selected mattress gallery, tested for quality and comfort."
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardTwo
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            plans={[
              { id: "basic", badge: "Essential", price: "$999", subtitle: "For foundational rest", features: ["10-year warranty", "Free delivery"], buttons: [{ text: "Compare" }] },
              { id: "pro", badge: "Elevated", price: "$1,899", subtitle: "Our most popular comfort", features: ["15-year warranty", "Sleep trial", "Cooling tech"], buttons: [{ text: "Compare" }] },
              { id: "ultra", badge: "Sanctuary", price: "$2,999", subtitle: "Ultimate luxury experience", features: ["Lifetime warranty", "White glove delivery", "Customization"], buttons: [{ text: "Compare" }] },
            ]}
            title="Transparency in Comfort"
            description="We offer clear comparison layers to help you decide what fits your body perfectly."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardEleven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            metrics={[
              { id: "m1", value: "94%", title: "Deep Sleep", description: "Improvement in REM cycles.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement_23-2150326127.jpg" },
              { id: "m2", value: "12k+", title: "Restored", description: "Sleepers finding peace.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bedding-pillow-sheets_181624-22038.jpg" },
              { id: "m3", value: "100%", title: "Commitment", description: "To your comfort and trial.", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551124.jpg" },
            ]}
            title="A Proven Path to Rest"
            description="Numbers behind the peace of mind our community experiences."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFive
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Elena R.", date: "Jan 2025", title: "Designer", quote: "My sleep quality doubled instantly.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-bed-top-view_169016-18291.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg", imageAlt: "person waking up morning light" },
              { id: "2", name: "Marcus J.", date: "Dec 2024", title: "Executive", quote: "Feels like a luxury hotel at home.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-sad-woman-holding-pillow_23-2149071879.jpg", imageSrc: "http://img.b2bpic.net/free-photo/kettle-chocolate-hot-drink-white-bedsheet_23-2147887746.jpg", imageAlt: "person waking up morning light" },
              { id: "3", name: "Sarah W.", date: "Nov 2024", title: "Creative", quote: "The most tactile comfort I've ever felt.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/back-view-women-enjoying-coffee-bed-while-stretching-after-awaking_158595-7362.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-texture-baby-blanket_169016-37787.jpg", imageAlt: "person waking up morning light" },
              { id: "4", name: "Julian D.", date: "Oct 2024", title: "Doctor", quote: "Restoration is finally a priority.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/plus-size-person-doing-indoor-house-activities_52683-107881.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gray-lines_1122-937.jpg", imageAlt: "person waking up morning light" },
              { id: "5", name: "Chloe T.", date: "Sep 2024", title: "Teacher", quote: "Simply life-changing mornings.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/tattooed-handsome-man-white-tank-top_53876-98130.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg", imageAlt: "person waking up morning light" },
            ]}
            title="Stories from the Sanctuary"
            description="Listen to the voices of our community as they wake up feeling truly restored."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={true}
            background={{ variant: "sparkles-gradient" }}
            tag="Inquiry"
            title="Ready to Design Your Sanctuary?"
            description="Speak with our sleep architects to find your perfect mattress fit."
            buttons={[{ text: "Start Your Consultation" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Aura Sleep"
            columns={[
              { title: "Explore", items: [{ label: "Philosophy", href: "#about" }, { label: "Comparison", href: "#pricing" }] },
              { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Shipping", href: "#" }] },
              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
