Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -30,33 +30,19 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "홈",
+          name: "홈",          id: "/"},
-          id: "/",
-        },
         {
-          name: "협회 소개",
+          name: "협회 소개",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "회원 가입",
+          name: "회원 가입",          id: "/membership"},
-          id: "/membership",
-        },
         {
-          name: "공지사항",
+          name: "공지사항",          id: "/notice"},
-          id: "/notice",
-        },
         {
-          name: "자료실",
+          name: "자료실",          id: "/resources"},
-          id: "/resources",
-        },
         {
-          name: "후원 / 기부",
+          name: "후원 / 기부",          id: "/sponsorship"},
-          id: "/sponsorship",
-        },
         {
-          name: "문의하기",
+          name: "문의하기",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/international-coastal-cleanup-day-banner-design_1308-113766.jpg"
       logoAlt="해양레저관광협회 로고"
@@ -72,93 +58,44 @@ export default function LandingPage() {
       description="해양레저관광협회는 해양레저산업의 성장과 국민의 건강한 레저활동을 지원하며 지속가능한 해양생태계를 조성합니다."
       testimonials={[
         {
-          name: "김민준",
+          name: "김민준",          handle: "@MinjunK",          testimonial: "협회 덕분에 해양레저에 대한 인식이 크게 개선되었습니다. 다양한 프로그램에 참여하며 삶의 질이 높아졌습니다.",          rating: 5,
-          handle: "@MinjunK",
+          imageSrc: "http://img.b2bpic.net/free-vector/international-coastal-cleanup-day-banner-design_1308-113766.jpg",          imageAlt: "professional korean man portrait"},
-          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: "이지은",
+          name: "이지은",          handle: "@JieunL",          testimonial: "체계적인 교육과 지원을 통해 안전하게 해양레저를 즐길 수 있게 되었어요. 협회의 노력에 감사합니다.",          rating: 5,
-          handle: "@JieunL",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-two-woman-admiring-view-lake_23-2148691777.jpg",          imageAlt: "professional korean man portrait"},
-          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: "박선우",
+          name: "박선우",          handle: "@SunwooP",          testimonial: "회원으로서 다양한 정보와 네트워킹 기회를 얻고 있습니다. 협회의 발전이 기대됩니다.",          rating: 5,
-          handle: "@SunwooP",
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking-outdoors_171337-13559.jpg",          imageAlt: "professional korean man portrait"},
-          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: "최유진",
+          name: "최유진",          handle: "@YujinC",          testimonial: "해양환경 보호 활동에 참여하며 큰 보람을 느낍니다. 함께 깨끗한 바다를 만들어가요.",          rating: 5,
-          handle: "@YujinC",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-posing_23-2148687137.jpg",          imageAlt: "professional korean man portrait"},
-          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: "정우성",
+          name: "정우성",          handle: "@WoosungJ",          testimonial: "협회의 정책 제안 활동은 해양레저 산업의 발전에 필수적입니다. 적극적인 지지를 보냅니다.",          rating: 5,
-          handle: "@WoosungJ",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429855.jpg",          imageAlt: "professional korean man portrait"},
-          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: "협회 활동 보기",
+          text: "협회 활동 보기",          href: "/about"},
-          href: "/about",
-        },
         {
-          text: "회원 가입 안내",
+          text: "회원 가입 안내",          href: "/membership"},
-          href: "/membership",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-two-woman-admiring-view-lake_23-2148691777.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-two-woman-admiring-view-lake_23-2148691777.jpg"
       imageAlt="활기찬 해양레저 활동"
       showBlur={true}
       textPosition="bottom"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-770.jpg",
+          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-770.jpg",          alt: "김민준 프로필"},
-          alt: "김민준 프로필",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting-indoors_23-2148824910.jpg",
+          src: "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting-indoors_23-2148824910.jpg",          alt: "이지은 프로필"},
-          alt: "이지은 프로필",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-man-holding-project-documents_23-2148746274.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiley-man-holding-project-documents_23-2148746274.jpg",          alt: "박선우 프로필"},
-          alt: "박선우 프로필",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking-outdoors_171337-13559.jpg",
+          src: "http://img.b2bpic.net/free-photo/cheerful-young-african-woman-walking-outdoors_171337-13559.jpg",          alt: "최유진 프로필"},
-          alt: "최유진 프로필",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg",
+          src: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg",          alt: "정우성 프로필"},
-          alt: "정우성 프로필",
-        },
       ]}
       avatarText="20만명 이상이 참여하고 있습니다."
     />
