"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

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="legacy-testimonials-ko" data-section="legacy-testimonials-ko">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "testi-1-ko",
          name: "김영숙",
          role: "역사학 교수",
          company: "서울대학교",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-book-indoors_23-2149833675.jpg",
          imageAlt: "김영숙 교수 초상화",
        },
        {
          id: "testi-2-ko",
          name: "이지원",
          role: "여성 인권 운동가",
          company: "미국 여성 연맹",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2207.jpg",
          imageAlt: "이지원 활동가 초상화",
        },
        {
          id: "testi-3-ko",
          name: "박준호",
          role: "전 미 해군 장교",
          company: "미국 재향군인회",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friendly-female-soldier-reaching-out-her-arms_53876-105213.jpg",
          imageAlt: "박준호 장교 초상화",
        },
        {
          id: "testi-4-ko",
          name: "최은미",
          role: "지역사회 리더",
          company: "한인 커뮤니티 센터",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-wearing-black-jacket-isolated-orange-background_141793-135644.jpg",
          imageAlt: "최은미 리더 초상화",
        },
        {
          id: "testi-5-ko",
          name: "정대현",
          role: "교육자",
          company: "UCLA",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/chinese-man-with-book_1149-1854.jpg",
          imageAlt: "정대현 교육자 초상화",
        },
        {
          id: "testi-6-ko",
          name: "이정우",
          role: "문화 예술인",
          company: "한국 문화유산 재단",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-portrait_23-2148831155.jpg",
          imageAlt: "이정우 문화 예술인 초상화",
        },
      ]}
      kpiItems={[
        {
          value: "수백만 명",
          label: "영감을 준 인물",
        },
        {
          value: "20+",
          label: "수상 및 명예",
        },
        {
          value: "다수",
          label: "기념 활동",
        },
      ]}
      title="영원히 기억될 그녀의 유산"
      description="안수산 여사가 남긴 영원한 영향과 그녀를 기억하는 이들의 목소리를 듣습니다."
    />
  </div>

  <div id="legacy-social-proof-ko" data-section="legacy-social-proof-ko">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "미 해군",
        "국가안보국",
        "미주한인위원회",
        "LA 시청",
        "한미박물관",
        "여성 군사 기념관",
        "LA 한국문화원",
        "UCLA",
      ]}
      title="안수산 여사를 기억하는 기관들"
      description="그녀의 유산을 기리고 계승하는 수많은 단체와 기관들."
      tag="기념 단체"
      speed={40}
    />
  </div>

  <div id="legacy-faq-ko" data-section="legacy-faq-ko">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1-ko",
          title: "안수산 여사는 어떤 인물인가요?",
          content: "안수산 여사는 도산 안창호 선생의 장녀이자 미국 해군 최초의 아시아계 여성 장교, 사격 교관, 그리고 국가안보국(NSA)의 정보 분석가였습니다. 인종과 성별의 차별을 넘어선 선구적인 삶을 살았습니다.",
        },
        {
          id: "faq-2-ko",
          title: "주요 업적은 무엇인가요?",
          content: "미 해군 WAVES에서 사격 교관으로 복무하며 수많은 해군들을 훈련시켰고, 해군 정보국과 NSA에서 냉전 시대 핵심 정보 분석에 참여했습니다. 은퇴 후에도 한인 사회와 여성 인권 운동에 헌신했습니다.",
        },
        {
          id: "faq-3-ko",
          title: "그녀의 유산은 오늘날 어떤 의미가 있나요?",
          content: "안수산 여사의 삶은 인종 차별과 성 차별에 맞서 싸운 용기와 끊임없이 도전한 개척 정신의 상징입니다. 그녀의 이야기는 오늘날의 젊은 세대에게도 큰 영감과 교훈을 줍니다.",
        },
      ]}
      sideTitle="자주 묻는 질문"
      sideDescription="안수산 여사의 삶과 유산에 대해 궁금한 점들을 해결해 드립니다."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </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>
  );
}
