"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Brand",
          id: "/about",
        },
        {
          name: "Private Label",
          id: "/private-label",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="AsianBulls"
      button={{
        text: "Shop Now",
        href: "#products",
      }}
    />
  </div>

  <div id="about-section" data-section="about-section">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="AsianBulls: Redefining Masculine Fashion"
      description="We are a premium streetwear brand dedicated to the modern man. AsianBulls was founded on the principle that clothing is an extension of character—bold, precise, and uncompromising. Our private label manufacturing and retail collections embody high-end materials with an edgy street aesthetic."
      bulletPoints={[
        {
          title: "Premium Materials",
          description: "Only the best fabrics sourced.",
        },
        {
          title: "Tailored Excellence",
          description: "Fits designed for stature.",
        },
        {
          title: "Bold Aesthetic",
          description: "Masculine, sharp, and timeless.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-happy-cute-brunette-woman-model-casual-warm-red-sweater-clothes-isolated-gray-with-evening-makeup-colorful-lips_158538-12704.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Our Philosophy"
      description={[
        "Crafted with intent.",
        "Made for the bold.",
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Hoodies",
              href: "#",
            },
            {
              label: "T-Shirts",
              href: "#",
            },
            {
              label: "Shirts",
              href: "#",
            },
            {
              label: "Pants",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Brand",
              href: "/about",
            },
            {
              label: "Private Label",
              href: "/private-label",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
      ]}
      logoText="AsianBulls"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
