"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Stories",
          id: "/stories",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="DYSRVPT"
    />
  </div>

  <div id="about-origin" data-section="about-origin">
      <MediaAbout
      useInvertedBackground={false}
      title="WHY DYSRVPT EXISTS"
      description="DYSRVPT was born from a crucial need: to fill the documentation gaps in contemporary African culture. We are dedicated to archiving the vibrant tapestry of Nigerian and African creativity, creating legitimacy through powerful storytelling. Our mission is to spotlight the disruptors, innovators, and creators who are shaping our collective future, ensuring their stories are heard and preserved. We're not observers. We're participants. We're archivists. We're DYSRVPT."
      imageSrc="http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg"
      imageAlt="African creatives in a collaborative meeting"
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "t1",
          name: "Adaeze Nnamdi",
          role: "Founder & Creative Director",
          description: "Visionary leader passionate about amplifying African voices and building cultural archives.",
          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
          imageAlt: "Portrait of Adaeze Nnamdi",
        },
        {
          id: "t2",
          name: "Kwame Mensah",
          role: "Head of Editorial",
          description: "Experienced journalist and storyteller, ensuring authentic narratives and compelling content.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-recording-herself_23-2149272201.jpg",
          imageAlt: "Portrait of Kwame Mensah",
        },
        {
          id: "t3",
          name: "Zainab Sani",
          role: "Lead Producer",
          description: "Dynamic producer overseeing all visual and audio content, bringing stories to life.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop-office_53876-94906.jpg",
          imageAlt: "Portrait of Zainab Sani",
        },
      ]}
      title="MEET THE ARCHIVISTS"
      description="Our diverse team of cultural enthusiasts, journalists, and creatives are passionate about documenting the pulse of Africa."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="DYSRVPT"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Stories",
              href: "/stories",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "About",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Socials",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/dysrvpt",
            },
            {
              label: "TikTok",
              href: "https://tiktok.com/@dysrvpt",
            },
            {
              label: "X",
              href: "https://x.com/dysrvpt",
            },
            {
              label: "YouTube",
              href: "https://youtube.com/@dysrvpt",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="DYSRVPT | Documenting African Culture In Motion. DO IT LIKE YOU. STAY DYSRVPTIVE."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
