"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, TrendingUp, Zap, Shield, Eye, Sparkles, Heart, Star, Leaf, Hammer, Palette, CheckCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Store"
          navItems={[
            { name: "Shop", id: "product" },
            { name: "Reviews", id: "reviews" },
            { name: "Related", id: "related" },
            { name: "Support", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "View Cart",            href: "#"
          }}
        />
      </div>

      <div id="product" data-section="product">
        <HeroLogoBillboard
          logoText="Premium Product"
          description="Experience luxury with our signature collection. Handcrafted excellence meets modern design. Discover why thousands of customers trust us for quality and style."
          buttons={[
            { text: "Add to Cart", href: "#" },
            { text: "View Details", href: "#product-details" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-stylish-elegant-silver-wedding-shoes-chair_8353-75.jpg"
          imageAlt="Premium luxury product showcase"
          frameStyle="card"
        />
      </div>

      <div id="carousel" data-section="carousel">
        <FeatureCardTwentySix
          title="Product Gallery"
          description="Explore multiple angles and details of our premium product"
          features={[
            {
              title: "Stunning Design",              description: "Meticulously crafted with attention to every detail",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-stylish-elegant-silver-wedding-shoes-chair_8353-75.jpg",              imageAlt: "Product front view",              buttonIcon: Eye,
              buttonHref: "#"
            },
            {
              title: "Premium Materials",              description: "Made from the finest quality materials sourced globally",              imageSrc: "https://img.b2bpic.net/free-photo/accessories-sunglasses-perfume-hat-craft-surface_176420-11866.jpg",              imageAlt: "Product detail view",              buttonIcon: Sparkles,
              buttonHref: "#"
            },
            {
              title: "Lifestyle Perfect",              description: "Seamlessly integrates into your everyday life",              imageSrc: "https://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",              imageAlt: "Product in lifestyle setting",              buttonIcon: Heart,
              buttonHref: "#"
            },
            {
              title: "Versatile Appeal",              description: "Works beautifully in any setting or occasion",              imageSrc: "https://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg",              imageAlt: "Product alternative view",              buttonIcon: Star,
              buttonHref: "#"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product-details" data-section="product-details">
        <AboutMetric
          title="Why Choose Our Premium Product"
          metrics={[
            { icon: Award, label: "Premium Quality", value: "5-Star" },
            { icon: TrendingUp, label: "Trusted By", value: "50K+" },
            { icon: Zap, label: "Performance", value: "Tested" },
            { icon: Shield, label: "Warranty", value: "2 Years" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="Customer Reviews"
          description="See what our satisfied customers are saying about this product"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Jessica Miller",              handle: "@jessicam",              testimonial: "Absolutely love this product! The quality is exceptional and it arrived faster than expected. Highly recommend to anyone looking for premium items.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Jessica Miller"
            },
            {
              id: "2",              name: "David Chen",              handle: "@davidchen",              testimonial: "Best purchase I've made in years. The attention to detail is incredible and customer service was outstanding.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Sarah Johnson",              handle: "@sarahj",              testimonial: "Exceeded all my expectations. The product quality, packaging, and overall experience were fantastic. Worth every penny!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "4",              name: "Michael Rodriguez",              handle: "@mrodriguez",              testimonial: "I've purchased from many brands, but this one stands out. Premium quality, fast shipping, and excellent customer support.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "5",              name: "Emma Wilson",              handle: "@emmaw",              testimonial: "Incredible product! It's even better in person than in the photos. Already recommended to all my friends.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Emma Wilson"
            },
            {
              id: "6",              name: "James Thompson",              handle: "@jamesthompson",              testimonial: "Outstanding quality and craftsmanship. This is what premium really means. Absolutely satisfied with my purchase.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",              imageAlt: "James Thompson"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TestimonialCardThirteen
          title="Trusted By Leading Brands"
          description="Our product has earned the trust of industry leaders and quality certifications"
          showRating={false}
          testimonials={[
            {
              id: "trust-1",              name: "Verified Seller",              handle: "@verified",              testimonial: "100% Authentic Products - All items are guaranteed genuine with certification of authenticity.",              rating: 5,
              icon: CheckCircle
            },
            {
              id: "trust-2",              name: "Fast Shipping",              handle: "@shipping",              testimonial: "Free Shipping on Orders Over $50 - Get your premium product delivered to your door quickly and safely.",              rating: 5,
              icon: Zap
            },
            {
              id: "trust-3",              name: "Money Back",              handle: "@guarantee",              testimonial: "30-Day Money Back Guarantee - Not satisfied? Full refund, no questions asked.",              rating: 5,
              icon: Shield
            },
            {
              id: "trust-4",              name: "Award Winner",              handle: "@awards",              testimonial: "Award-Winning Product - Recognized for excellence in design and quality by industry experts.",              rating: 5,
              icon: Award
            }
          ]}
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="related" data-section="related">
        <ProductCardOne
          title="Related Products"
          description="Explore other premium items from our exclusive collection"
          products={[
            {
              id: "rel-1",              name: "Luxury Accessory Set",              price: "$189.99",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-fashion-woman-accessories-golden-heeled-shoes-little-evening-purse-elegant-style-vintage-style-sandals-footwear_285396-7261.jpg",              imageAlt: "Luxury accessory set"
            },
            {
              id: "rel-2",              name: "Premium Bundle Pack",              price: "$249.99",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19868.jpg",              imageAlt: "Premium bundle pack"
            },
            {
              id: "rel-3",              name: "Exclusive Limited Edition",              price: "$349.99",              imageSrc: "https://img.b2bpic.net/free-photo/gorgeous-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5485.jpg",              imageAlt: "Exclusive limited edition"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Premium Features"
          description="Discover the key features that make this product exceptional"
          features={[
            {
              title: "Eco-Friendly Materials",              description: "Sustainably sourced with minimal environmental impact",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-stylish-elegant-silver-wedding-shoes-chair_8353-75.jpg",              imageAlt: "Eco-friendly materials",              buttonIcon: Leaf,
              buttonHref: "#"
            },
            {
              title: "Expert Craftsmanship",              description: "Handmade by skilled artisans with decades of experience",              imageSrc: "https://img.b2bpic.net/free-photo/accessories-sunglasses-perfume-hat-craft-surface_176420-11866.jpg",              imageAlt: "Expert craftsmanship",              buttonIcon: Hammer,
              buttonHref: "#"
            },
            {
              title: "Lifetime Care",              description: "Complimentary maintenance and repair services for life",              imageSrc: "https://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",              imageAlt: "Lifetime care",              buttonIcon: Heart,
              buttonHref: "#"
            },
            {
              title: "Custom Personalization",              description: "Make it uniquely yours with personalized engraving options",              imageSrc: "https://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg",              imageAlt: "Custom personalization",              buttonIcon: Palette,
              buttonHref: "#"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our premium product"
          faqs={[
            {
              id: "1",              title: "What is the warranty period?",              content: "We offer a comprehensive 2-year warranty covering all manufacturing defects. This includes free repairs or replacement if any issues arise during normal use. Extended warranty options are also available for purchase."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping typically arrives within 5-7 business days. We also offer express shipping options (2-3 days) at checkout. All orders are tracked and insured for your peace of mind."
            },
            {
              id: "3",              title: "Can I return or exchange my purchase?",              content: "Yes! We offer a hassle-free 30-day return policy. If you're not completely satisfied, you can return the product in original condition for a full refund or exchange. No questions asked."
            },
            {
              id: "4",              title: "Is this product authentic?",              content: "Absolutely. All our products are 100% authentic and come with a certificate of authenticity. We source directly from manufacturers and guarantee genuine quality."
            },
            {
              id: "5",              title: "How do I care for this product?",              content: "Each product comes with detailed care instructions. Generally, we recommend gentle cleaning with soft materials. For specific guidance, consult the included care guide or contact our customer service team."
            },
            {
              id: "6",              title: "Are there payment plan options?",              content: "Yes! We offer flexible payment plans through our partners. You can split your purchase into 3, 6, or 12 monthly installments with zero interest for qualified customers."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your lifestyle? Get your premium product today and join thousands of satisfied customers worldwide."
          animationType="entrance-slide"
          buttons={[
            { text: "Complete Your Purchase", href: "#" },
            { text: "Contact Support", href: "#" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>

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