"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { CalendarCheck, Shield, Target, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Career",
          id: "career",
        },
        {
          name: "Timeline",
          id: "timeline",
        },
        {
          name: "Gallery",
          id: "gallery",
        },
        {
          name: "Legacy",
          id: "legacy",
        },
      ]}
      brandName="Susan Ahn Cuddy"
      button={{
        text: "Language",
        href: "#",
      }}
    />
  </div>

  <div id="hero-en" data-section="hero-en">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="Susan Ahn Cuddy: A Pioneer Beyond Boundaries"
      description="The first female gunnery officer in the US Navy and an NSA agent, her courage and wisdom inspired countless individuals. Discover Susan Ahn Cuddy's extraordinary journey."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medieval-historical-rendering-asian-fighters_23-2151060293.jpg",
          imageAlt: "Young Susan Ahn Cuddy in military uniform",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-documenting-war-conflict-zone-through-photography_23-2151671747.jpg",
          imageAlt: "Susan Ahn Cuddy working in intelligence office",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-little-daughter-playing-summer-field_1157-31287.jpg",
          imageAlt: "Susan Ahn Cuddy with her family",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-man-resting-bench-cafe_1262-1529.jpg",
          imageAlt: "Portrait of Susan Ahn Cuddy in her later years",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-reporter-taking-interview_23-2149183595.jpg",
          imageAlt: "Susan Ahn Cuddy speaking in public",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3923.jpg",
          imageAlt: "Susan Ahn Cuddy posing in front of her restaurant",
        },
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="home-metrics-en" data-section="home-metrics-en">
      <AboutMetric
      useInvertedBackground={false}
      title="Susan Ahn Cuddy's Remarkable Achievements"
      metrics={[
        {
          icon: CalendarCheck,
          label: "Years Lived",
          value: "100",
        },
        {
          icon: Shield,
          label: "Navy Service",
          value: "4 Years",
        },
        {
          icon: Target,
          label: "First Female Gunnery Officer",
          value: "1",
        },
        {
          icon: Users,
          label: "NSA Agents Led",
          value: "300+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="footer-en" data-section="footer-en">
      <FooterBase
      columns={[
        {
          title: "About",
          items: [
            {
              label: "Early Life",
              href: "/en/about",
            },
            {
              label: "Family Life",
              href: "/en/about#family",
            },
            {
              label: "Key Milestones",
              href: "/en/timeline",
            },
          ],
        },
        {
          title: "Career",
          items: [
            {
              label: "Military Service",
              href: "/en/career",
            },
            {
              label: "Intelligence Work",
              href: "/en/career",
            },
            {
              label: "Civilian Activities",
              href: "/en/career",
            },
          ],
        },
        {
          title: "Legacy",
          items: [
            {
              label: "Impact",
              href: "/en/legacy",
            },
            {
              label: "Testimonials",
              href: "/en/legacy#testimonials",
            },
            {
              label: "Gallery",
              href: "/en/gallery",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "FAQ",
              href: "/en/legacy#faq",
            },
            {
              label: "Contact Us",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Susan Ahn Cuddy"
      copyrightText="© 2024 | Susan Ahn Cuddy. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
