"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Send } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="large"
      background="noise"
      cardStyle="outline-light"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
          brandName="Cozy Home"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Cozy Home"
          description="Discover premium furniture and home decor that transforms your space into a sanctuary of comfort and style"
          buttons={[
            { text: "Explore Collection", href: "products" },
            { text: "View Catalog", href: "products" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604827286-ps0lih89.jpg"
          imageAlt="Modern furniture and home decor showcase"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Collection"
          description="Handpicked furniture and decor pieces curated for style and comfort"
          tag="Shop Now"
          products={[
            {
              id: "sofa-luxury",
              name: "Velvet Dream Sofa",
              price: "$1,299",
              variant: "Available in 5 Colors",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604829492-2cycgrf1.jpg",
              imageAlt: "Luxury velvet sofa in cream and blush tones"
            },
            {
              id: "sofa-modern",
              name: "Contemporary L-Shaped Sectional",
              price: "$1,899",
              variant: "Modular Design",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604831774-b9x9enod.jpg",
              imageAlt: "Modern sectional sofa with modular pieces"
            },
            {
              id: "sofa-minimalist",
              name: "Minimalist Gray Sofa",
              price: "$899",
              variant: "2-3 Seat Options",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604833053-t5uewekq.jpg",
              imageAlt: "Clean minimalist gray sofa for modern spaces"
            },
            {
              id: "table-coffee",
              name: "Walnut Coffee Table",
              price: "$449",
              variant: "Wood Natural Finish",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604834684-ohxll2zg.jpg",
              imageAlt: "Elegant wooden coffee table with natural grain"
            },
            {
              id: "table-dining",
              name: "Solid Oak Dining Table",
              price: "$799",
              variant: "Seats 4-6 People",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604835995-xl8vpa8v.jpg",
              imageAlt: "Spacious dining table for family gatherings"
            },
            {
              id: "table-side",
              name: "Marble Side Table",
              price: "$349",
              variant: "Modern Minimalist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604837516-rm2vz8r2.jpg",
              imageAlt: "Elegant marble accent table for any room"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="About Us"
          title="Crafting Spaces That Feel Like Home"
          description="At Cozy Home, we believe your living space should reflect your personality and provide comfort for everyday moments. Our curated collection of premium furniture and decor pieces are selected for quality, design, and lasting value. From statement sofas to subtle accents, we help you create the home you've always imagined."
          textboxLayout="default"
          phoneOne={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604842604-ei93r15t.jpg" }}
          phoneTwo={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604843755-l50134j5.jpg" }}
          useInvertedBackground="noInvert"
          buttons={[{ text: "Learn More", href: "contact" }]}
        />
      </div>

      <div id="lamps-decor" data-section="lamps-decor">
        <FeatureCardSix
          title="Complete Your Home"
          description="From lighting solutions to decorative accents, discover the finishing touches that bring rooms to life"
          tag="Lighting & Decor"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Ambient Lighting",
              description: "Warm floor and table lamps designed to create cozy atmospheres in any room. Energy-efficient LED options available.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604840520-tdvz52nd.jpg"
            },
            {
              id: 2,
              title: "Accent Lighting",
              description: "Task lamps and desk lights perfect for workspaces, bedside reading, and focused activities.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604841607-hhgq6s4x.jpg"
            },
            {
              id: 3,
              title: "Decorative Accents",
              description: "Wall art, throw pillows, blankets, and sculptures that add personality and warmth to your spaces.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604844841-n8tbnt4r.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real stories from real customers who've transformed their homes with Cozy Home"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Interior Designer",
              date: "Date: March 15, 2025",
              title: "Transformed my living room completely!",
              quote: "The quality of the Velvet Dream Sofa exceeded my expectations. Not only does it look stunning, but it's incredibly comfortable. My clients love when I recommend Cozy Home pieces.",
              tag: "Home Transformation",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604847098-1c4eppxp.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604829492-2cycgrf1.jpg"
            },
            {
              id: "2",
              name: "James Robertson, Homeowner",
              date: "Date: February 28, 2025",
              title: "Quality and style that lasts",
              quote: "I've purchased multiple pieces from Cozy Home over the past year. Every item has held up beautifully, and the design never goes out of style. Highly recommend for anyone looking to invest in their home.",
              tag: "Quality Furniture",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604848051-vaisp3fv.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604834684-ohxll2zg.jpg"
            },
            {
              id: "3",
              name: "Emma Thompson, Apartment Dweller",
              date: "Date: February 10, 2025",
              title: "Perfect for small spaces",
              quote: "The modular sectional is amazing! I was able to configure it perfectly for my apartment layout. It arrived well-packaged and the customer service team was incredibly helpful.",
              tag: "Space Solutions",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604849198-dq4qffmm.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604831774-b9x9enod.jpg"
            },
            {
              id: "4",
              name: "Marcus Williams, New Homeowner",
              date: "Date: January 22, 2025",
              title: "Made furnishing my first home easy",
              quote: "As a first-time homeowner, the selection and pricing were perfect. I was able to create a cohesive look throughout my home without breaking the bank. The team answered all my questions patiently.",
              tag: "First-Time Buyer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604849994-1mbwek9v.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604842604-ei93r15t.jpg"
            },
            {
              id: "5",
              name: "Sophia Chen, Decorator",
              date: "Date: January 10, 2025",
              title: "Excellent variety and selection",
              quote: "I love how Cozy Home offers pieces in different styles and price points. Whether I'm looking for budget-friendly options or premium investments, there's always something perfect for my projects.",
              tag: "Professional Design",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604850663-u53ensbz.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604840520-tdvz52nd.jpg"
            },
            {
              id: "6",
              name: "David Park, Real Estate Agent",
              date: "Date: December 28, 2024",
              title: "Staging homes has never been easier",
              quote: "I use Cozy Home pieces to stage properties before showing. The designs are timeless and appeal to a wide range of buyers. It's made a noticeable difference in my sales.",
              tag: "Professional Use",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604851940-jlhxwxd8.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604835995-xl8vpa8v.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about shopping with Cozy Home"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What is your return policy?",
              content: "We offer a 30-day return policy on all items. Products must be in original condition with all packaging. Contact our customer service team to initiate a return. Most returns are processed within 5-7 business days."
            },
            {
              id: "2",
              title: "How long does shipping typically take?",
              content: "Standard shipping takes 5-10 business days. We also offer expedited shipping (2-3 business days) and white-glove delivery with assembly for larger pieces. Shipping costs vary based on location and delivery method."
            },
            {
              id: "3",
              title: "Can I customize or order in different fabrics?",
              content: "Yes! Many of our sofas and upholstered pieces can be customized with different fabrics and colors. Contact us for available options and pricing. Custom orders typically take 4-6 weeks for production and delivery."
            },
            {
              id: "4",
              title: "Do you offer financing options?",
              content: "We partner with Affirm and other financing providers to make purchases more flexible. You can select financing at checkout for qualifying purchases. Terms vary based on your credit profile."
            },
            {
              id: "5",
              title: "Are your products sustainably sourced?",
              content: "We're committed to sustainability. Most of our wood comes from responsibly managed forests, and we work with manufacturers who prioritize eco-friendly practices. Our packaging is 100% recyclable."
            },
            {
              id: "6",
              title: "What is included with delivery?",
              content: "Standard delivery includes curbside drop-off. For an additional fee, we offer in-home delivery, placement, assembly, and packaging removal. White-glove service is available for premium items."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Space?"
          ctaDescription="Get in touch with our design consultants or start shopping our collection today."
          ctaButton={{ text: "Start Shopping", href: "products" }}
          ctaIcon={Send}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "How can I get design advice?",
              content: "Our design consultants are available via email, phone, or live chat. Share your space dimensions and style preferences, and we'll recommend curated pieces that work perfectly together."
            },
            {
              id: "2",
              title: "Do you offer interior design services?",
              content: "Yes! For purchases over $3,000, we offer complimentary design consultations. Our team will help you create a cohesive look throughout your home."
            },
            {
              id: "3",
              title: "Can I see items in person?",
              content: "We have showrooms in select cities. Check our location page to find a showroom near you. You can also request fabric samples or video tours of specific pieces."
            },
            {
              id: "4",
              title: "What's your customer support availability?",
              content: "Our team is available Monday-Friday, 9am-6pm EST, and Saturday 10am-4pm EST. You can reach us via email, phone, or live chat on our website."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cozy Home"
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Products", href: "products" },
                { label: "Sofas & Seating", href: "products" },
                { label: "Tables", href: "products" },
                { label: "Lighting", href: "products" },
                { label: "Decor", href: "products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Mission", href: "about" },
                { label: "Blog", href: "blog" },
                { label: "Careers", href: "contact" }
              ]
            },
            {
              title: "Customer Service",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "faq" },
                { label: "Returns", href: "faq" },
                { label: "Track Order", href: "contact" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Design Help", href: "contact" },
                { label: "Size Guide", href: "faq" },
                { label: "Financing", href: "faq" }
              ]
            }
          ]}
          copyrightText="© 2025 Cozy Home | All rights reserved"
        />
      </div>
    </ThemeProvider>
  );
}