"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-en" data-section="timeline-milestones-en">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "birth-en",          title: "Birth",          subtitle: "Born in Los Angeles",          category: "Personal",          value: "1915"},
        {
          id: "navy-enlistment-en",          title: "Navy Enlistment",          subtitle: "Joined US Navy WAVES",          category: "Military",          value: "1942"},
        {
          id: "marriage-timeline-en",          title: "Marriage",          subtitle: "Interracial marriage to Frank Cuddy",          category: "Personal",          value: "1947"},
        {
          id: "nsa-join-en",          title: "Joined NSA",          subtitle: "Served as an intelligence agent for the National Security Agency",          category: "Intelligence",          value: "1956"},
        {
          id: "restaurant-open-en",          title: "Restaurant Opening",          subtitle: "Operated An's Oriental Tea Room",          category: "Business",          value: "1950s"},
        {
          id: "passing-en",          title: "Passing",          subtitle: "Passed away at the age of 100",          category: "Personal",          value: "2015"},
      ]}
      title="Key Milestones"
      description="Overview of Susan Ahn Cuddy's major life events, contextualized with historical backgrounds like WWII and the Cold War."
      tag="Susan Ahn in History"
    />
  </div>

  <div id="timeline-context-en" data-section="timeline-context-en">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Susan Ahn Cuddy's Life in Historical Context"
      description="Understand her choices and impact through major historical events and societal contexts that shaped Susan Ahn Cuddy's life."
      tag="Era Significance"
      blogs={[
        {
          id: "korean-diaspora-en",          category: "Immigration History",          title: "Early Korean Immigrant Community",          excerpt: "The Korean community in Los Angeles during the 1910s-30s, where Susan Ahn Cuddy grew up.",          imageSrc: "http://img.b2bpic.net/free-photo/view-mode-laughter-joy-air-relationship_1303-3349.jpg",          imageAlt: "",          authorName: "Historian A",          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-ancient-greece-woman_23-2151026672.jpg",          date: "1910-1930s"
        },
      ]}
    />
  </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>
  );
}
