bender/440a8797-b54f-46af-aa47-8df6aa71e57c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-25 10:07:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -271
1 changed files with 46 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/app/page.tsx
View File

@@ -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" },
],
},
]}