"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

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="stories-grid" data-section="stories-grid">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="STORIES SHAPING CULTURE"
      description="Dive deep into the movements, sounds, and people defining contemporary African culture through our editorial features and reports."
      blogs={[
        {
          id: "s1",
          category: "Event Spotlight",
          title: "The Pulse of Accra: A Weekend Unpacked",
          excerpt: "Experience the vibrant energy and cultural impact of Ghana's leading events.",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-influencer-recording-fashion-video_23-2148135512.jpg",
          imageAlt: "Vibrant street festival in Accra",
          authorName: "Nia Davis",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-background-high-quality-photo_114579-60698.jpg",
          date: "May 15, 2024",
        },
        {
          id: "s2",
          category: "Creative Spotlight",
          title: "Behind the Decks: Conversations with DJ Obi",
          excerpt: "An exclusive interview with the maestro shaping Nigeria's electronic soundscape.",
          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058831.jpg",
          imageAlt: "DJ Obi performing a set",
          authorName: "Chidi Okoro",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-professional-african-american-videographer-holding-professional-camera-with-pro-equipment-afro-cameraman-wearing-black-duraq-making-videos_627829-4384.jpg",
          date: "May 12, 2024",
        },
        {
          id: "s3",
          category: "Long Reads",
          title: "The Evolution of Afrobeats: A Global Phenomenon",
          excerpt: "A comprehensive analysis of how Afrobeats conquered the world and its future trajectory.",
          imageSrc: "http://img.b2bpic.net/free-photo/famous-knossos-palace_268835-17452.jpg",
          imageAlt: "Crowd at an Afrobeats concert",
          authorName: "Adeyemi Bankole",
          authorAvatar: "http://img.b2bpic.net/free-photo/pensive-man-clasping-fingers-both-hands_1187-2709.jpg",
          date: "May 10, 2024",
        },
        {
          id: "s4",
          category: "Short Reads",
          title: "Lagos Street Style: Redefining Urban Fashion",
          excerpt: "A quick take on the bold and innovative fashion statements emerging from Lagos streets.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149415987.jpg",
          imageAlt: "Street fashion in Lagos",
          authorName: "Aisha Yusuf",
          authorAvatar: "http://img.b2bpic.net/free-photo/black-woman-with-oily-skin_633478-2815.jpg",
          date: "May 7, 2024",
        },
        {
          id: "s5",
          category: "Culture Reports",
          title: "Nightlife as Archive: Preserving Rave Culture",
          excerpt: "Exploring the critical role of nightlife in documenting social movements and subcultures.",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-colorful-glowing-festive-light_23-2148055548.jpg",
          imageAlt: "Underground rave party lights",
          authorName: "DYSRVPT Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/african-woman-cafe-with-cup-tea_627829-12272.jpg",
          date: "May 3, 2024",
        },
        {
          id: "s6",
          category: "Interviews",
          title: "The Art of Resistance: A Chat with Nkem Owoh",
          excerpt: "A powerful conversation with an artist whose work challenges norms and inspires change.",
          imageSrc: "http://img.b2bpic.net/free-photo/social-quest-game_1385-3193.jpg",
          imageAlt: "Nkem Owoh during an interview",
          authorName: "Chidi Okoro",
          authorAvatar: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2622.jpg",
          date: "April 28, 2024",
        },
      ]}
    />
  </div>

  <div id="story-categories" data-section="story-categories">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="EXPLORE CATEGORIES"
      description="Navigate our rich archive of cultural documentation by specific categories."
      blogs={[
        {
          id: "c1",
          category: "Category",
          title: "Event Spotlight",
          excerpt: "Visual interviews and behind-the-scenes event coverage.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-indoor-cafe_627829-2361.jpg",
          imageAlt: "Concert crowd with spotlights",
          authorName: "DYSRVPT",
          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-black-man-feeling-uncomfortable-grimacing-as-watching-something-painful-cringe-frowni_1258-126769.jpg",
          date: "",
        },
        {
          id: "c2",
          category: "Category",
          title: "Creative Spotlight",
          excerpt: "Features on DJs, artists, and culture disruptors.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-art-instruments-table-artwork-room-while-african-american-artist-drawing-canvas-easel-background-black-young-person-with-crafting-tools-modern-studio_482257-39958.jpg",
          imageAlt: "African artist in a studio",
          authorName: "DYSRVPT",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-african-female-student-smiling-holding-books-college_176420-12449.jpg",
          date: "",
        },
        {
          id: "c3",
          category: "Category",
          title: "Interviews",
          excerpt: "In-depth conversations with cultural leaders.",
          imageSrc: "http://img.b2bpic.net/free-photo/co-working-people-working-together_23-2149328296.jpg",
          imageAlt: "Two people in an interview setting",
          authorName: "DYSRVPT",
          authorAvatar: "http://img.b2bpic.net/free-photo/best-mobile-phone-review-content_482257-81653.jpg",
          date: "",
        },
        {
          id: "c4",
          category: "Category",
          title: "Long Reads",
          excerpt: "Research-driven editorial features and in-depth reporting.",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-magazine_187299-47636.jpg",
          imageAlt: "Open book with text and images",
          authorName: "DYSRVPT",
          authorAvatar: "http://img.b2bpic.net/free-photo/content-creator-dimly-lit-home-studio-using-cellphone-camera-film-live-broadcast-online-streaming-platforms-internet-star-hosts-q-session-with-audience-using-mobile-phone_482257-74263.jpg",
          date: "",
        },
        {
          id: "c5",
          category: "Category",
          title: "Culture Reports",
          excerpt: "Data-driven insights into cultural movements.",
          imageSrc: "http://img.b2bpic.net/free-photo/office-manager-interrupting-distracted-worker-listening-music-while-checking-statistical-graphs-show-him-mistake-he-needs-fix-supervisor-analyzing-project-performance-with-employee_482257-70228.jpg",
          imageAlt: "Infographic showing data trends",
          authorName: "DYSRVPT",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-african-businesswoman-holding-digital-tablet_23-2148190690.jpg",
          date: "",
        },
        {
          id: "c6",
          category: "Category",
          title: "Weekend Guides",
          excerpt: "Your essential guide to the best events and experiences.",
          imageSrc: "http://img.b2bpic.net/free-photo/focused-healthy-african-american-woman-mending-her-own-bicycle-yard-performing-annual-outdoor-maintenance-using-expert-tools-female-cyclist-inspects-repairs-bike-pedals_482257-66610.jpg",
          imageAlt: "Map showing weekend activities",
          authorName: "DYSRVPT",
          authorAvatar: "http://img.b2bpic.net/free-photo/african-female-glasses-enjoying-walking-down-street-pr_574295-6161.jpg",
          date: "",
        },
      ]}
    />
  </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>
  );
}
