"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="solid-accent"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Features", id: "features" },
            { name: "Products", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Brand"
          bottomLeftText="Global Community"
          bottomRightText="hello@example.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover Premium Collections"
          description="Explore our curated selection of style-defining products that elevate your everyday."
          tag="New Arrivals"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716600053-bv5nlve0.jpg",              imageAlt: "Featured product showcase"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716601414-1rtt8t5j.jpg",              imageAlt: "Fashion collection display"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716602649-3cu509tk.jpg",              imageAlt: "Lifestyle product photography"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716603587-m40tfdew.jpg",              imageAlt: "Product catalog showcase"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716604910-2dzhvjzb.jpg",              imageAlt: "Complete collection view"
            }
          ]}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Mission"
          description="We are driven by a passion for quality and innovation — creating thoughtfully designed products that bring joy and simplicity to your life. Every piece is crafted with intention, combining timeless aesthetics with modern functionality."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Browse Collections",              description: "Discover thousands of carefully curated products with advanced filtering and personalized recommendations tailored to your style.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/restaurant-ui-app-template_47987-1881.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/furniture-shopping-app-concept_23-2148662040.jpg"
              }
            },
            {
              id: 2,
              title: "Checkout in Seconds",              description: "Fast, secure payment processing with multiple options. Save your favorites for instant access on your next visit.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/furniture-shopping-app-set_23-2148651168.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/furniture-shopping-app_23-2148671279.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          title="Experience Seamless Shopping"
          description="Intuitive design meets powerful functionality across all your devices."
          tag="Features"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          products={[
            {
              id: "1",              name: "Premium Essential Tee",              price: "$49",              variant: "White • 5 Colors",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716607713-49m2r4r8.jpg",              imageAlt: "Premium white t-shirt"
            },
            {
              id: "2",              name: "Signature Classic Shirt",              price: "$79",              variant: "Navy • 3 Colors",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716608872-knhgw34h.jpg",              imageAlt: "Navy classic shirt"
            },
            {
              id: "3",              name: "Modern Style Jacket",              price: "$129",              variant: "Black • 2 Colors",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716610458-qhw0abzy.jpg",              imageAlt: "Black modern jacket"
            }
          ]}
          title="Featured Products"
          description="Handpicked items from our latest collection."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          plans={[
            {
              id: "1",              badge: "Starter",              price: "$29/mo",              subtitle: "Perfect for individuals",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "about" }
              ],
              features: [
                "Access to core features",                "Up to 5 saved favorites",                "Email support",                "Mobile app access"
              ]
            },
            {
              id: "2",              badge: "Professional",              price: "$79/mo",              subtitle: "Best for regular shoppers",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Chat Sales", href: "contact" }
              ],
              features: [
                "All starter features",                "Unlimited saved items",                "Priority support",                "Early access to new collections",                "Free shipping on all orders"
              ]
            },
            {
              id: "3",              badge: "Premium",              price: "$199/mo",              subtitle: "Maximum value & benefits",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Schedule Call", href: "contact" }
              ],
              features: [
                "All professional features",                "Personal style consultant",                "VIP event access",                "Exclusive member discounts",                "Concierge support",                "Customized recommendations"
              ]
            }
          ]}
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your needs."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Fashion Enthusiast",              testimonial: "The quality of the products exceeded my expectations. Shopping here has become my favorite online experience. Everything is thoughtfully curated and beautifully presented.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716612033-pmp8jgth.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Style Consultant",              testimonial: "I recommend this store to all my clients. The collections perfectly balance classic design with contemporary trends. Customer service is outstanding.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716612977-ndtzevzi.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Brand Manager",              testimonial: "Outstanding attention to detail in both product selection and customer experience. This is how modern retail should work. I'm a loyal customer for life.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716614231-c7kqvy4k.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              role: "Creative Director",              testimonial: "Every interaction with this brand feels premium. The website is intuitive, the checkout is smooth, and the products are incredible. Highly recommended.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716615370-11cqkj8g.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Martinez",              role: "Lifestyle Blogger",              testimonial: "I love discovering new collections here. The curation is impeccable and prices are fair. The team clearly cares about their customers. Worth every penny.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716617083-fsoxzq90.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              name: "Thomas Anderson",              role: "Executive",              testimonial: "Professional, reliable, and consistently excellent. This store has become my go-to for quality products. The personal touch sets them apart from competitors.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767716618714-pnrw7wu9.jpg",              imageAlt: "Thomas Anderson"
            }
          ]}
          title="What Our Customers Say"
          description="Real feedback from real people who love our products."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
            {
              id: "1",              title: "What is your return policy?",              content: "We offer a hassle-free 30-day return policy on all items. Simply return your purchase in original condition with proof of purchase for a full refund or exchange."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping typically takes 5-7 business days. We also offer express shipping (2-3 business days) and international shipping options. All orders ship with tracking."
            },
            {
              id: "3",              title: "Do you ship internationally?",              content: "Yes, we ship to over 100 countries worldwide. International shipping times vary by location but typically range from 10-21 business days. International orders may be subject to customs duties."
            },
            {
              id: "4",              title: "How can I track my order?",              content: "Once your order ships, you'll receive a tracking number via email. You can use this number to monitor your package in real-time on our website or the carrier's tracking portal."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, digital wallets (Apple Pay, Google Pay), and installment payment plans for qualifying purchases."
            },
            {
              id: "6",              title: "Are your products sustainable?",              content: "We're committed to sustainability. Our products are made from ethically sourced materials, and we use eco-friendly packaging. Learn more about our sustainability initiatives on our dedicated page."
            }
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to elevate your style?"
          inputPlaceholder="Enter your email"
          buttonText="Join Us"
          useInvertedBackground="invertCard"
          animationType="entrance-slide"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Brand"
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "products" },
                { label: "New Arrivals", href: "products" },
                { label: "Best Sellers", href: "products" },
                { label: "Collections", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "blog" },
                { label: "Careers", href: "about" },
                { label: "Sustainability", href: "about" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Shipping Info", href: "about" },
                { label: "Returns", href: "about" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Pinterest", href: "https://pinterest.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Brand. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}