"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

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="featured-story" data-section="featured-story">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      uniformGridCustomHeightClasses="min-h-[500px]"
      products={[
        {
          id: "featured-story-1",
          brand: "DYSRVPT Originals",
          name: "The Rhythm of Lagos: Unpacking Afrobeats' Global Takeover",
          price: "Read Now",
          rating: 5,
          reviewCount: "50+ views",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-hat-looking-away_23-2148867039.jpg",
          imageAlt: "Iconic moment in African culture",
        },
      ]}
      title="FEATURED STORY"
      description="A deep dive into the latest cultural phenomenon, offering exclusive insights and behind-the-scenes access."
    />
  </div>

  <div id="all-stories" data-section="all-stories">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="ALL STORIES"
      description="Explore our comprehensive archive of articles, interviews, and reports on African culture."
      blogs={[
        {
          id: "s1",
          category: "Events",
          title: "Echoes of the Underground: A Night at KVLT",
          excerpt: "Dive into the raw energy of Accra's most enigmatic music collective.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-celebrating-victory_23-2147640654.jpg",
          imageAlt: "Underground rave scene",
          authorName: "DYSRVPT Team",
          authorAvatar: "asset://avatar-7",
          date: "July 15, 2024",
        },
        {
          id: "s2",
          category: "Interviews",
          title: "In Conversation with Nardus: Designing Africa's Future",
          excerpt: "An exclusive interview with the visionary behind groundbreaking architectural designs.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-male-musician-home-playing-guitar-mixing-with-laptop_23-2148847009.jpg",
          imageAlt: "Portrait of an African designer",
          authorName: "Chioma Obi",
          authorAvatar: "asset://avatar-8",
          date: "July 13, 2024",
        },
        {
          id: "s3",
          category: "Culture Reports",
          title: "The Silent Revolution: How African Fashion is Redefining Global Style",
          excerpt: "A deep dive into the impact of African designers on international runways and street style.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150577065.jpg",
          imageAlt: "African fashion models backstage",
          authorName: "Kwame Mensah",
          authorAvatar: "asset://avatar-9",
          date: "July 11, 2024",
        },
        {
          id: "s4",
          category: "Weekend Guides",
          title: "Your Guide to Abidjan's Burgeoning Art Scene",
          excerpt: "Discover galleries, street art, and emerging artists in Côte d'Ivoire's cultural capital.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-garage-sale_23-2150577056.jpg",
          imageAlt: "Abidjan street art",
          authorName: "DYSRVPT Team",
          authorAvatar: "asset://avatar-10",
          date: "July 9, 2024",
        },
        {
          id: "s5",
          category: "Creative Spotlight",
          title: "Beyond the Canvas: The Digital Artistry of Adewale",
          excerpt: "Exploring the vibrant and disruptive digital art creations of Nigeria's next big talent.",
          imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769970.jpg",
          imageAlt: "African digital artist at work",
          authorName: "Amara Uzoma",
          authorAvatar: "asset://avatar-11",
          date: "July 7, 2024",
        },
        {
          id: "s6",
          category: "Long Reads",
          title: "From Griots to Gram: Documenting West African Oral Traditions in the Digital Age",
          excerpt: "An in-depth look at how ancient storytelling forms adapt to modern media platforms.",
          imageSrc: "http://img.b2bpic.net/free-photo/defocused-metallic-typesetting-letters_23-2149430871.jpg",
          imageAlt: "African griot storytelling",
          authorName: "Dr. Aisha Sule",
          authorAvatar: "asset://avatar-12",
          date: "July 5, 2024",
        },
      ]}
    />
  </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>
  );
}
