"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Gift, HelpCircle, Mail, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Ceramic Craft"
          button={{
            text: "Shop",            href: "#shop"
          }}
          className="border-b border-accent"
          buttonClassName="text-primary-cta font-medium"
          buttonTextClassName="text-sm"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Handcrafted Ceramic Mugs for Everyday Moments"
          buttons={[
            {
              text: "Shop Mugs",              href: "#shop"
            },
            {
              text: "Shop Gift Sets",              href: "#bundles"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775460557-v32ti4x9.jpg",              imageAlt: "Ceramic mug with morning coffee in home setting"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775462138-ibiiyq94.jpg",              imageAlt: "Mug on office desk with workspace"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775464417-5hgijjbo.jpg",              imageAlt: "Gift-wrapped ceramic mug packaging"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775476652-li1dfp9v.jpg",              imageAlt: "Product shot of ceramic mug"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775467467-7mxqalih.jpg",              imageAlt: "Hands holding ceramic mug with warm lighting"
            }
          ]}
          ariaLabel="Hero carousel showcasing ceramic mugs in various settings"
          className="min-h-screen"
          titleClassName="text-5xl md:text-7xl font-serif"
          buttonClassName="font-medium"
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <FeatureCardFourteen
          features={[
            {
              id: "1",              title: "Dishwasher Safe",              description: "Durable ceramics designed to withstand daily washing without wear",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775478712-8q0pjjp9.jpg",              imageAlt: "Dishwasher-safe ceramic mug"
            },
            {
              id: "2",              title: "Chip Resistant",              description: "Reinforced glazing prevents chipping and maintains pristine finish",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775480231-ojfvuvx9.jpg",              imageAlt: "Chip-resistant ceramic construction"
            },
            {
              id: "3",              title: "Gift-Ready Packaging",              description: "Every mug arrives beautifully packaged and ready to give",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775481448-kwnyd9k5.jpg",              imageAlt: "Premium gift packaging presentation"
            },
            {
              id: "4",              title: "Fast Shipping",              description: "Most orders ship within 2 business days",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775483117-l48tz43f.jpg",              imageAlt: "Packed and ready to ship"
            }
          ]}
          title="Why Choose Our Mugs"
          description="Quality craftsmanship built for everyday use"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Quality"
          tagIcon={CheckCircle}
        />
      </div>

      <div id="best-sellers" data-section="best-sellers">
        <ProductCardFive
          products={[
            {
              id: "1",              button: {
                text: "Add to Cart"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775478712-8q0pjjp9.jpg",              imageAlt: "Blue ceramic mug"
            },
            {
              id: "2",              button: {
                text: "Add to Cart"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775480231-ojfvuvx9.jpg",              imageAlt: "Neutral ceramic mug"
            },
            {
              id: "3",              button: {
                text: "Add to Cart"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775481448-kwnyd9k5.jpg",              imageAlt: "Earth tone ceramic mug"
            },
            {
              id: "4",              button: {
                text: "Add to Cart"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775483117-l48tz43f.jpg",              imageAlt: "Glossy ceramic mug"
            },
            {
              id: "5",              button: {
                text: "Add to Cart"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775485365-hdfi6edd.jpg",              imageAlt: "Textured ceramic mug"
            },
            {
              id: "6",              button: {
                text: "Add to Cart"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775487115-9nk820di.jpg",              imageAlt: "Premium ceramic mug with handle detail"
            }
          ]}
          title="Best Sellers"
          description="Our most-loved mugs, trusted by thousands"
          tag="Popular"
          tagIcon={Star}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="lifestyle" data-section="lifestyle">
        <FeatureCardFourteen
          features={[
            {
              id: "1",              title: "Home",              description: "Start your day with your favorite mug",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775469469-3s1p3xl1.jpg",              imageAlt: "Mug in home kitchen setting"
            },
            {
              id: "2",              title: "Office",              description: "Keep your workspace organized and stylish",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775471111-i6urwden.jpg",              imageAlt: "Mug on office desk"
            },
            {
              id: "3",              title: "Gifting",              description: "Perfect for colleagues, friends, and loved ones",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775472919-0o9rpa2v.jpg",              imageAlt: "Wrapped mug as a gift"
            }
          ]}
          title="Mugs for Every Moment"
          description="From morning coffee to office breaks to thoughtful gifts"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="bundles" data-section="bundles">
        <PricingCardTwo
          plans={[
            {
              id: "starter",              badge: "Starter Gift",              badgeIcon: Gift,
              price: "$49",              subtitle: "Perfect for gifting to someone special",              buttons: [
                {
                  text: "Add to Cart"
                }
              ],
              features: [
                "1 Premium Ceramic Mug",                "Gift-ready packaging",                "Handwritten gift card"
              ]
            },
            {
              id: "duo",              badge: "Duo Bundle",              badgeIcon: Gift,
              price: "$89",              subtitle: "Share the love with two beautiful mugs",              buttons: [
                {
                  text: "Add to Cart"
                }
              ],
              features: [
                "2 Premium Ceramic Mugs",                "Gift-ready packaging",                "Save $15",                "Handwritten gift card"
              ]
            },
            {
              id: "collection",              badge: "Collection",              badgeIcon: Gift,
              price: "$149",              subtitle: "The ultimate gift collection",              buttons: [
                {
                  text: "Add to Cart"
                }
              ],
              features: [
                "4 Premium Ceramic Mugs (assorted)",                "Luxury gift box",                "Save $35",                "Personalized gift message"
              ]
            }
          ]}
          title="Gift Sets"
          description="Curated bundles with savings built in"
          tag="Save"
          tagIcon={Gift}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TestimonialCardEight
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Coffee Enthusiast",              company: "Design Studio",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767717813471-6tvo56uc.jpg",              imageAlt: "Sarah Chen testimonial"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Office Manager",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711802548-atxknmjb.jpg",              imageAlt: "Marcus Johnson testimonial"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Gift Curator",              company: "Creative Director",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767711806760-d8en1z43.jpg",              imageAlt: "Elena Rodriguez testimonial"
            },
            {
              id: "4",              name: "David Park",              role: "Home Decor Lover",              company: "Interior Design",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775489212-1lhk1uzm.jpg",              imageAlt: "David Park testimonial"
            }
          ]}
          title="Loved by Our Customers"
          description="See what people are saying about our ceramic mugs"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
            {
              id: "1",              title: "How long does shipping take?",              content: "Most orders ship within 2 business days. Standard shipping takes 5-7 business days. Express shipping is available for orders placed before 2 PM EST."
            },
            {
              id: "2",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all mugs. If you're not completely satisfied, contact our support team for a full refund or replacement."
            },
            {
              id: "3",              title: "Are your mugs dishwasher safe?",              content: "Yes! All our ceramic mugs are dishwasher and microwave safe. The high-quality glazing ensures durability through hundreds of wash cycles."
            },
            {
              id: "4",              title: "Can I order in bulk?",              content: "Absolutely. For bulk orders of 10+ mugs, please contact our sales team at bulk@ceramiccraft.com for special pricing and custom options."
            },
            {
              id: "5",              title: "Do you offer custom mugs?",              content: "Yes, we offer custom printing and glazing options for orders of 50+. Contact our team to discuss your custom design project."
            },
            {
              id: "6",              title: "How do I care for my mug?",              content: "Hand wash or dishwasher safe. For best longevity, avoid extreme temperature changes. Most mugs are microwave and oven safe up to 350°F."
            }
          ]}
          title="Frequently Asked Questions"
          description="Everything you need to know about our mugs and service"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertCard"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated on New Collections"
          description="Get first access to new designs, exclusive offers, and gifting inspiration delivered to your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767775474382-ynjw3hax.jpg"
          imageAlt="Ceramic mug with newsletter signup"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just great content."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                {
                  label: "All Mugs",                  href: "#shop"
                },
                {
                  label: "Gift Sets",                  href: "#bundles"
                },
                {
                  label: "New Arrivals",                  href: "#new"
                }
              ]
            },
            {
              title: "Support",              items: [
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "Shipping & Returns",                  href: "#shipping"
                },
                {
                  label: "FAQ",                  href: "#faq"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About",                  href: "#about"
                },
                {
                  label: "Privacy Policy",                  href: "#privacy"
                },
                {
                  label: "Terms of Service",                  href: "#terms"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Ceramic Craft. All mugs handcrafted with care."
        />
      </div>
    </ThemeProvider>
  );
}