"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-ko" data-section="hero-ko">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="안수산: 차별을 넘어선 선구자의 삶"
      description="미국 해군 최초의 여성 사격 교관이자 NSA 요원, 그녀의 용기와 지혜는 수많은 이들에게 영감을 주었습니다. 안수산의 특별한 여정을 만나보세요."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-winter-log-cabin-snow_657883-678.jpg",
          imageAlt: "젊은 시절 군복을 입은 안수산",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-passenger-reading-travelling-by-tram_23-2148771007.jpg",
          imageAlt: "정보국에서 근무하는 안수산",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-grandmother-with-grandchild-showing-love-tender-moments-grandparents-day_23-2151553297.jpg",
          imageAlt: "가족과 함께 있는 안수산",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-asian-man-with-hands-chin_1262-1560.jpg",
          imageAlt: "만년의 안수산 초상화",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-protesters-demonstrating-together_23-2148421908.jpg",
          imageAlt: "대중 앞에서 연설하는 안수산",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-red-haired-barista-looking-camera-smiling_171337-15606.jpg",
          imageAlt: "레스토랑 앞에서 포즈를 취한 안수산",
        },
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="home-metrics-ko" data-section="home-metrics-ko">
      <AboutMetric
      useInvertedBackground={false}
      title="안수산 여사의 놀라운 업적"
      metrics={[
        {
          icon: CalendarCheck,
          label: "100세 생애",
          value: "100년",
        },
        {
          icon: Shield,
          label: "해군 복무",
          value: "4년",
        },
        {
          icon: Target,
          label: "최초 여성 사격 교관",
          value: "1명",
        },
        {
          icon: Users,
          label: "NSA 요원 지휘 규모",
          value: "300명 이상",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="footer-ko" data-section="footer-ko">
      <FooterBase
      columns={[
        {
          title: "생애",
          items: [
            {
              label: "초기 생애",
              href: "/ko/about",
            },
            {
              label: "가족 생활",
              href: "/ko/about#family",
            },
            {
              label: "주요 연대기",
              href: "/ko/timeline",
            },
          ],
        },
        {
          title: "경력",
          items: [
            {
              label: "군 복무",
              href: "/ko/career",
            },
            {
              label: "정보국 활동",
              href: "/ko/career",
            },
            {
              label: "민간 활동",
              href: "/ko/career",
            },
          ],
        },
        {
          title: "유산",
          items: [
            {
              label: "영향력",
              href: "/ko/legacy",
            },
            {
              label: "증언",
              href: "/ko/legacy#testimonials",
            },
            {
              label: "갤러리",
              href: "/ko/gallery",
            },
          ],
        },
        {
          title: "연결",
          items: [
            {
              label: "자주 묻는 질문",
              href: "/ko/legacy#faq",
            },
            {
              label: "문의",
              href: "#",
            },
            {
              label: "개인정보 처리방침",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Susan Ahn Cuddy"
      copyrightText="© 2024 | Susan Ahn Cuddy. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
