"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Map, Flame, Book } from "lucide-react";

export default function ResearchPage() {
  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="about" data-section="about">
          <MediaAbout
            useInvertedBackground={false}
            title="Plato’s Account of Atlantis"
            description="The earliest record of Atlantis comes from the Greek philosopher Plato. He described Atlantis as a powerful naval empire with advanced architecture, wealth, and military strength."
            imageSrc="http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751752.jpg"
          />
        </div>

        <div id="feature" data-section="feature">
          <FeatureCardTwentyFive
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            title="Major Theories About Atlantis"
            description="From real civilizations to philosophical myths, explore the primary theories regarding Atlantis."
            features={[
              {
                title: "Real Civilization",                description: "Some believe Atlantis existed as a physical location in the Atlantic or Antarctic.",                icon: Map,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-house-dry-grassy-field-with-forested-mountain-fog_181624-4406.jpg" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-scene_456031-52.jpg" }
                ]
              },
              {
                title: "Santorini Connection",                description: "The eruption of Thera (1600 BCE) destroying the Minoans may have inspired the legend.",                icon: Flame,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/stunning-fantasy-videogame-landscape_23-2150927843.jpg" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-volcano-illustration_23-2151778741.jpg" }
                ]
              },
              {
                title: "Fictional Myth",                description: "The most accepted theory suggests Plato invented the story as a philosophical warning.",                icon: Book,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/inside-view-slanic-mine-romania_1268-21644.jpg" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-volcano-illustrated_23-2151778824.jpg" }
                ]
              }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
