From 32e6b47c3897e7a37ceeb15094e3a990806d4806 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 10:07:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 317 +++++++----------------------------------------
 1 file changed, 46 insertions(+), 271 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5ab67d6..8b0c3b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "首頁",
-          id: "hero",
-        },
-        {
-          name: "關於我們",
-          id: "about",
-        },
-        {
-          name: "特色服務",
-          id: "features",
-        },
-        {
-          name: "票價資訊",
-          id: "pricing",
-        },
-        {
-          name: "聯絡資訊",
-          id: "contact",
-        },
+        { name: "首頁", id: "hero" },
+        { name: "關於我們", id: "about" },
+        { name: "特色服務", id: "features" },
+        { name: "票價資訊", id: "pricing" },
+        { name: "聯絡資訊", id: "contact" },
       ]}
       brandName="NKUST Pool"
     />
@@ -57,107 +42,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background="sparkles-gradient"
+      background={{ variant: "sparkles-gradient" }}
       title="在城市裡，游一場屬於自己的假期"
       description="高科大建工校區最放鬆的開放式泳池體驗，沉浸在蔚藍之中，釋放學術壓力。"
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-luxury-resort-by-sea-generated-by-ai_188544-32715.jpg",
-          imageAlt: "Luxurious outdoor pool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9029.jpg",
-          imageAlt: "Beautiful outdoor infinity swimming pool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg",
-          imageAlt: "Luxury sunset poolside relaxation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-photo-report-swimming-pool_23-2147640625.jpg",
-          imageAlt: "Friends at photo report in the swimming pool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_74190-1674.jpg",
-          imageAlt: "Umbrella and chair at poolside",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-luxury-resort-by-sea-generated-by-ai_188544-32715.jpg", imageAlt: "Luxurious outdoor pool" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9029.jpg", imageAlt: "Beautiful outdoor infinity swimming pool" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg", imageAlt: "Luxury sunset poolside relaxation" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/friends-photo-report-swimming-pool_23-2147640625.jpg", imageAlt: "Friends at photo report in the swimming pool" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_74190-1674.jpg", imageAlt: "Umbrella and chair at poolside" }
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4045.jpg",
-          imageAlt: "Refreshing water",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-infinity-pool-overlooking-ocean-sunset_23-2151993706.jpg",
-          imageAlt: "Luxury infinity pool overlooking the ocean",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150757.jpg",
-          imageAlt: "Luxury pool villa contemporary design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-climbing-out-off-hotel-pool_1262-5189.jpg",
-          imageAlt: "Happy young woman climbing out of pool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-swimming-pool_23-2147640621.jpg",
-          imageAlt: "Friends posing in the swimming pool",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4045.jpg", imageAlt: "Refreshing water" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-infinity-pool-overlooking-ocean-sunset_23-2151993706.jpg", imageAlt: "Luxury infinity pool overlooking the ocean" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150757.jpg", imageAlt: "Luxury pool villa contemporary design" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-climbing-out-off-hotel-pool_1262-5189.jpg", imageAlt: "Happy young woman climbing out of pool" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-swimming-pool_23-2147640621.jpg", imageAlt: "Friends posing in the swimming pool" }
       ]}
       buttons={[
-        {
-          text: "立即入場",
-          href: "#pricing",
-        },
-        {
-          text: "查看開放時間",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7876.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11552.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9086.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hammocks-umbrellas_1203-299.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-travelling-woman_23-2148218441.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="超過 500 位高科大學生與居民的選擇"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "高品質水質監測",
-        },
-        {
-          type: "text",
-          text: "校園核心位置",
-        },
-        {
-          type: "text",
-          text: "放鬆綠洲體驗",
-        },
-        {
-          type: "text",
-          text: "友善管理團隊",
-        },
-        {
-          type: "text",
-          text: "適合全齡運動",
-        },
+        { text: "立即入場", href: "#pricing" },
+        { text: "查看開放時間", href: "#contact" }
       ]}
     />
   </div>
