"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Instagram, Facebook, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="grid"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="WoFurniture"
          button={{
            text: "Shop Now",
            href: "product"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Transform Your Home with Elegance"
          description="Discover our curated collection of premium furniture and home decor pieces designed to elevate your living spaces with timeless style and comfort."
          tag="New Collection"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515681733-nfaogjko.jpg"
          imageAlt="Modern sofa in elegant living room setting"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            {
              text: "Explore Collection",
              href: "product"
            },
            {
              text: "Learn More",
              href: "about"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo
          title="Featured Collections"
          description="Hand-selected pieces that bring warmth, functionality, and contemporary style to every room in your home."
          tag="Best Sellers"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",
              brand: "WoFurniture",
              name: "Premium Accent Chair",
              price: "$650.00",
              rating: 5,
              reviewCount: "328",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515683512-5xaynpwo.jpg",
              imageAlt: "Premium accent chair in warm terracotta"
            },
            {
              id: "2",
              brand: "WoFurniture",
              name: "Modern Dining Table",
              price: "$800.00",
              rating: 5,
              reviewCount: "214",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515684440-hawfjk51.jpg",
              imageAlt: "Solid wood dining table with natural finish"
            },
            {
              id: "3",
              brand: "WoFurniture",
              name: "Contemporary Bedroom Set hkhh",
              price: "$2,450.00",
              rating: 4,
              reviewCount: "156",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515685273-4b4at3sz.jpg",
              imageAlt: "Modern bedroom set with platform bed and nightstands"
            },
            {
              id: "4",
              brand: "WoFurniture",
              name: "Storage Cabinet",
              price: "$825.00",
              rating: 5,
              reviewCount: "189",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515686346-cdog8vyz.jpg",
              imageAlt: "Wooden storage cabinet with minimalist design"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Crafted for Your Lifestyle"
          description="At WoFurniture, we believe every home tells a story. We source sustainable materials and work with talented artisans to create pieces that stand the test of time. Quality, design, and affordability come together in every product we offer."
          tag="Our Story"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515687669-fkicbagf.jpg"
          imageAlt="Our beautiful furniture showroom"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View All Products",
              href: "product"
            }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardSixteen
          title="Why Choose WoFurniture"
          description="See how we stand apart from traditional furniture retailers with our commitment to quality and customer satisfaction."
          tag="Our Advantage"
          negativeCard={{
            title: "Traditional Retailers",
            items: [
              "Limited design options",
              "High markups and hidden costs",
              "Poor customer support",
              "Long delivery times",
              "No customization available"
            ]
          }}
          positiveCard={{
            title: "WoFurniture",
            items: [
              "Curated modern collections",
              "Transparent pricing",
              "Award-winning support team",
              "Fast and reliable shipping",
              "Custom design services"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          cardTitle="Over 15,000 customers trust WoFurniture to bring their homes to life"
          cardTag="See what they say"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Davis",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
              imageAlt: "Emma Davis"
            },
            {
              id: "4",
              name: "James Wilson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our furniture, delivery, and services."
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your delivery timeframe?",
              content: "Standard delivery typically takes 5-7 business days within the continental US. Express delivery options are available for an additional fee."
            },
            {
              id: "2",
              title: "Do you offer customization options?",
              content: "Yes! We offer custom colors, fabrics, and dimensions for most of our furniture pieces. Contact our design team to discuss your specific needs."
            },
            {
              id: "3",
              title: "What is your return policy?",
              content: "We offer a 30-day money-back guarantee on all purchases. If you're not satisfied, simply contact us for a full refund or exchange."
            },
            {
              id: "4",
              title: "Are your materials sustainable?",
              content: "We prioritize eco-friendly materials and ethical sourcing. Most of our pieces use sustainably harvested wood and non-toxic finishes."
            },
            {
              id: "5",
              title: "Do you provide assembly service?",
              content: "Yes, we offer professional assembly services in select areas. Additional charges apply. Check availability based on your location during checkout."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated on New Arrivals"
          description="Subscribe to our newsletter for exclusive discounts, design inspiration, and early access to new collections."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="WoFurniture"
          description="Premium furniture and home decor for modern living. Thoughtfully designed pieces that elevate your home."
          copyrightText="© 2025 WoFurniture. All rights reserved."
          columns={[
            {
              title: "Shop",
              items: [
                {
                  label: "All Products",
                  href: "product"
                },
                {
                  label: "New Arrivals",
                  href: "product"
                },
                {
                  label: "Best Sellers",
                  href: "product"
                },
                {
                  label: "Custom Orders",
                  href: "contact"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Blog",
                  href: "blog"
                },
                {
                  label: "Careers",
                  href: "careers"
                },
                {
                  label: "Contact",
                  href: "contact"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "FAQ",
                  href: "faq"
                },
                {
                  label: "Shipping Info",
                  href: "shipping"
                },
                {
                  label: "Returns",
                  href: "returns"
                },
                {
                  label: "Warranty",
                  href: "warranty"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "privacy"
                },
                {
                  label: "Terms of Service",
                  href: "terms"
                },
                {
                  label: "Cookie Policy",
                  href: "cookies"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Youtube,
              href: "https://youtube.com",
              ariaLabel: "YouTube"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
