"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { Bell, Building, Droplets, GraduationCap, Heart, Lightbulb } 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="sponsorship-tiers" data-section="sponsorship-tiers">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "individual",
          badge: "개인 후원",
          badgeIcon: Heart,
          price: "자유롭게",
          subtitle: "해양레저를 사랑하는 개인",
          buttons: [
            {
              text: "후원하기",
              href: "#",
            },
          ],
          features: [
            "기부금 영수증 발급",
            "협회 소식지 제공",
            "후원자 명단 등재 (선택)",
            "해양 보호 활동 참여 기회",
          ],
        },
        {
          id: "corporate-sponsorship",
          badge: "기업 후원",
          badgeIcon: Building,
          price: "별도 협의",
          subtitle: "ESG 경영 실천 기업",
          buttons: [
            {
              text: "문의하기",
              href: "/contact",
            },
          ],
          features: [
            "기업 브랜드 홍보 지원",
            "사회 공헌 활동 연계",
            "맞춤형 협력 프로그램",
            "협회 주요 행사 초대",
          ],
        },
        {
          id: "project-sponsorship",
          badge: "프로젝트 후원",
          badgeIcon: Lightbulb,
          price: "별도 협의",
          subtitle: "특정 사업 지원",
          buttons: [
            {
              text: "문의하기",
              href: "/contact",
            },
          ],
          features: [
            "원하는 프로젝트 선택 지원",
            "사업 보고서 및 성과 공유",
            "후원 기업/단체 로고 노출",
            "해당 프로젝트 우선 참여권",
          ],
        },
      ]}
      title="후원 및 기부 참여"
      description="해양레저관광협회의 활동을 지지하고 참여해 주세요."
    />
  </div>

  <div id="fund-transparency" data-section="fund-transparency">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "70%",
          title: "해양 보호 사업",
          description: "해양 생태계 보호 및 환경 개선 활동",
          icon: Droplets,
        },
        {
          id: "2",
          value: "20%",
          title: "교육 및 연구",
          description: "해양레저 교육 프로그램 개발 및 연구 지원",
          icon: GraduationCap,
        },
        {
          id: "3",
          value: "10%",
          title: "운영 및 홍보",
          description: "협회 운영 및 해양레저 문화 확산 노력",
          icon: Bell,
        },
      ]}
      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>
  );
}
