"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Process",          id: "#process"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "Capabilities",          id: "#capabilities"},
      ]}
      brandName="Battla Impex"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="Battla Impex"
      description="A world-class textile and manufacturing partner for the industry’s most iconic fashion brands."
      buttons={[
        {
          text: "Experience Our Process",          href: "#process"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036763.jpg"
      imageAlt="Luxurious silk flowing"
      mediaAnimation="opacity"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "J.",        "SAPPHIRE",        "EDENROBE",        "DINERS",        "KHAADI",        "NISHAT",        "BONANZA"]}
      title="Our Partners in Style"
      description="The standards we set are the reasons these giants trust us with their collections."
    />
  </div>

  <div id="capabilities" data-section="capabilities">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Uncompromising Precision",          description: "Every stitch and fiber undergoes a rigorous 12-point quality check.",          imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg"},
        {
          title: "Scalable Excellence",          description: "From boutique runs to million-unit orders, we never miss a deadline.",          imageSrc: "http://img.b2bpic.net/free-photo/spool-white-threads-scissors-workdesk_23-2147874979.jpg"},
        {
          title: "Global Vision",          description: "Merging traditional craftsmanship with modern global tech.",          imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1189.jpg"},
      ]}
      title="The Three Pillars of Battla"
      description="Merging traditional craftsmanship with modern global technology."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Our Legacy in Textiles"
      description={[
        "For over three decades, Battla Impex has redefined the standards of garment manufacturing. We combine deep industrial expertise with a forward-thinking approach to sustainable fashion.",        "Our facility houses state-of-the-art machinery and a dedicated team of master craftsmen, ensuring that every garment reflects our commitment to excellence."]}
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The precision and quality provided by Battla Impex is unmatched. They have become an integral part of our supply chain and consistently deliver beyond our expectations."
      rating={5}
      author="CEO, Global Fashion House"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg",          alt: "CEO"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="opacity"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Battla Impex"
      columns={[
        {
          title: "Industry Solutions",          items: [
            {
              label: "Fabric Sourcing",              href: "#"},
            {
              label: "Quality Control Standards",              href: "#"},
            {
              label: "Sustainable Manufacturing",              href: "#"},
            {
              label: "Custom Accessory Kits",              href: "#"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "Our Legacy",              href: "#about"},
            {
              label: "Partner with Us",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Battla Impex. Specialized textile & garment accessory manufacturing."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}