"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 PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { Briefcase, Building, User } from "lucide-react";

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="membership-plans" data-section="membership-plans">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "general",
          badge: "일반 회원",
          badgeIcon: User,
          price: "무료",
          subtitle: "해양레저에 관심 있는 누구나",
          buttons: [
            {
              text: "가입하기",
              href: "#",
            },
          ],
          features: [
            "협회 소식지 구독",
            "온라인 자료 열람 (제한)",
            "이벤트 정보 제공",
            "온라인 커뮤니티 접근",
          ],
        },
        {
          id: "pro",
          badge: "전문 회원",
          badgeIcon: Briefcase,
          price: "연 ₩50,000",
          subtitle: "해양레저 전문가 및 종사자",
          buttons: [
            {
              text: "가입하기",
              href: "#",
            },
          ],
          features: [
            "모든 일반 회원 혜택",
            "전문 교육 프로그램 할인",
            "전용 네트워킹 행사 참여",
            "자료실 전체 접근",
            "정책 자문 참여 기회",
          ],
        },
        {
          id: "corporate",
          badge: "기관/기업 회원",
          badgeIcon: Building,
          price: "별도 문의",
          subtitle: "해양레저 관련 기관 및 기업",
          buttons: [
            {
              text: "문의하기",
              href: "/contact",
            },
          ],
          features: [
            "모든 전문 회원 혜택",
            "협회 사업 공동 추진 기회",
            "홍보 및 마케팅 지원",
            "맞춤형 컨설팅 제공",
            "특별 이사회 참여",
          ],
        },
      ]}
      title="회원 유형 및 혜택"
      description="협회 회원으로 가입하여 다양한 혜택을 누리세요."
    />
  </div>

  <div id="member-benefits" data-section="member-benefits">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "전문가 네트워킹",
          description: "해양레저 분야의 전문가들과 교류하며 정보를 공유할 수 있습니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/you-what-you-think-about-it_329181-15253.jpg",
          imageAlt: "네트워킹",
        },
        {
          title: "최신 정보 및 자료",
          description: "해양레저 관련 최신 뉴스, 보고서, 통계 자료를 받아보세요.",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-project-manager-pointing-desktop-presenting-statistical-data-briefing-diverse-group-employees-multiethnical-team-working-professional-startup-financial-company-conference_482257-13727.jpg",
          imageAlt: "최신 자료",
        },
        {
          title: "할인 및 우선권",
          description: "협회 주최 행사, 교육 프로그램, 관련 시설 이용 시 할인 혜택을 드립니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-children-spends-weekend-shores-cold-baltic-sea_1321-432.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>
  );
}
