"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Collection",
          id: "products",
        },
        {
          name: "FAQ",
          id: "faq",
        },
      ]}
      brandName="Urban Furnished"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Timeless Elegance for Your Urban Oasis"
      description="Discover curated furniture designed for sophisticated living. Urban Furnished blends quality craftsmanship with modern aesthetic sensibilities."
      buttons={[
        {
          text: "Explore Collection",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cup-milk-tea-eyeglasses-black-table-curtain_53876-65282.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/home-chair-with-beautiful-flowerpot-decorative-items_169016-1689.jpg",
          alt: "home chair with a beautiful flowerpot and decorative items",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-white-pumpkins-mirror-table_23-2149446038.jpg",
          alt: "High angle white pumpkins on mirror table",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-details-autumn-home-decor-blurred-background_169016-23622.jpg",
          alt: "Closeup details of autumn home decor on a blurred background",
        },
        {
          src: "http://img.b2bpic.net/free-photo/modern-living-room-with-artificial-flowers-vase-home-decor-items-wooden-light-table_169016-3977.jpg",
          alt: "Modern living room, with artificial flowers in a vase and home decor items on wooden light table.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cup-milk-tea-eyeglasses-black-table-curtain_53876-65282.jpg",
          alt: "elegant living room furniture interior",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Quality Craftsmanship",
        },
        {
          type: "text",
          text: "Modern Sophistication",
        },
        {
          type: "text",
          text: "Urban Living",
        },
        {
          type: "text",
          text: "Timeless Design",
        },
        {
          type: "text",
          text: "Refined Comfort",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="A Legacy of Refined Design"
      buttons={[
        {
          text: "Read Our Story",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Velvet Lounge Sofa",
          price: "$2,400",
          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-coffee-table-with-chandelier-it_123827-23875.jpg",
        },
        {
          id: "p2",
          name: "Oak Dining Table",
          price: "$1,850",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2150772127.jpg",
        },
        {
          id: "p3",
          name: "Travertine Coffee Table",
          price: "$950",
          imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898525.jpg",
        },
        {
          id: "p4",
          name: "Minimalist Nightstand",
          price: "$450",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897648.jpg",
        },
        {
          id: "p5",
          name: "Modular Bookshelf",
          price: "$1,200",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-living-room-arrangement_23-2149135759.jpg",
        },
        {
          id: "p6",
          name: "Sculptural Floor Lamp",
          price: "$600",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178890.jpg",
        },
      ]}
      title="Curated Furniture Selection"
      description="Hand-picked pieces to elevate every corner of your home."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          label: "Service",
          title: "White Glove Delivery",
          items: [
            "Assembly on-site",
            "Protective packaging removal",
            "Room placement",
          ],
        },
        {
          id: "f2",
          label: "Guarantee",
          title: "Lifetime Quality",
          items: [
            "Material authenticity",
            "Structural integrity",
            "Design lasting power",
          ],
        },
        {
          id: "f3",
          label: "Design",
          title: "Free Consultations",
          items: [
            "Space planning",
            "Color palette advice",
            "Style matching",
          ],
        },
      ]}
      title="Unmatched Quality & Care"
      description="Providing services that go beyond mere furniture delivery."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10k+",
          description: "Happy Households",
        },
        {
          id: "m2",
          value: "500+",
          description: "Curated Pieces",
        },
        {
          id: "m3",
          value: "15+",
          description: "Design Awards",
        },
      ]}
      title="Excellence by the Numbers"
      description="Trusted by thousands of design enthusiasts across the city."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          handle: "@sarahmiller",
          testimonial: "The sofa quality is exceptional. It transformed our living room completely.",
          imageSrc: "http://img.b2bpic.net/free-photo/women-relaxing-sofa-looking-clipboard_23-2148352830.jpg",
        },
        {
          id: "2",
          name: "James Chen",
          handle: "@jchen",
          testimonial: "Urban Furnished provided top-tier service. Highly recommended.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg",
        },
        {
          id: "3",
          name: "Emily Davis",
          handle: "@edavis",
          testimonial: "Beautiful design, solid build. Exactly what we wanted.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg",
        },
        {
          id: "4",
          name: "Michael Roberts",
          handle: "@mroberts",
          testimonial: "Professional delivery and truly stunning pieces.",
          imageSrc: "http://img.b2bpic.net/free-photo/older-lady-white-shirt-biting-pen-thinking-house-daytime_176474-4940.jpg",
        },
        {
          id: "5",
          name: "Linda Wu",
          handle: "@lindawu",
          testimonial: "My home finally looks like the ones in magazines.",
          imageSrc: "http://img.b2bpic.net/free-photo/pov-tourist-waves-videocall_482257-76727.jpg",
        },
      ]}
      title="Living Spaces Transformed"
      description="Hear what our clients say about their experience with us."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you offer shipping?",
          content: "Yes, we ship nationwide with white glove delivery options.",
        },
        {
          id: "q2",
          title: "What is your return policy?",
          content: "We offer returns within 30 days if items remain in original condition.",
        },
        {
          id: "q3",
          title: "Are materials sustainable?",
          content: "We prioritize FSC-certified woods and eco-friendly manufacturing processes.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Everything you need to know about our products and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-animated",
      }}
      tag="Stay Updated"
      title="Get Design Inspirations"
      description="Join our newsletter to receive curated interior design tips."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Living Room",
              href: "#",
            },
            {
              label: "Dining Room",
              href: "#",
            },
            {
              label: "Bedroom",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Contact",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Shipping",
              href: "#",
            },
            {
              label: "Returns",
              href: "#",
            },
            {
              label: "FAQ",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Urban Furnished"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
