"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Shop",
          id: "#products",
        },
        {
          name: "Our Story",
          id: "#about",
        },
        {
          name: "Values",
          id: "#features",
        },
        {
          name: "Connect",
          id: "#contact",
        },
      ]}
      brandName="Essence & Co."
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      title="Scents That Feel Like You"
      description="Discover fragrances crafted for real people. Sustainable, shareable, unapologetically authentic."
      buttons={[
        {
          text: "Explore Scents",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-natural-self-care-products-assortment_23-2148980974.jpg"
      imageAlt="Modern fragrance bottle with soft lighting"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2762.jpg",
          alt: "Happy Gen Z woman smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131743.jpg",
          alt: "Confident Gen Z man smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confident-young-beautiful-girl-wearing-party-hat-grabbed-chin_141793-126517.jpg",
          alt: "Thoughtful Gen Z person",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-with-closed-eyes_23-2148267272.jpg",
          alt: "Gen Z woman with glowing skin",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blonde-man-wearing-orange-eyeliner_23-2148980303.jpg",
          alt: "Expressive Gen Z man",
        },
      ]}
      avatarText="Join 10,000+ happy customers"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307337.jpg",
          alt: "Minimalist fragrance bottle design",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/compostable-containers-arrangement-flat-lay_23-2149353105.jpg",
          alt: "Natural fragrance ingredients close up",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/top-view-perfume-lipstick-arrangement_23-2149234343.jpg",
          alt: "Modern perfume product photography",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/wet-daisies-close-up_23-2148151449.jpg",
          alt: "Abstract scent aesthetic",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/many-gift-boxes-tied-with-string-baby-s-breath-flowers-scissor-wooden-backdrop_23-2147936589.jpg",
          alt: "Eco-friendly perfume packaging",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Our Philosophy: Authentic Fragrance, ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/top-view-ingredients-arrangement_23-2148897593.jpg",
          alt: "sustainable natural ingredients essential oils",
        },
        {
          type: "text",
          content: " Sustainable Future",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#features",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "scent-aura",
          name: "Scent Aura",
          price: "$75.00",
          imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892262.jpg",
          imageAlt: "Scent Aura fragrance bottle",
          initialQuantity: 1,
        },
        {
          id: "vibrant-bloom",
          name: "Vibrant Bloom",
          price: "$68.00",
          imageSrc: "http://img.b2bpic.net/free-photo/bottle-serum-based-soil-ingredients_23-2150756826.jpg",
          imageAlt: "Vibrant Bloom fragrance bottle with flowers",
          initialQuantity: 1,
        },
        {
          id: "urban-pulse",
          name: "Urban Pulse",
          price: "$82.00",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-product_23-2150347092.jpg",
          imageAlt: "Urban Pulse fragrance bottle with neon glow",
          initialQuantity: 1,
        },
        {
          id: "serene-waters",
          name: "Serene Waters",
          price: "$70.00",
          imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-blue-bottle_23-2149353108.jpg",
          imageAlt: "Serene Waters fragrance bottle with water drops",
          initialQuantity: 1,
        },
        {
          id: "golden-hour",
          name: "Golden Hour",
          price: "$78.00",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-beverage-with-lemon-top-view_23-2148340066.jpg",
          imageAlt: "Golden Hour fragrance bottle at sunset",
          initialQuantity: 1,
        },
        {
          id: "wild-forest",
          name: "Wild Forest",
          price: "$72.00",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-algae-moss-podium_23-2151195085.jpg",
          imageAlt: "Wild Forest fragrance bottle with moss",
          initialQuantity: 1,
        },
      ]}
      title="Shop Our Latest Scents"
      description="Find your next signature fragrance from our curated collection."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Personalized Scent Discovery",
          description: "Our unique algorithm helps you find fragrances that genuinely match your personality and style.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-sitting-together_23-2149239061.jpg",
            imageAlt: "Fragrance quiz on phone",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/composition-with-mobile-phone-orange-juice-father-s-day_23-2147632099.jpg",
            imageAlt: "Personalized scent recommendations on phone",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products-assortment_23-2148980974.jpg",
          imageAlt: "smartphone screen fragrance quiz app",
        },
        {
          title: "Commitment to Sustainability",
          description: "From ethically sourced ingredients to recyclable packaging, every bottle tells a story of responsibility.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-florist-holding-smartphone_23-2149235746.jpg",
            imageAlt: "Sustainable packaging information on phone",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-crafting-wooden-object_23-2148732466.jpg",
            imageAlt: "Refill program details on phone",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-ingredients-arrangement_23-2148897593.jpg",
          imageAlt: "smartphone screen fragrance quiz app",
        },
        {
          title: "Connect & Share Your Style",
          description: "Join our vibrant community, share your favorite scents, and discover what others are loving.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/pretty-fashion-blogger-woman-wearing-yellow-top-purple-pants_343596-232.jpg",
            imageAlt: "Social sharing for fragrances on phone",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-friend-cafe_23-2147785432.jpg",
            imageAlt: "Influencer collaboration content on phone",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892262.jpg",
          imageAlt: "smartphone screen fragrance quiz app",
        },
      ]}
      showStepNumbers={true}
      title="Crafted for You, Kind to the Planet"
      description="Experience a fragrance journey that's personal, purposeful, and connected."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Maya R.",
          role: "Student, 21",
          testimonial: "Finally, a brand that gets it! These scents are so unique, and knowing they're sustainable makes me feel even better about wearing them. Obsessed!",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-taking-selfie-outdoors_23-2148612978.jpg",
          imageAlt: "Photo of Maya R.",
        },
        {
          id: "2",
          name: "Liam K.",
          role: "Digital Creator, 24",
          testimonial: "My followers kept asking about my scent, and it's always this brand. The personalized quiz actually worked, found my perfect match!",
          imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186128.jpg",
          imageAlt: "Photo of Liam K.",
        },
        {
          id: "3",
          name: "Chloe T.",
          role: "Artist, 20",
          testimonial: "The aesthetic of these bottles is everything. Plus, I love that I can refill them. Authenticity and eco-consciousness, seriously amazing.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-football-game-sunny-day_23-2149015489.jpg",
          imageAlt: "Photo of Chloe T.",
        },
        {
          id: "4",
          name: "Noah S.",
          role: "Tech Enthusiast, 25",
          testimonial: "Never thought I'd be this into fragrance, but the community features hooked me. Great scents, great mission. 10/10.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-curly-woman-shiny-top-takes-selfie-happy-joyful-girl-silver-dress-smiles-isolated-pink-background_197531-27533.jpg",
          imageAlt: "Photo of Noah S.",
        },
        {
          id: "5",
          name: "Zoe P.",
          role: "Fashion Blogger, 22",
          testimonial: "These fragrances are so shareable and trendy. I get compliments all the time, and I love telling people about the sustainable practices.",
          imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-female-student-wearing-headphones-bandana-neck-backpack-holding-paper-coffee-cup-upside-down-its-cap-looking-camera-isolated-olive-green-background_141793-137873.jpg",
          imageAlt: "Photo of Zoe P.",
        },
        {
          id: "6",
          name: "Ethan C.",
          role: "Musician, 23",
          testimonial: "Found my new go-to scent here. It genuinely feels like 'me'. The brand storytelling is real, not just corporate fluff.",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-serious-hipster-girl-with-hair-buns-blue-eyeliner-dressed-formal-dark-green-jacket-looks-directly-camera-walks-outdoors-poses-listens-something-attentively_273609-56210.jpg",
          imageAlt: "Photo of Ethan C.",
        },
      ]}
      title="What Our Community Says"
      description="Real feedback from real people who love our authentic fragrances."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TikTok",
        "Instagram",
        "PETA Certified",
        "Leaping Bunny",
        "Forbes",
        "Vogue",
        "Cosmopolitan",
      ]}
      title="As Seen On & Loved By"
      description="Trusted by leading voices and committed to cruelty-free practices."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How do I choose the right fragrance for me?",
          content: "Take our personalized scent quiz! It analyzes your preferences, lifestyle, and desired mood to recommend fragrances that truly feel like you. You can also explore our scent families for inspiration.",
        },
        {
          id: "faq-2",
          title: "What makes your fragrances sustainable?",
          content: "We're committed to sustainability through ethically sourced, natural ingredients, refillable bottles, and recyclable packaging. Our production process minimizes environmental impact, and we partner with eco-conscious suppliers.",
        },
        {
          id: "faq-3",
          title: "Do you offer international shipping?",
          content: "Yes, we ship globally! Shipping costs and delivery times vary by region. Please check our shipping policy page for detailed information on international orders and customs.",
        },
        {
          id: "faq-4",
          title: "What is your return policy?",
          content: "We want you to love your scent! We offer free returns within 30 days of purchase for unused products. Please visit our returns page for a step-by-step guide and eligibility criteria.",
        },
      ]}
      title="Your Questions, Answered"
      description="Everything you need to know about our scents, sustainability, and shopping experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Insights & Trends"
      description="Dive into our blog for fragrance tips, sustainability stories, and community highlights."
      blogs={[
        {
          id: "blog-1",
          category: "Wellness",
          title: "The Art of Scent Layering: Crafting Your Signature Aroma",
          excerpt: "Discover how to blend different fragrances to create a scent that's uniquely yours and reflects your mood.",
          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-mysterious-young-woman-with-short-hairstyle-pale-skin-walking-forest-alone-holding-green-fern-leaf_343059-3910.jpg",
          imageAlt: "Person applying perfume to wrist",
          authorName: "Jamie Lee",
          authorAvatar: "http://img.b2bpic.net/free-photo/serious-beautiful-young-woman-stretches-arms-makes-selfie-walk-urban-setting-wears-casual-green-jumper-has-confident-look-camera-female-blogger-records-video-front-camera_273609-56681.jpg",
          date: "October 26, 2023",
        },
        {
          id: "blog-2",
          category: "Community",
          title: "Gen Z's Guide to Sustainable Fragrance: Making a Difference",
          excerpt: "Learn how your fragrance choices can support environmental sustainability and ethical practices.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-phone_23-2148888471.jpg",
          imageAlt: "Diverse group of friends enjoying outdoors",
          authorName: "Alex Chen",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-successful-businessman-sunglasses-smiling-walking-around-sunny-city_176420-55639.jpg",
          date: "November 10, 2023",
        },
        {
          id: "blog-3",
          category: "Trends",
          title: "Beyond the Bottle: Fragrance as Self-Expression",
          excerpt: "Explore how fragrance has become a powerful tool for Gen Z to express individuality and personal identity.",
          imageSrc: "http://img.b2bpic.net/free-photo/white-vase-with-eucalyptus-white-table_23-2149420683.jpg",
          imageAlt: "Modern interior design with minimalist plants",
          authorName: "Samira Ali",
          authorAvatar: "http://img.b2bpic.net/free-photo/redhead-female-male-sitting-together-surrounded-with-copy-books_273609-12497.jpg",
          date: "November 28, 2023",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Stay Connected"
      title="Join Our Scent Community"
      description="Sign up for exclusive updates, new product launches, and special offers tailored for you."
      buttons={[
        {
          text: "Sign Up Now",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      videoSrc="http://img.b2bpic.net/free-photo/abstract-white-watercolor-marble-pattern-pink-background_23-2148097608.jpg"
      videoAriaLabel="Abstract scent particles flowing softly"
      logoText="Essence & Co."
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "All Scents",
              href: "#products",
            },
            {
              label: "New Arrivals",
              href: "#products",
            },
            {
              label: "Refills",
              href: "#features",
            },
            {
              label: "Gift Sets",
              href: "#products",
            },
          ],
        },
        {
          title: "About Us",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Sustainability",
              href: "#features",
            },
            {
              label: "Community",
              href: "#features",
            },
            {
              label: "Blog",
              href: "#blog",
            },
          ],
        },
        {
          title: "Help",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Shipping & Returns",
              href: "#",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Essence & Co. All rights reserved."
      imageSrc="http://img.b2bpic.net/free-photo/abstract-white-watercolor-marble-pattern-pink-background_23-2148097608.jpg"
      imageAlt="abstract scent particles flowing softly"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
