"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Stories",          id: "/stories"},
        {
          name: "Services",          id: "/services"},
        {
          name: "About",          id: "/about"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7mhs2"
      logoAlt="DYSRVPT Logo"
      brandName="DYSRVPT"
    />
  </div>

  <div id="about-origin" data-section="about-origin">
      <MediaAbout
      useInvertedBackground={false}
      title="WHY DYSRVPT EXISTS"
      description="DYSRVPT was born from a deep understanding of the need to archive and legitimize the vibrant, often underdocumented, cultural movements across Nigeria and Africa. We exist to fill the gaps, providing a living record of the people, spaces, and sounds that define our contemporary identity. We are not just observers; we are participants, archivists, and disruptors. We're DYSRVPT."
      imageSrc="http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751751.jpg"
      imageAlt="Historic African archive documents"
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "core-team",          groupTitle: "The Archivists",          members: [
            {
              id: "member-1",              title: "Tunde Adebayo",              subtitle: "Founder & Creative Director",              detail: "Visionary leader with a passion for unearthing untold stories.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-tablet_23-2147808098.jpg",              imageAlt: "Tunde Adebayo, Founder"},
            {
              id: "member-2",              title: "Ngozi Okafor",              subtitle: "Lead Editor & Storyteller",              detail: "Crafting compelling narratives that resonate with cultural intelligence.",              imageSrc: "http://img.b2bpic.net/free-photo/afican-american-women-brilliant-glitter-sequins-turqoise-dress-sitting-chair-white-room-with-decorative-rose-hands_627829-864.jpg",              imageAlt: "Ngozi Okafor, Lead Editor"},
            {
              id: "member-3",              title: "Emeka Uzor",              subtitle: "Head of Production",              detail: "Bringing visuals to life from on-ground coverage to mobile content.",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-with-camera_23-2148503626.jpg",              imageAlt: "Emeka Uzor, Head of Production"},
            {
              id: "member-4",              title: "Femi Kolawole",              subtitle: "Community & Partnerships Lead",              detail: "Building bridges and fostering connections within the African creative scene.",              imageSrc: "http://img.b2bpic.net/free-photo/groups-diverse-young-people-bonding-enjoying-time-together-dreamy-aesthetic_23-2151664431.jpg",              imageAlt: "Femi Kolawole, Community Lead"},
          ]
        },
      ]}
      title="OUR TEAM"
      description="The passionate individuals behind DYSRVPT, dedicated to documenting and amplifying African culture."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Stories",              href: "/stories"},
            {
              label: "Services",              href: "/services"},
            {
              label: "About",              href: "/about"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Connect",          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"},
          ],
        },
      ]}
      bottomLeftText="DYSRVPT. Documenting African Culture In Motion."
      bottomRightText="DO IT LIKE YOU. STAY DYSRVPTIVE."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
