"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Track Order",
          id: "/track-order",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Malavida"
    />
  </div>

  <div id="brand-philosophy" data-section="brand-philosophy">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Ethical Production",
          description: "Committed to fair labor practices and safe working conditions across our supply chain.",
          imageSrc: "http://img.b2bpic.net/free-photo/stunning-african-man-posing-with-gently-smile-stairs-handsome-guy-checkered-jacket-sitting-steps-evening_197531-22068.jpg",
          imageAlt: "Ethical production facility",
        },
        {
          title: "Sustainable Materials",
          description: "Prioritizing eco-friendly fabrics and sustainable manufacturing processes to minimize environmental impact.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg",
          imageAlt: "Sustainable fabric swatch",
        },
        {
          title: "Timeless Design",
          description: "Crafting versatile and enduring styles that stand the test of time, reducing the need for fast fashion.",
          imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448761.jpg",
          imageAlt: "Timeless dress design",
        },
      ]}
      title="Our Philosophy"
      description="At Malavida, we are driven by a singular vision: to create fashion that empowers. We combine meticulous craftsmanship with ethical sourcing to deliver pieces that are not only beautiful but also responsible."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "member-1",
          name: "Elena Rodriguez",
          role: "Founder & CEO",
          description: "Elena's vision fuels Malavida, blending art with business to create a globally recognized brand.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-darkskinned-woman-white-trendy-blouse-draws-clothes-samples-attractive-fashion-designer-sits-table_197531-29865.jpg",
          imageAlt: "Elena Rodriguez",
        },
        {
          id: "member-2",
          name: "David Kim",
          role: "Head Designer",
          description: "David leads our design team, bringing fresh perspectives and innovative concepts to each collection.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213629.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "member-3",
          name: "Sarah Lee",
          role: "Marketing Director",
          description: "Sarah crafts our brand's voice, connecting Malavida with our audience through compelling campaigns.",
          imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg",
          imageAlt: "Sarah Lee",
        },
      ]}
      title="Meet Our Visionaries"
      description="Behind every Malavida creation is a team of passionate individuals dedicated to innovation and excellence in fashion."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Story",
              href: "/about",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Shop",
          items: [
            {
              label: "Collections",
              href: "/gallery",
            },
            {
              label: "New Arrivals",
              href: "/gallery",
            },
            {
              label: "Sale",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "Track Order",
              href: "/track-order",
            },
            {
              label: "FAQ",
              href: "/contact#faq",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/fashion-accessories-logo-collection_23-2148888014.jpg"
      logoAlt="Malavida Logo"
      logoText="Malavida"
      copyrightText="© 2024 Malavida. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
