"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 HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Globe, Waves } 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="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="대한민국 해양레저관광의 미래를 함께 만듭니다."
      description="해양레저관광협회는 해양레저산업의 성장과 국민의 건강한 레저활동을 지원하며 지속가능한 해양생태계를 조성합니다."
      testimonials={[
        {
          name: "김민준",
          handle: "@MinjunK",
          testimonial: "협회 덕분에 해양레저에 대한 인식이 크게 개선되었습니다. 다양한 프로그램에 참여하며 삶의 질이 높아졌습니다.",
          rating: 5,
          avatarSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-770.jpg",
          avatarAlt: "김민준 프로필 사진",
          imageSrc: "http://img.b2bpic.net/free-vector/international-coastal-cleanup-day-banner-design_1308-113766.jpg",
          imageAlt: "professional korean man portrait",
        },
        {
          name: "이지은",
          handle: "@JieunL",
          testimonial: "체계적인 교육과 지원을 통해 안전하게 해양레저를 즐길 수 있게 되었어요. 협회의 노력에 감사합니다.",
          rating: 5,
          avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting-indoors_23-2148824910.jpg",
          avatarAlt: "이지은 프로필 사진",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-two-woman-admiring-view-lake_23-2148691777.jpg?_wi=1",
          imageAlt: "professional korean man portrait",
        },
        {
          name: "박선우",
          handle: "@SunwooP",
          testimonial: "회원으로서 다양한 정보와 네트워킹 기회를 얻고 있습니다. 협회의 발전이 기대됩니다.",
          rating: 5,
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-project-documents_23-2148746274.jpg",
          avatarAlt: "박선우 프로필 사진",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking-outdoors_171337-13559.jpg",
          imageAlt: "professional korean man portrait",
        },
        {
          name: "최유진",
          handle: "@YujinC",
          testimonial: "해양환경 보호 활동에 참여하며 큰 보람을 느낍니다. 함께 깨끗한 바다를 만들어가요.",
          rating: 5,
          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg",
          avatarAlt: "최유진 프로필 사진",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148687137.jpg",
          imageAlt: "professional korean man portrait",
        },
        {
          name: "정우성",
          handle: "@WoosungJ",
          testimonial: "협회의 정책 제안 활동은 해양레저 산업의 발전에 필수적입니다. 적극적인 지지를 보냅니다.",
          rating: 5,
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-landscape_23-2150788028.jpg",
          avatarAlt: "정우성 프로필 사진",
          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429855.jpg?_wi=1",
          imageAlt: "professional korean man portrait",
        },
      ]}
      tag="함께 만드는 해양레저"
      tagIcon={Globe}
      buttons={[
        {
          text: "협회 활동 보기",
          href: "/about",
        },
        {
          text: "회원 가입 안내",
          href: "/membership",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-two-woman-admiring-view-lake_23-2148691777.jpg?_wi=2"
      imageAlt="활기찬 해양레저 활동"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-770.jpg",
          alt: "김민준 프로필",
        },
        {
          src: "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting-indoors_23-2148824910.jpg",
          alt: "이지은 프로필",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-man-holding-project-documents_23-2148746274.jpg",
          alt: "박선우 프로필",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking-outdoors_171337-13559.jpg",
          alt: "최유진 프로필",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg",
          alt: "정우성 프로필",
        },
      ]}
      avatarText="20만명 이상이 참여하고 있습니다."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="우리의 미션"
      title="건강하고 지속가능한 해양레저관광"
      description="해양레저관광협회는 해양레저 활동의 저변을 확대하고, 관련 산업의 경쟁력을 강화하며, 해양 환경 보호에 앞장서고 있습니다."
      subdescription="국민 모두가 안전하고 즐겁게 바다를 누릴 수 있도록 다양한 사업을 추진하고 있습니다."
      icon={Waves}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-view-landscape_23-2150788028.jpg"
      imageAlt="협회 전경"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "해양레저 교육 및 안전",
          description: "안전하고 올바른 해양레저 문화를 위한 교육 프로그램을 운영합니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/affectionate-couple_1098-15762.jpg",
          imageAlt: "해양레저 교육",
        },
        {
          title: "산업 진흥 및 정책 제안",
          description: "해양레저 산업 활성화와 관련 정책 수립에 적극적으로 참여합니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg",
          imageAlt: "정책 제안",
        },
        {
          title: "해양 환경 보호",
          description: "지속가능한 해양생태계 조성을 위한 환경 보호 캠페인을 전개합니다.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429855.jpg?_wi=2",
          imageAlt: "해양 환경 보호 활동",
        },
      ]}
      title="주요 사업 및 활동"
      description="다채로운 활동을 통해 해양레저 문화 발전에 기여합니다."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "해양수산부",
        "한국관광공사",
        "부산항만공사",
        "해양환경공단",
        "한국해양대학교",
        "대한체육회",
        "지역자치단체",
      ]}
      title="협력 기관 및 파트너"
      description="대한민국의 해양레저 발전을 위해 함께 노력하는 파트너들입니다."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      title="회원들의 생생한 이야기"
      description="해양레저관광협회와 함께하는 사람들의 경험을 들어보세요."
      tag="경험 공유"
      testimonials={[
        {
          id: "1",
          name: "최은영",
          date: "2024년 5월 10일",
          title: "잊지 못할 해양 레저 경험",
          quote: "협회에서 주최한 카약 체험 프로그램은 정말 환상적이었습니다. 안전 교육부터 실제 체험까지 완벽했어요!",
          tag: "카약 체험",
          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
          avatarAlt: "최은영 아바타",
          imageSrc: "http://img.b2bpic.net/free-photo/women-laying-dock-taking-selfie_23-2148683894.jpg",
          imageAlt: "카약 체험 사진",
        },
        {
          id: "2",
          name: "강동현",
          date: "2024년 4월 22일",
          title: "해양 환경 보호의 중요성",
          quote: "해변 정화 활동에 참여하면서 바다의 소중함을 다시 한번 느꼈습니다. 이런 활동을 주도하는 협회에 감사드립니다.",
          tag: "환경 보호",
          avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg",
          avatarAlt: "강동현 아바타",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-couple-beach_1328-1303.jpg",
          imageAlt: "해변 정화 활동",
        },
        {
          id: "3",
          name: "윤서아",
          date: "2024년 3월 15일",
          title: "전문 교육으로 안전하게!",
          quote: "요트 면허 취득을 위한 교육 과정이 매우 체계적이고 실용적이었습니다. 덕분에 안전하게 요트를 즐길 수 있게 되었어요.",
          tag: "요트 교육",
          avatarSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-773.jpg",
          avatarAlt: "윤서아 아바타",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-hanging-out-jetty_23-2150514751.jpg",
          imageAlt: "요트 교육 사진",
        },
        {
          id: "4",
          name: "임지훈",
          date: "2024년 2월 28일",
          title: "정보 교류의 장",
          quote: "협회 네트워킹 행사를 통해 다양한 해양레저 전문가들과 교류하며 유익한 정보를 얻었습니다. 사업에도 큰 도움이 됩니다.",
          tag: "네트워킹",
          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
          avatarAlt: "임지훈 아바타",
          imageSrc: "http://img.b2bpic.net/free-photo/big-family-near-lake_1157-15359.jpg",
          imageAlt: "네트워킹 행사",
        },
        {
          id: "5",
          name: "문예진",
          date: "2024년 1월 19일",
          title: "가족과 함께하는 즐거운 시간",
          quote: "온 가족이 함께 참여할 수 있는 해양 레저 프로그램이 많아서 너무 좋습니다. 아이들이 바다를 더 사랑하게 되었어요.",
          tag: "가족 프로그램",
          avatarSrc: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579590.jpg",
          avatarAlt: "문예진 아바타",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-office_1157-26409.jpg",
          imageAlt: "가족 레저 활동",
        },
        {
          id: "6",
          name: "오성민",
          date: "2023년 12월 5일",
          title: "새로운 취미를 찾았어요",
          quote: "서핑에 관심이 많았는데, 협회의 초보자 강습 덕분에 쉽게 시작할 수 있었습니다. 이제는 매주 서핑을 즐겨요!",
          tag: "서핑 강습",
          avatarSrc: "http://img.b2bpic.net/free-photo/new-technology-her-job-is-necessary_329181-12370.jpg",
          avatarAlt: "오성민 아바타",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-businesswoman-posing-with-tablet-office_23-2148692471.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>
  );
}
