"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Stories",
          id: "/stories",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      button={{
        text: "Work With Us",
        href: "/services",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/pack-african-logo-templates_23-2148735830.jpg"
      logoAlt="DYSRVPT Logo"
      brandName="DYSRVPT"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "canvas-reveal",
      }}
      title="DOCUMENTING THE CULTURE AS IT HAPPENS."
      description="From underground raves to the creatives shaping Africa's future, DYSRVPT tells the stories behind the movement."
      buttons={[
        {
          text: "Explore Stories",
          href: "/stories",
        },
        {
          text: "Work With Us",
          href: "/services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/party-girl-with-lights_23-2147640523.jpg"
      videoSrc="http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532034.jpg"
      imageAlt="Dynamic African cultural footage still"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-outdoors_23-2150150750.jpg",
          alt: "Portrait of a vibrant African woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/thoughtful-african-man-looking-serious-guy-formal-wear-posing-dark_197531-22074.jpg",
          alt: "Handsome African man in a hat",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-guy-summer-park_1157-14973.jpg",
          alt: "African man outdoors",
        },
        {
          src: "http://img.b2bpic.net/free-photo/african-american-woman-taking-selfie-with-her-smartphone_23-2149093245.jpg",
          alt: "African woman taking a selfie",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-with-dreads-representing-rastafari-movement_23-2151532095.jpg",
          alt: "Man with dreads representing Rastafari movement",
        },
      ]}
      avatarText="Join the movement."
      marqueeItems={[
        {
          type: "text",
          text: "Culture First",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/high-angle-senior-holding-music-records_23-2148362836.jpg",
          alt: "Senior person djing at the club",
        },
        {
          type: "text",
          text: "Documenting Authenticity",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/people-dancing-surrounded-by-bright-neon-lights-party-with-virtual-reality-headset_23-2151419767.jpg",
          alt: "Energetic dancers at a party",
        },
        {
          type: "text",
          text: "Stay DYSRVPTIVE",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/people-dancefloor-moving-rhythm_482257-75074.jpg",
          alt: "Crowd dancing at a vibrant event",
        },
      ]}
    />
  </div>

  <div id="about-dysrvpt" data-section="about-dysrvpt">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "THE CULTURE DOESN'T WAIT.",
        },
        {
          type: "text",
          content: "NEITHER DO WE.",
        },
      ]}
      description="DYSRVPT documents Nigerian and African creativity in motion. Through editorial storytelling, media coverage, and culture reporting, we spotlight the people, spaces, and ideas shaping what comes next. Our mission is to build a living archive, ensuring the authentic narratives of the continent's cultural evolution are preserved and amplified for global reach."
      imageSrc="http://img.b2bpic.net/free-photo/grunge-brown-wooden-textured-background_53876-123112.jpg"
      imageAlt="Abstract representation of African creativity and culture"
    />
  </div>

  <div id="what-we-do" data-section="what-we-do">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "On-Ground Media Coverage",
          description: "We show up where it's happening—capturing the energy, people, and moments shaping culture in real time.",
          imageSrc: "http://img.b2bpic.net/free-photo/photographers-exploring-abandoned-location_23-2150974362.jpg",
          imageAlt: "Media coverage at an African cultural event",
        },
        {
          title: "Mobile-First Content Creation",
          description: "Fast, raw, social-first visuals designed for immediate impact.",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-working-mobile_53876-40952.jpg",
          imageAlt: "Hands holding smartphones capturing cultural scenes",
        },
        {
          title: "Culture Storytelling",
          description: "Long-form articles, interviews, and features documenting the stories behind the movement.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-playing-sudoku-game_23-2149072719.jpg",
          imageAlt: "Notebook with cultural artifacts",
        },
        {
          title: "Creative Talent Amplification",
          description: "Positioning artists, DJs, and disruptors at the centre of cultural conversations.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-guitar-local-event_23-2149188101.jpg",
          imageAlt: "Spotlight on an African DJ",
        },
      ]}
      title="WHAT WE DO"
      description="Discover how DYSRVPT captures and amplifies the vibrant pulse of contemporary African culture."
    />
  </div>

  <div id="whats-new" data-section="whats-new">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="WHAT'S NEW?"
      description="Explore our latest stories, event coverage, and insights into the people and places shaping the culture."
      blogs={[
        {
          id: "1",
          category: "Nightlife",
          title: "Where To Be This Weekend: Vibe Arkitech Collab",
          excerpt: "Your essential guide to the hottest cultural events and nightlife experiences across the city.",
          imageSrc: "http://img.b2bpic.net/free-photo/two-friends-having-fun-outside-city_23-2149295761.jpg",
          imageAlt: "Vibrant African nightlife scene",
          authorName: "DYSRVPT Team",
          authorAvatar: "asset://avatar-1",
          date: "July 26, 2024",
        },
        {
          id: "2",
          category: "Events",
          title: "Event Spotlight: Behind the Scenes at 'The Gathering'",
          excerpt: "Exclusive visual interviews and unfiltered coverage from the most talked-about cultural gathering.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tailor-helping-customer_482257-79003.jpg",
          imageAlt: "Behind the scenes at a cultural event",
          authorName: "Aisha Bello",
          authorAvatar: "asset://avatar-2",
          date: "July 24, 2024",
        },
        {
          id: "3",
          category: "Creatives",
          title: "Creative Spotlight: DJ Nova's Disruptive Sound",
          excerpt: "Meet the artists, DJs, and culture disruptors who are redefining the sound and energy of Africa.",
          imageSrc: "http://img.b2bpic.net/free-photo/rastafari-movement-with-individual-wearing-dreads_23-2151712026.jpg",
          imageAlt: "Portrait of an African DJ",
          authorName: "Emeka Okoro",
          authorAvatar: "asset://avatar-3",
          date: "July 22, 2024",
        },
        {
          id: "4",
          category: "Insights",
          title: "Short Reads: The Rise of Afro-Futurism in Art",
          excerpt: "Fast, digestible commentary on emerging trends and cultural shifts shaping the continent.",
          imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-man_23-2149705699.jpg",
          imageAlt: "Abstract art representing Afro-futurism",
          authorName: "Nia Imani",
          authorAvatar: "asset://avatar-4",
          date: "July 20, 2024",
        },
        {
          id: "5",
          category: "Features",
          title: "Long Reads: Archiving the Spirit of Lagos Street Culture",
          excerpt: "Research-driven editorial features and in-depth reporting on critical cultural movements.",
          imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975965.jpg",
          imageAlt: "Lagos street culture archival image",
          authorName: "Chidi Eko",
          authorAvatar: "asset://avatar-5",
          date: "July 18, 2024",
        },
        {
          id: "6",
          category: "Voices",
          title: "DYSRVPTive Voices: The Power of Community-Led Initiatives",
          excerpt: "Exploring the impact of grassroots efforts in shaping and sustaining cultural movements.",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-holding-camera_23-2149029326.jpg",
          imageAlt: "Diverse African youth in discussion",
          authorName: "Zara Adeniyi",
          authorAvatar: "asset://avatar-6",
          date: "July 16, 2024",
        },
      ]}
    />
  </div>

  <div id="statistics" data-section="statistics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="OUR IMPACT"
      tag="CULTURE'S PULSE"
      metrics={[
        {
          id: "1",
          value: "60+",
          description: "Events Covered",
        },
        {
          id: "2",
          value: "100+",
          description: "Creatives Spotlighted",
        },
        {
          id: "3",
          value: "50+",
          description: "Articles Published",
        },
        {
          id: "4",
          value: "1 Mission",
          description: "Document The Culture",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="why-dysrvpt-home" data-section="why-dysrvpt-home">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Real Stories",
          description: "Authentic narratives from the people shaping culture.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-african-man-wearing-hat_23-2149351995.jpg",
          imageAlt: "African storyteller portrait",
        },
        {
          title: "Real Access",
          description: "On-the-ground reporting and embedded coverage.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-businesswoman-desk-reviews-analytics-her-laptop-surrounded-by-graphs-planning_482257-136477.jpg",
          imageAlt: "Journalist embedded in an African street scene",
        },
        {
          title: "Real Community",
          description: "Built alongside the communities we document.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-with-instruments-floor_23-2149130764.jpg",
          imageAlt: "Diverse African youth creating art collaboratively",
        },
      ]}
      title="WE DON'T CHASE CULTURE. WE DOCUMENT IT."
      description="Our unique approach is rooted in authenticity, access, and community."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Sunday Service",
        "Our House NG",
        "Headslicer",
        "Fearless NG",
        "Open House Accra",
        "KVLT",
        "Smirnoff",
        "Pulse Fiesta",
        "Afro House In Lagos",
        "Day Breeze",
      ]}
      title="OUR COLLABORATORS"
      description="Proudly partnering with key players in African culture and beyond."
      speed={50}
      showCard={false}
    />
  </div>

  <div id="newsletter" data-section="newsletter">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="STAY CONNECTED"
      title="DON'T MISS THE NEXT WAVE."
      description="Get weekly updates on events, stories, interviews, and the culture shaping Africa right now."
      imageSrc="http://img.b2bpic.net/free-photo/dried-floral-background-natural-design-space_53876-103987.jpg"
      imageAlt="Abstract background with organic textures for newsletter"
      mediaPosition="left"
      buttonText="STAY DYSRVPTIVE"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/pack-african-logo-templates_23-2148735830.jpg"
      logoAlt="DYSRVPT Logo"
      logoText="DYSRVPT"
      leftLink={{
        text: "DO IT LIKE YOU.",
        href: "#",
      }}
      rightLink={{
        text: "STAY DYSRVPTIVE.",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