@@ -167,21 +71,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="不只是泳池，是一場城市綠洲"
       metrics={[
-        {
-          icon: Sun,
-          label: "環境",
-          value: "開放空間",
-        },
-        {
-          icon: Droplets,
-          label: "水質",
-          value: "最高標準",
-        },
-        {
-          icon: MapPin,
-          label: "位置",
-          value: "校園核心",
-        },
+        { icon: Sun, label: "環境", value: "開放空間" },
+        { icon: Droplets, label: "水質", value: "最高標準" },
+        { icon: MapPin, label: "位置", value: "校園核心" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -194,25 +86,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "開放式設計",
-          author: "Wellness",
-          description: "開闊的天空與通風設計，讓您的每次呼吸都充滿自在。",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-centre_116348-16.jpg",
+          id: "1",          title: "開放式設計",          author: "Wellness",          description: "開闊的天空與通風設計，讓您的每次呼吸都充滿自在。",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-centre_116348-16.jpg",          videoSrc: "",          tags: ["wellness"]
         },
         {
-          id: "2",
-          title: "便利校園位置",
-          author: "Convenience",
-          description: "位於建工路校區核心，隨時都能享受運動的方便性。",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-3d-map-marker-blue_23-2152009412.jpg",
+          id: "2",          title: "便利校園位置",          author: "Convenience",          description: "位於建工路校區核心，隨時都能享受運動的方便性。",          imageSrc: "http://img.b2bpic.net/free-photo/red-3d-map-marker-blue_23-2152009412.jpg",          videoSrc: "",          tags: ["convenience"]
         },
         {
-          id: "3",
-          title: "純粹放鬆空間",
-          author: "Lifestyle",
-          description: "不僅是運動，更是遠離壓力、重新充電的城市綠洲。",
-          imageSrc: "http://img.b2bpic.net/free-vector/water-sport-icon-set_1262-8069.jpg",
+          id: "3",          title: "純粹放鬆空間",          author: "Lifestyle",          description: "不僅是運動，更是遠離壓力、重新充電的城市綠洲。",          imageSrc: "http://img.b2bpic.net/free-vector/water-sport-icon-set_1262-8069.jpg",          videoSrc: "",          tags: ["lifestyle"]
         },
       ]}
       title="專屬您的運動美學"
@@ -225,21 +105,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="安心的純淨保障"
       metrics={[
-        {
-          icon: ShieldCheck,
-          label: "監測",
-          value: "每日檢測",
-        },
-        {
-          icon: Sparkles,
-          label: "清潔",
-          value: "高標維護",
-        },
-        {
-          icon: UserCheck,
-          label: "安全",
-          value: "專人監督",
-        },
+        { icon: ShieldCheck, label: "監測", value: "每日檢測" },
+        { icon: Sparkles, label: "清潔", value: "高標維護" },
+        { icon: UserCheck, label: "安全", value: "專人監督" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -251,39 +119,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "student",
-          badge: "學生優惠",
-          price: "$80",
-          subtitle: "持學生證入場",
-          features: [
-            "單次體驗",
-            "不限時段",
-            "學生專屬福利",
-          ],
-        },
-        {
-          id: "faculty",
-          badge: "教職員",
-          price: "$100",
-          subtitle: "高科大教職員專屬",
-          features: [
-            "單次體驗",
-            "開放使用",
-            "健康生活方案",
-          ],
-        },
-        {
-          id: "general",
-          badge: "一般民眾",
-          price: "$150",
-          subtitle: "歡迎社區居民",
-          features: [
-            "單次入場",
-            "開放式空間",
-            "優質水域設施",
-          ],
-        },
+        { id: "student", badge: "學生優惠", price: "$80", subtitle: "持學生證入場", features: ["單次體驗", "不限時段", "學生專屬福利"] },
+        { id: "faculty", badge: "教職員", price: "$100", subtitle: "高科大教職員專屬", features: ["單次體驗", "開放使用", "健康生活方案"] },
+        { id: "general", badge: "一般民眾", price: "$150", subtitle: "歡迎社區居民", features: ["單次入場", "開放式空間", "優質水域設施"] },
       ]}
       title="入場資訊"
       description="提供學生與社區居民靈活的入場選擇。"
