"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Activity, Brain, Heart, HelpCircle, Leaf, Mail, ShoppingBag, Sprout, Sun, Zap, Shield, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Matcha Leaf"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Benefits", id: "benefits" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Shop Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Pure Matcha Excellence"
          description="Authentic Japanese matcha for your daily wellness ritual. Experience the vibrant green power of ceremonial-grade matcha, sourced directly from the finest tea regions of Japan."
          tag="Premium Quality"
          tagIcon={Leaf}
          background={{ variant: "circleGradient" }}
          buttons={[
            { text: "Shop Collection", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/word-matcha-made-powdered-matcha-green-tea-bamboo-spoon-white-copy_114579-3907.jpg"
          imageAlt="Premium matcha powder in traditional bowl"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="The Art of Matcha"
          description="For over 800 years, matcha has been at the heart of Japanese tea culture. Our matcha is sustainably harvested from family-owned farms in Uji, Kyoto, using traditional methods. Each batch is shade-grown to maximize nutrients, then carefully stone-ground into a vibrant emerald powder. We're committed to bringing you authentic, ceremonial-grade matcha that honors tradition while supporting modern wellness."
          tag="Heritage & Tradition"
          tagIcon={Sprout}
          imageSrc="http://img.b2bpic.net/free-photo/woman-picking-tea-leaves-by-hand-green-tea-farm_335224-771.jpg"
          imageAlt="Traditional matcha tea farm in Japan"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Matcha Collection"
          description="Handpicked selections for every matcha enthusiast. From ceremonial-grade for traditional preparation to modern blends for your daily ritual."
          tag="Premium Selection"
          tagIcon={ShoppingBag}
          products={[
            {
              id: "1",              name: "Ceremonial Grade Matcha",              price: "$34.99",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoon-with-powdered-matcha-green-tea_166373-855.jpg",              imageAlt: "Ceremonial grade matcha powder"
            },
            {
              id: "2",              name: "Matcha Latte Blend",              price: "$24.99",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-holding-hands-trendy-green-matcha-drink-with-latte-art_169016-34119.jpg",              imageAlt: "Matcha latte blend powder"
            },
            {
              id: "3",              name: "Organic Matcha Supreme",              price: "$42.99",              imageSrc: "http://img.b2bpic.net/free-photo/green-asian-tea-matcha-close-up_23-2148296718.jpg",              imageAlt: "Organic matcha supreme grade"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="benefits" data-section="benefits">
        <FeatureHoverPattern
          title="Why Choose Matcha"
          description="Unlock the natural benefits that have made matcha a wellness staple for centuries."
          tag="Health Benefits"
          tagIcon={Heart}
          features={[
            {
              icon: Zap,
              title: "Sustained Energy",              description: "L-theanine and caffeine work together to provide calm, focused energy without the crash."
            },
            {
              icon: Shield,
              title: "Antioxidant Powerhouse",              description: "Rich in catechins and polyphenols, matcha contains 137 times more antioxidants than regular green tea."
            },
            {
              icon: Brain,
              title: "Mental Clarity",              description: "Enhance focus and cognitive function with matcha's unique amino acid profile."
            },
            {
              icon: Activity,
              title: "Natural Metabolism Boost",              description: "Support your wellness goals with matcha's thermogenic properties."
            },
            {
              icon: Leaf,
              title: "Detox Support",              description: "Chlorophyll content naturally supports your body's detoxification processes."
            },
            {
              icon: Sun,
              title: "Holistic Wellness",              description: "Complete nutrition support for mind, body, and spirit in every sip."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Loved by Matcha Enthusiasts"
          description="See why thousands of wellness seekers have made matcha part of their daily ritual."
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Wellness Coach",              company: "Pure Living Co",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Sarah Chen profile"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Fitness Professional",              company: "Green Energy Gym",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",              imageAlt: "Marcus Johnson profile"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Nutritionist",              company: "Wellness Collective",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",              imageAlt: "Elena Rodriguez profile"
            },
            {
              id: "4",              name: "David Liu",              role: "Tea Ceremony Master",              company: "Traditional Arts Institute",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",              imageAlt: "David Liu profile"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Matcha Questions Answered"
          description="Everything you need to know about selecting, preparing, and enjoying matcha."
          tag="FAQs"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What is the difference between ceremonial and culinary grade matcha?",              content: "Ceremonial grade is the finest quality, shade-grown for maximum nutrients, with a bright green color and smooth flavor. It's meant for traditional tea preparation. Culinary grade is slightly lower quality, perfect for lattes, smoothies, and baking. Both are nutritious, but ceremonial offers the purest experience."
            },
            {
              id: "2",              title: "How should I store my matcha?",              content: "Keep matcha in an airtight container in a cool, dark place. Refrigeration extends shelf life significantly. Matcha is sensitive to light, heat, and moisture, so proper storage preserves its vibrant color and fresh flavor. Unopened, it can last up to a year in the fridge."
            },
            {
              id: "3",              title: "How do I prepare traditional matcha?",              content: "Heat water to 160-170°F (70-75°C). Sift 1-2 teaspoons of matcha powder into a bowl. Add a small amount of hot water and whisk vigorously with a traditional bamboo whisk until frothy. Top with remaining water. The key is using the correct water temperature—boiling water can make matcha bitter."
            },
            {
              id: "4",              title: "Is matcha safe for daily consumption?",              content: "Yes! Matcha is safe for daily use. A typical serving contains about 25-70mg of caffeine—less than coffee but more than regular tea. The L-theanine promotes calm focus. However, pregnant women should consult their doctor, and those sensitive to caffeine should moderate intake."
            },
            {
              id: "5",              title: "What makes your matcha organic?",              content: "Our organic matcha is certified by international organic standards. We source from farms that use no synthetic pesticides, fertilizers, or harmful chemicals. Our farmers employ traditional cultivation methods, shade-growing techniques, and sustainable practices to ensure the purest product."
            },
            {
              id: "6",              title: "Can I return or exchange my order?",              content: "Absolutely! We offer a 30-day satisfaction guarantee. If you're not completely happy with your matcha, contact our customer service team for a full refund or exchange, no questions asked."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/side-view-portrait-happy-woman-pink-swimsuit-with-coffee-cup_1153-9310.jpg"
          imageAlt="Matcha tea preparation and benefits"
          mediaAnimation="slide-up"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Join the Matcha Movement"
          description="Subscribe to receive exclusive offers, matcha recipes, wellness tips, and updates on new products. Become part of our growing community of matcha enthusiasts."
          tagIcon={Mail}
          background={{ variant: "circleGradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/chinese-tea-ceremony-park-tea-drinking-open-air_613910-7299.jpg"
          imageAlt="Traditional Japanese tea ceremony"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime with one click."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/travel-picking-tourism-scenery-farmer_1417-206.jpg"
          imageAlt="Scenic matcha tea field landscape"
          logoText="Matcha Leaf"
          copyrightText="© 2025 Matcha Leaf. All rights reserved."
          columns={[
            {
              title: "Products",              items: [
                { label: "Ceremonial Grade", href: "#products" },
                { label: "Latte Blend", href: "#products" },
                { label: "Organic Supreme", href: "#products" },
                { label: "Sample Pack", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
