"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';

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="gallery-visual-record-ko" data-section="gallery-visual-record-ko">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "gallery-item-1-ko",
          name: "군 복무 시절",
          price: "1942년",
          imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190614.jpg",
          imageAlt: "젊은 안수산 여사의 군복 초상화",
        },
        {
          id: "gallery-item-2-ko",
          name: "가족과의 시간",
          price: "1950년대",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kids-posing-vintage-portrait_23-2150794986.jpg",
          imageAlt: "안수산 여사와 가족 단체 사진",
        },
        {
          id: "gallery-item-3-ko",
          name: "대중 활동",
          price: "1970년대",
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-vintage-scene-with-people-migrating-rural-zones-old-times_23-2151295728.jpg",
          imageAlt: "대중 앞에서 연설하는 안수산 여사",
        },
        {
          id: "gallery-item-4-ko",
          name: "사격 훈련",
          price: "1943년",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-general-uniform_23-2149742950.jpg",
          imageAlt: "사격 훈련을 지도하는 안수산 여사",
        },
        {
          id: "gallery-item-5-ko",
          name: "정계 인사들과",
          price: "1980년대",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-first-communion-portraits_23-2151230246.jpg",
          imageAlt: "정계 인사들과 함께하는 안수산 여사",
        },
        {
          id: "gallery-item-6-ko",
          name: "수상의 순간",
          price: "2000년대",
          imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-caucasian-sporty-girl-with-braces-wearing-headband-wristbands-holds-gold-medal-looks-winner-cup_141793-99922.jpg",
          imageAlt: "수상하는 안수산 여사",
        },
      ]}
      title="안수산의 삶, 시각적 기록"
      description="안수산 여사의 생애를 담은 희귀 사진과 기록물 컬렉션을 둘러보세요."
      tag="사진 갤러리"
    />
  </div>

  <div id="gallery-categories-ko" data-section="gallery-categories-ko">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "military-photos-ko",
          title: "군 복무 사진",
          subtitle: "해군 WAVES 및 정보국 활동",
          category: "군사",
          value: "1942-1946",
        },
        {
          id: "family-photos-ko",
          title: "가족 생활",
          subtitle: "남편 프랭크 커디와 자녀들",
          category: "가족",
          value: "1947 이후",
        },
        {
          id: "public-appearance-photos-ko",
          title: "공공 활동",
          subtitle: "지역사회 및 정치적 참여",
          category: "사회",
          value: "1970년대 이후",
        },
      ]}
      title="이미지 카테고리 둘러보기"
      description="군 복무, 가족 생활, 공공 활동 등 다양한 주제별로 안수산 여사의 사진 컬렉션을 탐색하세요."
      tag="갤러리 탐색"
    />
  </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>
  );
}
