"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Shop",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Bey Móveis"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "gradient-bars",
      }}
      title="Quality Furniture, Affordable Prices, Delivered Fast"
      description="Discover beautifully designed furniture for every room in your home Shop online with secure payment and fast delivery to São Bernardo."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/empty-unfurnished-brand-new-apartment_181624-45321.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/modern-living-room-with-artificial-flowers-vase-home-decor-items-wooden-light-table_169016-3986.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037616.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/comfortable-armchair-room-decorated_1048-2932.jpg",
          alt: "Customer",
        },
      ]}
      buttons={[
        {
          text: "Explore Furniture Now",
          href: "#products",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Free Delivery in São Bernardo",
        },
        {
          type: "text",
          text: "Secure Payments",
        },
        {
          type: "text",
          text: "100% Quality Guarantee",
        },
        {
          type: "text",
          text: "Local Support",
        },
        {
          type: "text",
          text: "Fast Shipping",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Our Commitment to ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104701.jpg",
          alt: "About Bey Móveis",
        },
        {
          type: "text",
          content: " Quality Furniture",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Modern Comfort Sofa",
          price: "R$ 2.499",
          variant: "Beige",
          imageSrc: "http://img.b2bpic.net/free-photo/corner-couch_1203-11.jpg",
        },
        {
          id: "p2",
          name: "Oak Dining Table",
          price: "R$ 1.899",
          variant: "Wood",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-pot-wooden-table-with-flowers-candles-it-near-armchair-fireplace_181624-6073.jpg",
        },
        {
          id: "p3",
          name: "Velvet Armchair",
          price: "R$ 950",
          variant: "Grey",
          imageSrc: "http://img.b2bpic.net/free-photo/comfy-blue-wing-chair-studio-with-gray-walls_181624-28916.jpg",
        },
        {
          id: "p4",
          name: "Modular Bookshelf",
          price: "R$ 799",
          variant: "White",
          imageSrc: "http://img.b2bpic.net/free-photo/stack-old-coming-book-strips-box_23-2150256482.jpg",
        },
        {
          id: "p5",
          name: "Minimalist Coffee Table",
          price: "R$ 499",
          variant: "Dark Wood",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-design_53876-145504.jpg",
        },
        {
          id: "p6",
          name: "Classic Bed Frame",
          price: "R$ 3.200",
          variant: "Queen Size",
          imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160128.jpg",
        },
      ]}
      title="Featured Collection"
      description="Explore our curated selection of quality furniture for your apartment or house."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Fast Delivery",
          description: "Quick shipping across São Bernardo.",
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371926.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-mask-gloves_23-2148590693.jpg",
          buttonText: "Read More",
        },
        {
          title: "Secure Payments",
          description: "PIX, Boleto, and Cards accepted.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-looking-credit-card_23-2148304825.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/labels-shopping-trolley-near-coins_23-2147957015.jpg",
          buttonText: "See Payment",
        },
        {
          title: "Direct Support",
          description: "Always available on WhatsApp.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-desk_23-2148975608.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone-shrugging_23-2147842103.jpg",
          buttonText: "Chat Now",
        },
      ]}
      title="Why Choose Bey Móveis?"
      description="We offer premium service designed for your home needs in São Bernardo."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1500+",
          title: "Homes Furnished",
          items: [
            "Apartments",
            "Houses",
          ],
        },
        {
          id: "m2",
          value: "4.9",
          title: "Avg. Rating",
          items: [
            "Reviews",
            "Quality",
          ],
        },
        {
          id: "m3",
          value: "500+",
          title: "Products Available",
          items: [
            "Catalog",
            "Variety",
          ],
        },
      ]}
      title="Serving São Bernardo"
      description="Our impact in the local community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Ana Silva",
          role: "Owner",
          company: "Home",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
        },
        {
          id: "t2",
          name: "Pedro Souza",
          role: "Architect",
          company: "Studio",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
        },
        {
          id: "t3",
          name: "Camila Dias",
          role: "Resident",
          company: "Apartment",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/laughing-brunette-woman-stylish-dress-talking-by-mobile-phone-tropical-cafe-near-beach_273443-559.jpg",
        },
        {
          id: "t4",
          name: "Roberto Viana",
          role: "Designer",
          company: "Office",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/chic-mid-century-modern-luxury-aesthetics-living-room-with-gray-velvet-couch-blue-rug_53876-134091.jpg",
        },
        {
          id: "t5",
          name: "Fernanda Lima",
          role: "Customer",
          company: "Home",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "100%",
          label: "Satisfaction",
        },
        {
          value: "500+",
          label: "Happy Clients",
        },
        {
          value: "24/7",
          label: "Online Support",
        },
      ]}
      title="What Our Clients Say"
      description="Trusted by hundreds of homeowners in São Bernardo."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "What payment methods do you accept?",
          content: "We accept PIX, Boleto, and all major Credit Cards.",
        },
        {
          id: "f2",
          title: "Do you deliver to São Bernardo?",
          content: "Yes, we offer fast local delivery to all areas in São Bernardo.",
        },
        {
          id: "f3",
          title: "How can I track my order?",
          content: "We provide updates via WhatsApp and email.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Answers to your common queries."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Ready to Furnish Your Home?"
      description="Chat with our team via WhatsApp today at +55 11 947175700."
      buttons={[
        {
          text: "Contact on WhatsApp",
          href: "https://wa.me/5511947175700",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Bey Móveis"
      copyrightText="© 2025 Bey Móveis"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
