"use client";

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

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="resource-library" data-section="resource-library">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "2023 해양레저산업 동향 보고서",
          price: "다운로드",
          imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-glasses-near-clipboard_23-2147796463.jpg",
          imageAlt: "산업 보고서",
        },
        {
          id: "2",
          name: "해양레저 안전 가이드라인",
          price: "다운로드",
          imageSrc: "http://img.b2bpic.net/free-photo/top-vie-plants-notebook_23-2148785088.jpg",
          imageAlt: "안전 가이드라인",
        },
        {
          id: "3",
          name: "초보자를 위한 해양레저 입문",
          price: "다운로드",
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-diving-invoice-template_23-2149423716.jpg",
          imageAlt: "입문 가이드",
        },
        {
          id: "4",
          name: "해양레저 활성화 방안 연구",
          price: "다운로드",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-female-holding-reading-map-order-find-her-way_181624-20659.jpg",
          imageAlt: "활성화 연구",
        },
        {
          id: "5",
          name: "지역별 해양레저관광 자원 현황",
          price: "다운로드",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-coworkers-analyzing-diagrams_1098-345.jpg",
          imageAlt: "자원 현황",
        },
        {
          id: "6",
          name: "해양레저협회 회원 가이드북",
          price: "다운로드",
          imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169899.jpg",
          imageAlt: "회원 가이드북",
        },
      ]}
      title="자료실"
      description="협회에서 발간하는 보고서, 가이드라인, 교육 자료 등을 다운로드하세요."
    />
  </div>

  <div id="resource-guide" data-section="resource-guide">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "회원 로그인",
          description: "일부 자료는 회원 로그인 후 이용 가능합니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-bright-miniature-animal-figures_53876-15046.jpg",
          imageAlt: "로그인",
        },
        {
          title: "검색 및 필터",
          description: "원하는 자료를 쉽게 찾을 수 있도록 검색 및 필터 기능을 활용하세요.",
          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-doing-videocall-optimize-energy-production_482257-120519.jpg",
          imageAlt: "검색",
        },
        {
          title: "자료 요청",
          description: "필요한 자료가 없다면 협회에 자료 요청을 할 수 있습니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-friends-walking-outdoors-beach_171337-15694.jpg",
          imageAlt: "자료 요청",
        },
      ]}
      title="자료실 이용 안내"
      description="자료실을 효과적으로 이용하는 방법을 알려드립니다."
    />
  </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>
  );
}
