"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="about-early-life-ko" data-section="about-early-life-ko">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "early-childhood-ko",
          title: "유년 시절",
          subtitle: "로스앤젤레스에서의 성장",
          category: "성장",
          value: "1915-1935",
        },
        {
          id: "education-ko",
          title: "교육과 학업",
          subtitle: "UCLA에서의 수학과 지적 성장",
          category: "학업",
          value: "1935-1941",
        },
        {
          id: "values-ko",
          title: "가치관 형성",
          subtitle: "부모님으로부터의 독립 정신 계승",
          category: "정신",
          value: "영향",
        },
      ]}
      title="도산 안창호의 딸로 태어나다"
      description="안수산 여사의 유년기와 가족 환경, 그리고 그녀의 가치관을 형성한 교육 배경을 탐구합니다."
      tag="생애 초기"
    />
  </div>

  <div id="about-family-life-ko" data-section="about-family-life-ko">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="인종과 성별의 장벽을 넘어선 사랑"
      description="흑인 배우자와의 결혼, LA 최초의 한국 음식 레스토랑 운영, 그리고 강인한 어머니로서의 삶."
      tag="가족 생활"
      blogs={[
        {
          id: "marriage-story-ko",
          category: "결혼",
          title: "프랭크 커디와의 결혼",
          excerpt: "인종 차별이 만연했던 시대에 사랑으로 모든 장벽을 뛰어넘은 이야기.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-looking-up_1153-997.jpg",
          imageAlt: "안수산 여사와 남편 프랭크 커디의 결혼 사진",
          authorName: "역사 기록",
          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-lawyer_23-2151151926.jpg",
          date: "1947",
        },
        {
          id: "restaurant-ko",
          category: "사업",
          title: "LA 최초의 한국 레스토랑",
          excerpt: "가족과 함께 '안스 오리엔탈 티룸'을 운영하며 한식 문화를 알리다.",
          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-american-cowboy-west-with-hat_23-2151495592.jpg",
          imageAlt: "안수산 여사의 레스토랑 '안스 오리엔탈 티룸'",
          authorName: "가족",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-middle-aged-asian-businessman_1262-1564.jpg",
          date: "1950년대",
        },
        {
          id: "motherhood-ko",
          category: "가족",
          title: "강인한 어머니로서의 삶",
          excerpt: "세 자녀를 양육하며 보여준 헌신과 교육 철학.",
          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-child-beautiful-dresses-with-bicycle_1303-9691.jpg",
          imageAlt: "자녀들과 함께 있는 안수산 여사",
          authorName: "자녀들",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254399.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>
  );
}
