"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
            { name: "Cart", id: "https://example.com/cart" }
          ]}
          brandName="Luxe"
          bottomLeftText="Premium Products"
          bottomRightText="support@luxe.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="LUXE COLLECTION"
          description="Discover our premium handcrafted product, engineered for perfection and designed to elevate your lifestyle. Experience luxury redefined."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Add to Cart", href: "#add-to-cart" },
            { text: "View Details", href: "#details" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg"
          imageAlt="Premium luxury product showcase"
          frameStyle="card"
        />
      </div>

      <div id="product-details" data-section="product-details">
        <FeatureCardNineteen
          features={[
            {
              id: 1,
              tag: "Quality",              title: "Premium Materials",              subtitle: "Crafted with precision and care",              description: "Each piece is meticulously crafted from the finest materials available. We source premium components from trusted suppliers worldwide to ensure uncompromising quality and durability that lasts a lifetime.",              imageSrc: "https://img.b2bpic.net/free-vector/big-sale-banner-template-promotion_157027-1656.jpg",              imageAlt: "Premium material quality"
            },
            {
              id: 2,
              tag: "Design",              title: "Elegant Aesthetics",              subtitle: "Timeless beauty meets modern functionality",              description: "Our award-winning design team has spent months perfecting every curve, angle, and detail. The result is a masterpiece that seamlessly blends form and function, delivering both visual appeal and practical excellence.",              imageSrc: "https://img.b2bpic.net/free-photo/sleek-smartwatch-with-blank-black-screen-white-background_9975-134370.jpg",              imageAlt: "Elegant design details"
            },
            {
              id: 3,
              tag: "Innovation",              title: "Advanced Features",              subtitle: "Technology meets tradition",              description: "Incorporating cutting-edge technology with traditional craftsmanship, our product offers innovative features that enhance your daily experience. Smart engineering ensures reliability, performance, and longevity in every aspect.",              imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg",              imageAlt: "Advanced product features"
            }
          ]}
          title="Product Excellence"
          description="Discover what makes this product exceptional"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <MetricCardEleven
          metrics={[
            {
              id: "1",              value: "98%",              title: "Customer Satisfaction",              description: "Loved by thousands of satisfied customers worldwide",              imageSrc: "https://img.b2bpic.net/free-vector/premium-quality-product-golden-label-design_1017-12393.jpg",              imageAlt: "Quality assurance"
            },
            {
              id: "2",              value: "24/7",              title: "Premium Support",              description: "Expert assistance available around the clock",              imageSrc: "https://img.b2bpic.net/free-vector/premium-quality-stamp-set_24908-55733.jpg",              imageAlt: "Customer support"
            }
          ]}
          title="Why Choose Us"
          description="Excellence across every dimension"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Exceeded All Expectations",              quote: "This product is absolutely exceptional. The quality is unmatched, and the craftsmanship is evident in every detail. I've recommended it to all my friends and family. Truly a worthwhile investment.",              name: "Alexandra Chen",              role: "Design Professional",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Alexandra Chen testimonial"
            },
            {
              id: "2",              title: "Pure Luxury and Elegance",              quote: "I was skeptical at first, but this product has completely transformed my daily routine. The attention to detail is remarkable, and the customer service team was incredibly helpful. Couldn't be happier with my purchase.",              name: "James Mitchell",              role: "CEO, Tech Innovations",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "James Mitchell testimonial"
            },
            {
              id: "3",              title: "Investment Worth Every Penny",              quote: "After using this for several months, I can confidently say it's the best purchase I've made. The durability, performance, and aesthetic appeal are outstanding. Definitely recommend to anyone seeking premium quality.",              name: "Sophie Anderson",              role: "Lifestyle Influencer",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Sophie Anderson testimonial"
            },
            {
              id: "4",              title: "Outstanding Value and Quality",              quote: "The packaging was beautiful, the product arrived in perfect condition, and the quality is exactly as described. This is a luxury item that truly delivers on its promises. Five stars without hesitation.",              name: "Marcus Thompson",              role: "Luxury Consultant",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Marcus Thompson testimonial"
            }
          ]}
          title="Trusted by Discerning Customers"
          description="See what our satisfied customers are saying"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="related-products" data-section="related-products">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Companion Accessory",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg",              imageAlt: "Companion luxury accessory"
            },
            {
              id: "2",              name: "Premium Bundle Set",              price: "$249.99",              imageSrc: "https://img.b2bpic.net/free-photo/modern-smartphone-minimalist-display-stand_9975-134374.jpg",              imageAlt: "Premium luxury bundle"
            },
            {
              id: "3",              name: "Exclusive Collection Item",              price: "$159.99",              imageSrc: "https://img.b2bpic.net/free-vector/big-sale-banner-template-promotion_157027-1648.jpg",              imageAlt: "Exclusive collection piece"
            }
          ]}
          title="You Might Also Like"
          description="Discover complementary products from our premium collection"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Ready to experience luxury? Add this premium product to your collection today and elevate your lifestyle."
          animationType="entrance-slide"
          buttons={[
            { text: "Add to Cart Now", href: "#add-to-cart" },
            { text: "Learn More", href: "#details" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                { label: "Products", href: "products" },
                { label: "Collections", href: "collections" },
                { label: "Sale", href: "sale" },
                { label: "New Arrivals", href: "new" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "shipping" },
                { label: "Returns", href: "returns" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms & Conditions", href: "terms" },
                { label: "Careers", href: "careers" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Collection. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}