"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

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="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="관리자 패널 문의 및 기술 지원"
      buttons={[
        {
          text: "기술 지원 요청",
          href: "/admin/support",
        },
        {
          text: "긴급 문의 (전화)",
          href: "tel:000-0000-0000",
        },
      ]}
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="관리자 도구 및 리소스"
      description="관리자 업무 효율을 위한 유용한 도구와 가이드라인입니다."
      products={[
        {
          id: "1",
          brand: "협회",
          name: "운영 매뉴얼 2024",
          price: "다운로드",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/accounting-information-index-data-annual_1232-4192.jpg",
          imageAlt: "운영 매뉴얼 표지",
        },
        {
          id: "2",
          brand: "기술팀",
          name: "시스템 로그 분석 가이드",
          price: "다운로드",
          rating: 4.5,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/finance-people-account-discussion-manager-workplace_1418-28.jpg",
          imageAlt: "시스템 로그 분석",
        },
        {
          id: "3",
          brand: "보안팀",
          name: "데이터 보안 정책 문서",
          price: "다운로드",
          rating: 5,
          reviewCount: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-interactive-board-empty-conference-room-used-meetings_482257-115896.jpg",
          imageAlt: "보안 정책",
        },
        {
          id: "4",
          brand: "운영팀",
          name: "회원 데이터 관리 지침",
          price: "다운로드",
          rating: 4,
          reviewCount: "10",
          imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",
          imageAlt: "회원 데이터 관리",
        },
        {
          id: "5",
          brand: "기획팀",
          name: "웹사이트 콘텐츠 업데이트 가이드",
          price: "다운로드",
          rating: 4.8,
          reviewCount: "7",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-concept-with-notebooks-paper-pen-magnifying-glass-keyboard-grey-background-flat-lay_176474-7668.jpg",
          imageAlt: "콘텐츠 업데이트 가이드",
        },
      ]}
    />
  </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>
  );
}
