"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 TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Flag, LifeBuoy, Star, Users } 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="about-detail" data-section="about-detail">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="협회 소개"
      title="대한민국 해양레저관광의 중심"
      description="한국 해양레저관광협회는 20XX년에 설립되어, 해양레저 활동의 안전과 발전을 위해 노력해왔습니다."
      subdescription="우리는 해양레저 관련 교육, 산업 진흥, 정책 제안, 그리고 해양 환경 보호를 핵심 가치로 삼고 있습니다. 건강한 해양레저 문화 조성에 기여하며, 국내외 파트너들과 협력하여 새로운 해양레저관광 시대를 열어갑니다."
      icon={Flag}
      imageSrc="http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445153.jpg"
      imageAlt="협회 역사 사진"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        {
          id: "1",
          name: "이재민",
          role: "협회장",
          description: "해양 정책 전문가로, 협회를 이끌며 해양레저 산업 발전에 기여하고 있습니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-asian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1045.jpg",
          imageAlt: "이재민 협회장",
        },
        {
          id: "2",
          name: "한지아",
          role: "부협회장",
          description: "관광 마케팅 분야의 권위자로, 해양레저관광 활성화를 위한 전략을 수립합니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
          imageAlt: "한지아 부협회장",
        },
        {
          id: "3",
          name: "정승환",
          role: "사무총장",
          description: "협회 행정 및 대외 협력을 총괄하며 원활한 사업 운영을 지원합니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/attentive-aged-math-teacher-glasses_23-2148201022.jpg",
          imageAlt: "정승환 사무총장",
        },
      ]}
      title="협회 리더십 팀"
      description="해양레저관광 분야의 전문가들로 구성된 우리의 리더십 팀을 소개합니다."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "20만+",
          title: "연간 참여 인원",
          description: "다양한 해양레저 프로그램에 참여한 인원",
          icon: Users,
        },
        {
          id: "2",
          value: "150+",
          title: "협력 기관",
          description: "산업 발전과 환경 보호를 위한 협력 네트워크",
          icon: LifeBuoy,
        },
        {
          id: "3",
          value: "95%",
          title: "참여자 만족도",
          description: "프로그램 및 서비스에 대한 높은 만족도",
          icon: Star,
        },
      ]}
      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>
  );
}
