"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
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="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Is there physical evidence?",
          content: "No, no physical evidence has ever been found.",
        },
        {
          id: "q2",
          title: "Why did Plato write it?",
          content: "Plato likely used the story for moral and philosophical lessons.",
        },
        {
          id: "q3",
          title: "Was the Santorini eruption involved?",
          content: "It likely inspired the myth, but does not prove the existence of Atlantis itself.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/soft-focus-old-book-local-records-with-list-residents-names-information_181624-32634.jpg?_wi=2"
      title="Evidence and My Theory"
      description="Examining the lack of archaeological evidence and the symbolic purpose behind Plato's writings."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Analytical Approach"
      description="Our methodology relies on historical cross-referencing and geological surveys."
      imageSrc="http://img.b2bpic.net/free-photo/view-ancient-greek-bust-figure_23-2151616995.jpg"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
      metrics={[
        {
          value: "95%",
          title: "Confidence in Myth",
        },
        {
          value: "5%",
          title: "Physical Reality",
        },
      ]}
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Theory Depth"
      description="Breaking down our speculative model."
      metrics={[
        {
          id: "t1",
          value: "3",
          title: "Core Tenets",
          items: [
            "Allegory",
            "Disaster",
            "Lost geography",
          ],
        },
      ]}
    />
  </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>
  );
}
