"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "홈",
          id: "/",
        },
        {
          name: "협회 소개",
          id: "/about",
        },
        {
          name: "회원 가입",
          id: "/membership",
        },
        {
          name: "공지사항",
          id: "/notice",
        },
        {
          name: "자료실",
          id: "/resources",
        },
        {
          name: "후원 / 기부",
          id: "/sponsorship",
        },
        {
          name: "문의하기",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/international-coastal-cleanup-day-banner-design_1308-113766.jpg"
      logoAlt="해양레저관광협회 로고"
      brandName="해양레저관광협회"
      bottomLeftText="대한민국 해양레저를 선도합니다"
      bottomRightText="hello@korea-marine.org"
    />
  </div>

  <div id="notice-board" data-section="notice-board">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="공지사항"
      description="협회의 중요 소식과 최신 정보를 확인하세요."
      blogs={[
        {
          id: "1",
          category: "공지",
          title: "2024년 정기총회 개최 안내",
          excerpt: "협회 정기총회가 2024년 10월 20일 서울에서 개최됩니다. 많은 참여 부탁드립니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-white-notebook-with-pen-cup-tea-flower-pot-white-yellow-background_140725-141272.jpg",
          imageAlt: "정기총회",
          authorName: "관리자",
          authorAvatar: "http://img.b2bpic.net/free-photo/working-chrismas-eve_1098-19450.jpg",
          date: "2024년 9월 1일",
        },
        {
          id: "2",
          category: "이벤트",
          title: "제5회 해양레저박람회 참가 안내",
          excerpt: "협회가 주최하는 해양레저박람회에 참가하여 다양한 레저 장비를 경험하세요.",
          imageSrc: "http://img.b2bpic.net/free-vector/general-business-banner-template_23-2148959898.jpg",
          imageAlt: "해양레저박람회",
          authorName: "홍보팀",
          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-asian-woman-working-laptop-desk-living-room-home_7861-1376.jpg",
          date: "2024년 8월 15일",
        },
        {
          id: "3",
          category: "정책",
          title: "해양 안전 강화 정책 제안 결과",
          excerpt: "해양 안전 강화를 위한 협회 정책 제안이 정부 정책에 반영되었습니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/tired-man-sleeping-papers_23-2147717289.jpg",
          imageAlt: "정책 제안",
          authorName: "정책팀",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",
          date: "2024년 7월 20일",
        },
      ]}
    />
  </div>

  <div id="faq-notice" data-section="faq-notice">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "공지사항은 어떻게 확인할 수 있나요?",
          content: "공지사항 페이지에서 최신 소식들을 확인하실 수 있습니다. 중요 공지는 이메일로도 발송됩니다.",
        },
        {
          id: "2",
          title: "협회 행사에 참여하려면 어떻게 해야 하나요?",
          content: "각 행사 공지사항에 명시된 신청 절차에 따라 온라인 또는 오프라인으로 신청하실 수 있습니다.",
        },
        {
          id: "3",
          title: "정책 제안은 어떻게 이루어지나요?",
          content: "협회 정책팀에서 전문가 의견을 수렴하여 해양수산부 등 관련 기관에 제안합니다. 회원 의견도 적극 반영합니다.",
        },
      ]}
      sideTitle="자주 묻는 질문"
      sideDescription="공지사항 및 협회 활동에 대한 궁금증을 해결해 드립니다."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/international-coastal-cleanup-day-banner-design_1308-113766.jpg"
      logoAlt="해양레저관광협회 로고"
      columns={[
        {
          items: [
            {
              label: "협회 소개",
              href: "/about",
            },
            {
              label: "연혁",
              href: "/about#history",
            },
            {
              label: "미션 및 비전",
              href: "/about#mission",
            },
          ],
        },
        {
          items: [
            {
              label: "회원 가입",
              href: "/membership",
            },
            {
              label: "회원 혜택",
              href: "/membership#benefits",
            },
            {
              label: "로그인",
              href: "/membership#login",
            },
          ],
        },
        {
          items: [
            {
              label: "공지사항",
              href: "/notice",
            },
            {
              label: "보도자료",
              href: "/notice#press",
            },
            {
              label: "FAQ",
              href: "/notice#faq",
            },
          ],
        },
        {
          items: [
            {
              label: "자료실",
              href: "/resources",
            },
            {
              label: "다운로드",
              href: "/resources#download",
            },
            {
              label: "이용 안내",
              href: "/resources#guide",
            },
          ],
        },
        {
          items: [
            {
              label: "후원 / 기부",
              href: "/sponsorship",
            },
            {
              label: "문의하기",
              href: "/contact",
            },
            {
              label: "개인정보처리방침",
              href: "#",
            },
            {
              label: "이용약관",
              href: "#",
            },
          ],
        },
      ]}
      logoText="한국 해양레저관광협회"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