@@ -295,49 +133,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "陳同學",
-          handle: "@student",
-          testimonial: "這裡的氣氛真的很好，課後游個幾圈非常舒壓。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-redhead-woman-red-hat-drinking-from-thermos-warming-up-with-hot-drink-her-flask_1258-196826.jpg",
-        },
-        {
-          id: "2",
-          name: "李教授",
-          handle: "@staff",
-          testimonial: "校內有這樣的空間很方便，適合日常規律運動。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-glasses-is-posing-photographer-with-photo-camera-while-his-friends-are-resting-background_613910-3511.jpg",
-        },
-        {
-          id: "3",
-          name: "王小姐",
-          handle: "@resident",
-          testimonial: "沒想到校園裡有這麼棒的露天泳池，環境很舒服。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-lady-drinking-morning-espresso_1262-20588.jpg",
-        },
-        {
-          id: "4",
-          name: "張同學",
-          handle: "@student",
-          testimonial: "水質很乾淨，管理人員也很友善，值得推薦。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/education-student-life-happiness-concept-cheerful-goodlooking-redhead-caucasian-girl-college-stu_1258-132751.jpg",
-        },
-        {
-          id: "5",
-          name: "林同學",
-          handle: "@student",
-          testimonial: "適合放鬆與運動的好去處，是我每天必備的行程。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportsman-finished-training-gym-resting-using-mobile-phone_342744-634.jpg",
-        },
-      ]}
       showRating={true}
+      testimonials={[
+        { id: "1", name: "陳同學", handle: "@student", testimonial: "這裡的氣氛真的很好，課後游個幾圈非常舒壓。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-redhead-woman-red-hat-drinking-from-thermos-warming-up-with-hot-drink-her-flask_1258-196826.jpg" },
+        { id: "2", name: "李教授", handle: "@staff", testimonial: "校內有這樣的空間很方便，適合日常規律運動。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-glasses-is-posing-photographer-with-photo-camera-while-his-friends-are-resting-background_613910-3511.jpg" },
+        { id: "3", name: "王小姐", handle: "@resident", testimonial: "沒想到校園裡有這麼棒的露天泳池，環境很舒服。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-lady-drinking-morning-espresso_1262-20588.jpg" },
+        { id: "4", name: "張同學", handle: "@student", testimonial: "水質很乾淨，管理人員也很友善，值得推薦。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/education-student-life-happiness-concept-cheerful-goodlooking-redhead-caucasian-girl-college-stu_1258-132751.jpg" },
+        { id: "5", name: "林同學", handle: "@student", testimonial: "適合放鬆與運動的好去處，是我每天必備的行程。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportsman-finished-training-gym-resting-using-mobile-phone_342744-634.jpg" },
+      ]}
       title="泳客的真實回饋"
       description="聽聽大家如何在建工泳池找到放鬆的節奏。"
     />
@@ -349,24 +152,10 @@ export default function LandingPage() {
       title="今天就來游一場"
       description="位於高雄市三民區建工路415號，校園核心地帶。若有任何疑問，歡迎隨時聯繫我們。"
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "您的姓名",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "電子郵件",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "您的姓名", required: true },
+        { name: "email", type: "email", placeholder: "電子郵件", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "想詢問關於開放時間或設施？請告訴我們。",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "想詢問關於開放時間或設施？請告訴我們。", rows: 4 }}
       buttonText="發送訊息"
       imageSrc="http://img.b2bpic.net/free-photo/man-getting-out-pool_23-2148226184.jpg"
     />
@@ -378,29 +167,15 @@ export default function LandingPage() {
       logoText="高科大建工游泳池"
       columns={[
         {
-          title: "導航",
-          items: [
-            {
-              label: "關於我們",
-              href: "#about",
-            },
-            {
-              label: "票價資訊",
-              href: "#pricing",
-            },
+          title: "導航",          items: [
+            { label: "關於我們", href: "#about" },
+            { label: "票價資訊", href: "#pricing" },
           ],
         },
         {
-          title: "聯繫",
-          items: [
-            {
-              label: "高雄市三民區建工路415號",
-              href: "#",
-            },
-            {
-              label: "聯絡我們",
-              href: "#contact",
-            },
+          title: "聯繫",          items: [
+            { label: "高雄市三民區建工路415號", href: "#" },
+            { label: "聯絡我們", href: "#contact" },
           ],
         },
       ]}
-- 
2.49.1