"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star, Palette, Leaf, Heart, Sparkles, Shield, Zap, Trophy, Award, Coffee, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="Two Girls"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get in Touch",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay 
          title="Discover Artisanal Cups for Every Moment"
          description="Handcrafted ceramic cups designed to elevate your daily rituals. From morning coffee to evening tea, find the perfect cup."
          tag="Premium Drinkware"
          imageSrc="https://img.b2bpic.net/free-photo/high-view-bowls-mugs-pottery-concept_23-2148679111.jpg"
          imageAlt="Beautiful artisanal ceramic cups collection"
          textPosition="center"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour 
          title="Featured Collection"
          description="Explore our handpicked selection of premium ceramic cups and mugs"
          tag="Best Sellers"
          tagIcon={Star}
          products={[
            {
              id: "1",              name: "Morning Ritual Coffee Cup",              price: "$45.00",              variant: "Midnight Blue  3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/upside-down-cups-rack_53876-63375.jpg",              imageAlt: "Coffee cup in midnight blue",              isFavorited: false
            },
            {
              id: "2",              name: "Serene Tea Companion",              price: "$42.00",              variant: "Pearl White  2 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/three-cups-coffee-wooden-board_114579-52730.jpg",              imageAlt: "Tea cup in pearl white",              isFavorited: false
            },
            {
              id: "3",              name: "Contemporary Style Mug",              price: "$48.00",              variant: "Charcoal Grey  4 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/gardener-holding-empty-flower-pots_53876-101141.jpg",              imageAlt: "Modern mug in charcoal grey",              isFavorited: false
            },
            {
              id: "4",              name: "Artisan Craft Mug",              price: "$55.00",              variant: "Natural Terracotta  2 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458027.jpg",              imageAlt: "Artisan mug in natural terracotta",              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento 
          title="Why Choose Two Girls Cups"
          description="Discover the quality and craftsmanship that sets our cups apart"
          tag="Our Commitment"
          features={[
            {
              title: "Handcrafted Excellence",              description: "Each cup is individually crafted by skilled artisans using traditional ceramic techniques",              bentoComponent: "3d-stack-cards",              items: [
                {
                  icon: Palette,
                  title: "Unique Design",                  subtitle: "No Two Alike",                  detail: "Each piece is one-of-a-kind"
                },
                {
                  icon: Leaf,
                  title: "Eco-Friendly",                  subtitle: "Sustainable",                  detail: "Made with natural materials"
                },
                {
                  icon: Heart,
                  title: "Made with Love",                  subtitle: "Passion",                  detail: "Crafted with attention to detail"
                }
              ]
            },
            {
              title: "Premium Quality Materials",              description: "We source the finest ceramic clay and glazes from around the world",              bentoComponent: "orbiting-icons",              centerIcon: Sparkles,
              items: [
                { icon: Shield, ring: 1 },
                { icon: Zap, ring: 1 },
                { icon: Trophy, ring: 2 },
                { icon: Award, ring: 2 }
              ]
            },
            {
              title: "Timeless Designs",              description: "Our collections blend contemporary aesthetics with classic elegance",              bentoComponent: "marquee",              centerIcon: Coffee,
              variant: "text",              texts: ["Modern Minimalist", "Classic Elegance", "Vintage Charm", "Bold Contemporary"]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="Loved by Customers"
          description="See what our happy customers have to say about their Two Girls cups"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Coffee Enthusiast",              date: "Date: 15 November 2024",              title: "The perfect morning companion!",              quote: "I've been using my Two Girls cup every morning for the past 6 months. The quality is exceptional, and it keeps my coffee at the perfect temperature. I'm absolutely in love with the design.",              tag: "Premium Collection",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219672.jpg",              imageAlt: "Coffee moment"
            },
            {
              id: "2",              name: "Emma Rodriguez, Tea Lover",              date: "Date: 22 October 2024",              title: "Exquisite craftsmanship",              quote: "The attention to detail in every Two Girls cup is remarkable. Not only are they beautiful to look at, but they're incredibly functional. My guests always ask where I got them!",              tag: "Artisan Series",              avatarSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/various-ceramic-vases-with-paint-pottery-concept_23-2148679161.jpg",              imageAlt: "Tea time"
            },
            {
              id: "3",              name: "Jessica Chen, Interior Designer",              date: "Date: 8 October 2024",              title: "A statement piece for the kitchen",              quote: "As an interior designer, I'm particular about the pieces I bring into my home. Two Girls cups are not just functional—they're works of art that elevate any space. I've recommended them to all my clients.",              tag: "Designer Choice",              avatarSrc: "https://img.b2bpic.net/free-photo/studio-shot-young-confident-woman-with-long-dark-hair-wearing-blue-jacket-posing_291650-158.jpg",              avatarAlt: "Jessica Chen",              imageSrc: "https://img.b2bpic.net/free-photo/variety-bowls-cups-modern-household-shop_169016-43469.jpg",              imageAlt: "Designer workspace"
            },
            {
              id: "4",              name: "Amanda Torres, Home Curator",              date: "Date: 1 September 2024",              title: "Worth every penny",              quote: "I purchased a set as a gift for my sister, and she hasn't stopped talking about them. The packaging is beautiful, the quality is outstanding, and the customer service was top-notch. Highly recommended!",              tag: "Gift Worthy",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-white-woman_23-2148941388.jpg",              avatarAlt: "Amanda Torres",              imageSrc: "https://img.b2bpic.net/free-photo/girl-holding-cup-tea-hands_169016-3431.jpg",              imageAlt: "Gift moment"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find answers to common questions about our cups and ordering process"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Are your cups dishwasher safe?",              content: "Yes, all Two Girls cups are fully dishwasher safe. We recommend hand washing for premium care and to extend the life of the ceramic glaze."
            },
            {
              id: "2",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all products. If you're not completely satisfied with your purchase, simply contact us for a full refund, no questions asked."
            },
            {
              id: "3",              title: "Do you offer wholesale or bulk orders?",              content: "Yes! We'd love to work with you on wholesale or bulk orders. Please contact us directly at wholesale@twogirlscups.com for pricing and availability."
            },
            {
              id: "4",              title: "How long does shipping take?",              content: "Standard shipping typically takes 5-7 business days within the US. We also offer expedited shipping options at checkout for faster delivery."
            },
            {
              id: "5",              title: "Can I customize cups with names or designs?",              content: "We currently offer limited customization options. Please reach out to our team for custom orders or personalization requests."
            },
            {
              id: "6",              title: "Are the cups microwave safe?",              content: "Yes, all Two Girls cups are microwave safe. The ceramic material is heat-resistant and perfect for warming beverages."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our cups? We'd love to hear from you. Reach out to our team anytime."
          ctaButton={{
            text: "Send us a Message",            href: "mailto:hello@twogirlscups.com"
          }}
          ctaIcon={Mail}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What's the best way to care for my cup?",              content: "Hand wash in warm, soapy water for best results. While dishwasher safe, hand washing helps preserve the glaze and extends the life of your cup."
            },
            {
              id: "2",              title: "Do you ship internationally?",              content: "We currently ship to select international locations. Please check our shipping page or contact us to confirm delivery to your country."
            },
            {
              id: "3",              title: "Can I see new collections before they launch?",              content: "Sign up for our newsletter to be among the first to see new designs, exclusive discounts, and special offers from Two Girls."
            },
            {
              id: "4",              title: "What makes Two Girls cups different?",              content: "Each cup is individually handcrafted using premium ceramic materials and traditional techniques. We prioritize quality over quantity, ensuring every piece is unique."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal 
          logoText="Two Girls"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}