"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

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="stories-grid" data-section="stories-grid">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="ALL STORIES"
      description="Dive into our full archive of cultural features, interviews, and reports."
      blogs={[
        {
          id: "story-1",
          category: "Event Spotlight",
          title: "The Pulse of Lagos: A Night at Freedom Park",
          excerpt: "Visual interviews and behind-the-scenes event coverage.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-drag-man-putting-makeup_23-2149218626.jpg",
          imageAlt: "African cultural event photography",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/strong-powerful-african-american-man-black-suit-posing-against-wooden-bookcase_627829-14208.jpg",
          date: "July 24, 2024",
        },
        {
          id: "story-2",
          category: "Creative Spotlight",
          title: "Meet Bafana: The Visual Alchemist of Abuja",
          excerpt: "Features on DJs, artists, and culture disruptors.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-painter-home_23-2150170525.jpg",
          imageAlt: "African creative portrait",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-ethnic-woman-with-tablet_1098-21353.jpg",
          date: "July 22, 2024",
        },
        {
          id: "story-3",
          category: "Long Reads",
          title: "Archiving the Ephemeral: Nigerian Rave Culture",
          excerpt: "Research-driven editorial features and in-depth reporting.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-man-posing-with-sunglasses_23-2149415730.jpg",
          imageAlt: "African traditional modern fusion architecture",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/photography-enthusiast-posing-photo-shooting-while-standing-production-studio-equipped-with-softboxes-spotlights-producer-standing-beside-professional-photo-equipment-with-arms-crossed_482257-47202.jpg",
          date: "July 18, 2024",
        },
        {
          id: "story-4",
          category: "Weekend Guides",
          title: "Your Guide to Weekend Raves in Accra",
          excerpt: "Weekly nightlife guide in collaboration with Vibe Arkitech.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-positive-slim-woman-looks-aside-with-smile-wears-crop-top-zebra-leggings-being-good-mood_273609-43127.jpg",
          imageAlt: "African dance performance",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/group-female-friends-listening-music-earphones-outdoors_23-2150150739.jpg",
          date: "July 16, 2024",
        },
        {
          id: "story-5",
          category: "Interviews",
          title: "In Conversation with DJ Nala: Sounds of the Soil",
          excerpt: "Exclusive interviews with leading figures in African music.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186457.jpg",
          imageAlt: "African food market",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-executive-holding-camera_1170-759.jpg",
          date: "July 14, 2024",
        },
        {
          id: "story-6",
          category: "Culture Reports",
          title: "The Rise of Afrobeats: A Global Phenomenon",
          excerpt: "In-depth reports on trends shaping African culture.",
          imageSrc: "http://img.b2bpic.net/free-photo/two-afro-american-women-studio_1303-13600.jpg",
          imageAlt: "African fashion runway show",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_23-2150506123.jpg",
          date: "July 12, 2024",
        },
        {
          id: "story-7",
          category: "Short Reads",
          title: "Street Art as Archive: Documenting Lagos Walls",
          excerpt: "Fast, digestible culture commentary.",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-draws-painting-with-oils_8353-10784.jpg",
          imageAlt: "African art studio abstract painting",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/happy-exults-winner-fashionable-young-beautiful-african-american-business-woman-with-afro-hairstyle-wear-elegant-black-stand-with-laptop-hands_627829-1017.jpg",
          date: "July 10, 2024",
        },
        {
          id: "story-8",
          category: "Creative Spotlight",
          title: "Gen Z & The Digital Dancefloor: New Era of Raves",
          excerpt: "Spotlighting new artists and the future of African nightlife.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-guitar_23-2149162945.jpg",
          imageAlt: "African music concert crowd",
          authorName: "DYSRVPT Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/african-american-man-smiling-listening-music-with-headphones-while-standing-outdoors-street_58466-16128.jpg",
          date: "July 8, 2024",
        },
      ]}
    />
  </div>

  <div id="more-stories-cta" data-section="more-stories-cta">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="More Stories"
      title="STAY UPDATED WITH THE LATEST FROM THE CULTURE."
      description="Sign up for our newsletter to get direct access to exclusive stories, event highlights, and creative spotlights."
      buttons={[
        {
          text: "Join Newsletter",
          href: "/contact",
        },
      ]}
    />
  </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>
  );
}