@@ -184,23 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "해양레저 교육 및 안전",
+          title: "해양레저 교육 및 안전",          description: "안전하고 올바른 해양레저 문화를 위한 교육 프로그램을 운영합니다.",          imageSrc: "http://img.b2bpic.net/free-photo/affectionate-couple_1098-15762.jpg",          imageAlt: "해양레저 교육"},
-          description: "안전하고 올바른 해양레저 문화를 위한 교육 프로그램을 운영합니다.",
-          imageSrc: "http://img.b2bpic.net/free-photo/affectionate-couple_1098-15762.jpg",
-          imageAlt: "해양레저 교육",
-        },
         {
-          title: "산업 진흥 및 정책 제안",
+          title: "산업 진흥 및 정책 제안",          description: "해양레저 산업 활성화와 관련 정책 수립에 적극적으로 참여합니다.",          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg",          imageAlt: "정책 제안"},
-          description: "해양레저 산업 활성화와 관련 정책 수립에 적극적으로 참여합니다.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg",
-          imageAlt: "정책 제안",
-        },
         {
-          title: "해양 환경 보호",
+          title: "해양 환경 보호",          description: "지속가능한 해양생태계 조성을 위한 환경 보호 캠페인을 전개합니다.",          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429855.jpg",          imageAlt: "해양 환경 보호 활동"},
-          description: "지속가능한 해양생태계 조성을 위한 환경 보호 캠페인을 전개합니다.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429855.jpg?_wi=2",
-          imageAlt: "해양 환경 보호 활동",
-        },
       ]}
       title="주요 사업 및 활동"
       description="다채로운 활동을 통해 해양레저 문화 발전에 기여합니다."
@@ -212,14 +137,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "해양수산부",
+        "해양수산부",        "한국관광공사",        "부산항만공사",        "해양환경공단",        "한국해양대학교",        "대한체육회",        "지역자치단체"]}
-        "한국관광공사",
-        "부산항만공사",
-        "해양환경공단",
-        "한국해양대학교",
-        "대한체육회",
-        "지역자치단체",
-      ]}
       title="협력 기관 및 파트너"
       description="대한민국의 해양레저 발전을 위해 함께 노력하는 파트너들입니다."
     />
@@ -234,77 +152,17 @@ export default function LandingPage() {
       tag="경험 공유"
       testimonials={[
         {
-          id: "1",
+          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: "카약 체험 사진"},
-          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",
+          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: "해변 정화 활동"},
-          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",
+          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: "요트 교육 사진"},
-          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",
+          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: "네트워킹 행사"},
-          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",
+          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: "가족 레저 활동"},
-          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",
+          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: "서핑 강습 사진"},
-          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>
@@ -317,85 +175,53 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "협회 소개",
+              label: "협회 소개",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "연혁",
+              label: "연혁",              href: "/about#history"},
-              href: "/about#history",
-            },
             {
-              label: "미션 및 비전",
+              label: "미션 및 비전",              href: "/about#mission"},
-              href: "/about#mission",
-            },
           ],
         },
         {
           items: [
             {
-              label: "회원 가입",
+              label: "회원 가입",              href: "/membership"},
-              href: "/membership",
-            },
             {
-              label: "회원 혜택",
+              label: "회원 혜택",              href: "/membership#benefits"},
-              href: "/membership#benefits",
-            },
             {
-              label: "로그인",
+              label: "로그인",              href: "/membership#login"},
-              href: "/membership#login",
-            },
           ],
         },
         {
           items: [
             {
-              label: "공지사항",
+              label: "공지사항",              href: "/notice"},
-              href: "/notice",
-            },
             {
-              label: "보도자료",
+              label: "보도자료",              href: "/notice#press"},
-              href: "/notice#press",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "/notice#faq"},
-              href: "/notice#faq",
-            },
           ],
         },
         {
           items: [
             {
-              label: "자료실",
+              label: "자료실",              href: "/resources"},
-              href: "/resources",
-            },
             {
-              label: "다운로드",
+              label: "다운로드",              href: "/resources#download"},
-              href: "/resources#download",
-            },
             {
-              label: "이용 안내",
+              label: "이용 안내",              href: "/resources#guide"},
-              href: "/resources#guide",
-            },
           ],
         },
         {
           items: [
             {
-              label: "후원 / 기부",
+              label: "후원 / 기부",              href: "/sponsorship"},
-              href: "/sponsorship",
-            },
             {
-              label: "문의하기",
+              label: "문의하기",              href: "/contact"},
-              href: "/contact",
-            },
             {
-              label: "개인정보처리방침",
+              label: "개인정보처리방침",              href: "#"},
-              href: "#",
-            },
             {
-              label: "이용약관",
+              label: "이용약관",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}