"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="medium"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Research",
          id: "/research",
        },
        {
          name: "My Theory",
          id: "/theory",
        },
        {
          name: "Bibliography",
          id: "/bibliography",
        },
      ]}
      brandName="Atlantis Research"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Bibliography"
      description="Resources used for this educational study of Atlantis."
      blogs={[
        {
          id: "1",
          category: "Source",
          title: "Timaeus and Critias",
          excerpt: "Plato's original account.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bust-philosopher-isolated_181624-23590.jpg",
          authorName: "Plato",
          authorAvatar: "http://img.b2bpic.net/free-photo/top-view-paper-texture_23-2151921690.jpg",
          date: "360 BC",
        },
        {
          id: "2",
          category: "Source",
          title: "History.com",
          excerpt: "The Lost City of Atlantis.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-facade-old-building_1268-15665.jpg",
          authorName: "History Editors",
          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413188.jpg",
          date: "2023",
        },
        {
          id: "3",
          category: "Source",
          title: "National Geographic",
          excerpt: "Mystery of Atlantis.",
          imageSrc: "http://img.b2bpic.net/free-photo/greek-busts-temple_23-2150719196.jpg",
          authorName: "NatGeo",
          authorAvatar: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751742.jpg",
          date: "2023",
        },
      ]}
    />
  </div>

  <div id="legal" data-section="legal">
      <LegalSection
      layout="section"
      title="Bibliography Attribution"
      sections={[
        {
          heading: "Fair Use Policy",
          content: [
            {
              type: "paragraph",
              text: "All images are for academic illustration purposes only.",
            },
          ],
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Research",
              href: "/research",
            },
            {
              label: "Theory",
              href: "/theory",
            },
            {
              label: "Bibliography",
              href: "/bibliography",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Atlantis Research"
      bottomRightText="Academic Project"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
