"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';

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="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="The Lost City of Atlantis"
      description="The legend of Atlantis is one of the most famous mysteries in history. First described by the Greek philosopher Plato over 2,000 years ago, Atlantis was said to be a powerful and highly advanced civilization that disappeared beneath the ocean in a single day and night."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-archeological-underwater-building-ruins_23-2150887040.jpg?_wi=1",
          imageAlt: "Lost City of Atlantis",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571527.jpg",
          imageAlt: "Lost City of Atlantis",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-archeological-underwater-building-ruins_23-2150886782.jpg",
          imageAlt: "Lost City of Atlantis",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-archeological-underwater-building-ruins_23-2150887024.jpg",
          imageAlt: "Lost City of Atlantis",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571741.jpg",
          imageAlt: "Lost City of Atlantis",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Academic Acknowledgments"
      description="Collaborators and research institutions that support this study."
      names={[
        "Classical Studies Dept",
        "Marine Archaeology Lab",
        "Ancient History Foundation",
        "Historical Research Group",
        "University of Antiquity",
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Lead Researchers"
      description="The scholars driving our current investigation into ancient civilizations."
      members={[
        {
          id: "m1",
          name: "Dr. Elena Vance",
          role: "Head of Archaeology",
          description: "Specialist in Aegean civilizations.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-female-artist-reading-anatomy-book-learning-concept_169016-66309.jpg",
        },
        {
          id: "m2",
          name: "Marcus Thorne",
          role: "History Analyst",
          description: "Focuses on Plato's dialogues.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-standing-with-flowers_23-2148884617.jpg",
        },
      ]}
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Study Metrics"
      description="Quantifying our research scope and progress."
      metrics={[
        {
          id: "met1",
          value: "2.4k",
          title: "Citations Processed",
          items: [
            "Primary texts",
            "Recent papers",
          ],
        },
        {
          id: "met2",
          value: "12",
          title: "Site Expeditions",
          items: [
            "Minoan sites",
            "Underwater scans",
          ],
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Stay Updated"
      title="Join the Research Newsletter"
      description="Get the latest findings on our investigation into the Atlantis myth delivered straight to your inbox."
      imageSrc="http://img.b2bpic.net/free-photo/rolled-up-map-diary-wrist-watch-wooden-table_23-2147837149.jpg"
      mediaAnimation="blur-reveal"
    />
  </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>
  );
}
