"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Shop",
          id: "/shop",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="NEXORA FASHION"
    />
  </div>

  <div id="our-story" data-section="our-story">
      <TextAbout
      useInvertedBackground={false}
      title="Our Legacy in Luxury Fashion"
      description="NEXORA FASHION was founded with a vision to redefine luxury. We blend classic artistry with modern innovation, offering discerning clients exclusive collections that embody sophistication and style. Our commitment to quality, craftsmanship, and ethical sourcing is at the heart of everything we do."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Meet Our Visionary Team"
      tag="The Faces Behind NEXORA"
      membersAnimation="slide-up"
      members={[
        {
          id: "tm1",
          name: "Elena Vanguard - CEO & Founder",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-paint-draws-sketch_197531-24022.jpg",
          imageAlt: "Elena Vanguard",
        },
        {
          id: "tm2",
          name: "Julian Thorne - Creative Director",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11244.jpg",
          imageAlt: "Julian Thorne",
        },
        {
          id: "tm3",
          name: "Isabelle Noir - Head of Design",
          imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg",
          imageAlt: "Isabelle Noir",
        },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="brand-partners" data-section="brand-partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "VOGUE",
        "CHANEL",
        "GUCCI",
        "DIOR",
        "PRADA",
        "HERMÈS",
        "LOUIS VUITTON",
      ]}
      title="Trusted by Leading Fashion Houses"
      description="We proudly collaborate with the world's most iconic fashion brands, ensuring our collections meet the highest standards of luxury and style."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="NEXORA FASHION"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Men's Clothing",
              href: "/shop",
            },
            {
              label: "Women's Clothing",
              href: "/shop",
            },
            {
              label: "Shoes",
              href: "/shop",
            },
            {
              label: "Accessories",
              href: "/shop",
            },
            {
              label: "New Arrivals",
              href: "/shop",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Team",
              href: "/about#team",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Returns & Refunds",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 NEXORA FASHION. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
