"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

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="career-military-ko" data-section="career-military-ko">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="해군 최초의 여성 사격 교관"
      tag="군 복무 (1942-1946)"
      metrics={[
        {
          id: "trained-personnel-ko",
          value: "2000+",
          description: "훈련시킨 병력 수",
        },
        {
          id: "service-duration-ko",
          value: "4년",
          description: "미 해군 복무 기간",
        },
        {
          id: "intelligence-reports-ko",
          value: "수백 건",
          description: "해독 및 분석한 정보 보고서",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="career-activities-ko" data-section="career-activities-ko">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="정보국 활동과 사회 공헌"
      description="해군 정보국(ONI)에서의 암호 해독, 의회도서관 및 NSA에서의 냉전 시대 임무, 그리고 민간인으로서의 폭넓은 사회 활동."
      tag="경력"
      blogs={[
        {
          id: "oni-activity-ko",
          category: "정보국",
          title: "해군 정보국(ONI) 암호 해독",
          excerpt: "제2차 세계대전 중 일본군 암호 해독에 기여하며 중요한 역할을 수행.",
          imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg",
          imageAlt: "정보국에서 암호 해독 작업을 하는 안수산 여사",
          authorName: "역사 기록",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-middle-aged-asian-man_1262-1556.jpg",
          date: "1942-1946",
        },
        {
          id: "nsa-mission-ko",
          category: "국가안보",
          title: "NSA 냉전 시대 임무",
          excerpt: "국가안보국(NSA)에서 요원들을 지휘하며 냉전 시대 정보 분석에 참여.",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784477.jpg",
          imageAlt: "NSA에서 근무하는 안수산 여사",
          authorName: "국가안보국",
          authorAvatar: "http://img.b2bpic.net/free-photo/middle-age-woman-smiling-having-good-time_23-2149218588.jpg",
          date: "1956-1972",
        },
        {
          id: "civilian-contributions-ko",
          category: "사회 활동",
          title: "민간인으로서의 사회 공헌",
          excerpt: "은퇴 후에도 한국계 미국인 사회와 여성 인권 증진에 적극적으로 활동.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-sadness-lonely-place_23-2151597025.jpg",
          imageAlt: "지역사회 행사에서 연설하는 안수산 여사",
          authorName: "지역사회",
          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-girl-first-communion-portrait_23-2151230180.jpg",
          date: "1972-2015",
        },
      ]}
    />
  </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>
  );
}
