"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
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="timeline-milestones-ko" data-section="timeline-milestones-ko">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "birth-ko",
          title: "탄생",
          subtitle: "로스앤젤레스에서 태어나다",
          category: "개인",
          value: "1915년",
        },
        {
          id: "navy-enlistment-ko",
          title: "해군 입대",
          subtitle: "미 해군 WAVES 합류",
          category: "군사",
          value: "1942년",
        },
        {
          id: "marriage-timeline-ko",
          title: "결혼",
          subtitle: "프랭크 커디와 인종을 초월한 결혼",
          category: "개인",
          value: "1947년",
        },
        {
          id: "nsa-join-ko",
          title: "NSA 합류",
          subtitle: "국가안보국 정보 요원으로 활동",
          category: "정보",
          value: "1956년",
        },
        {
          id: "restaurant-open-ko",
          title: "레스토랑 개업",
          subtitle: "안스 오리엔탈 티룸 운영",
          category: "사업",
          value: "1950년대",
        },
        {
          id: "passing-ko",
          title: "별세",
          subtitle: "100세를 일기로 영면",
          category: "개인",
          value: "2015년",
        },
      ]}
      title="주요 생애 연대기"
      description="안수산 여사의 주요 생애 사건들을 제2차 세계대전, 냉전 등 시대적 배경과 함께 조망합니다."
      tag="역사 속 안수산"
    />
  </div>

  <div id="timeline-context-ko" data-section="timeline-context-ko">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="역사적 배경과 안수산 여사의 삶"
      description="안수산 여사의 삶을 관통하는 주요 역사적 사건들과 시대적 맥락을 통해 그녀의 선택과 영향을 이해합니다."
      tag="시대적 의미"
      blogs={[
        {
          id: "korean-diaspora-ko",
          category: "이민 역사",
          title: "초기 한국인 이민자 사회",
          excerpt: "안수산 여사가 성장한 1910-30년대 로스앤젤레스의 한국인 공동체 모습.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-family-having-fun_23-2149089402.jpg",
          imageAlt: "도산 안창호 가족 사진",
          authorName: "역사학자",
          authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-holding-coffee-low-view_23-2148694052.jpg",
          date: "1910-1930년대",
        },
        {
          id: "wwii-context-ko",
          category: "세계대전",
          title: "제2차 세계대전의 격동 속",
          excerpt: "태평양 전쟁 발발과 해군 입대로 이어지는 안수산 여사의 시대적 배경.",
          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-american-cowboy-west-with-hat_23-2151495652.jpg",
          imageAlt: "미 해군 WAVES 훈련 사진",
          authorName: "참전 용사",
          authorAvatar: "http://img.b2bpic.net/free-photo/trendy-girl-glasses-ripped-jeans-against-barrier-street_627829-11027.jpg",
          date: "1940년대",
        },
        {
          id: "cold-war-context-ko",
          category: "냉전",
          title: "냉전과 정보기관",
          excerpt: "국가안보국(NSA)에서 활동하며 냉전 시대 정보전에 기여한 안수산 여사.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-combat-veteran-faces-grief-trauma-crying-therapy-session_482257-119043.jpg",
          imageAlt: "냉전 시대 NSA 정보 분석실 사진",
          authorName: "정보 분석가",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",
          date: "1950-1970년대",
        },
      ]}
    />
  </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>
  );
}
