bender/347d3f88-3642-409e-9987-8e651e12a349
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 11:14:01 +00:00
Conversation 0 Commits 1 Files Changed 1 +46 -289
1 changed files with 46 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/page.tsx
View File

@@ -31,117 +31,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "首頁",
id: "hero",
},
{
name: "關於我們",
id: "about",
},
{
name: "服務項目",
id: "services",
},
{
name: "預約諮詢",
id: "contact",
},
{ name: "首頁", id: "hero" },
{ name: "關於我們", id: "about" },
{ name: "服務項目", id: "services" },
{ name: "預約諮詢", id: "contact" },
]}
brandName="一禾快剪"
button={{ text: "立即預約", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="一禾快剪中原店 - 專業美髮設計"
description="專業縮毛矯正、鍍膜微整護髮、男士燙髮，專屬您的個人魅力。"
testimonials={[
{
name: "小美",
handle: "@user1",
testimonial: "技術超好，縮毛矯正非常自然！",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg?_wi=1",
},
{
name: "阿豪",
handle: "@user2",
testimonial: "男士燙髮很細心，非常滿意。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6126.jpg?_wi=1",
},
{
name: "Jenny",
handle: "@user3",
testimonial: "鍍膜護髮後頭髮超柔順，回訪多次。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg?_wi=1",
},
{
name: "林小姐",
handle: "@user4",
testimonial: "中壢剪髮首選，環境舒適且專業。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg?_wi=1",
},
{
name: "Kevin",
handle: "@user5",
testimonial: "設計師溝通很有耐心，成果超出預期。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg?_wi=1",
},
{ name: "小美", handle: "@user1", testimonial: "技術超好，縮毛矯正非常自然！", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg" },
{ name: "阿豪", handle: "@user2", testimonial: "男士燙髮很細心，非常滿意。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6126.jpg" },
{ name: "Jenny", handle: "@user3", testimonial: "鍍膜護髮後頭髮超柔順，回訪多次。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg" },
{ name: "林小姐", handle: "@user4", testimonial: "中壢剪髮首選，環境舒適且專業。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg" },
{ name: "Kevin", handle: "@user5", testimonial: "設計師溝通很有耐心，成果超出預期。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205863.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg",
alt: "Smiling girl",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
alt: "Beautiful woman",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg",
alt: "Portrait of smiling woman",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg",
alt: "Smiling brunette girl",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-indian-man-model-pose-street-sunglasses_627829-4512.jpg",
alt: "Stylish indian man",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg", alt: "Smiling girl" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", alt: "Beautiful woman" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg", alt: "Portrait of smiling woman" },
{ src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg", alt: "Smiling brunette girl" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-indian-man-model-pose-street-sunglasses_627829-4512.jpg", alt: "Stylish indian man" }
]}
avatarText="超過 500 位滿意顧客"
marqueeItems={[
{
type: "text",
text: "縮毛矯正",
},
{
type: "text",
text: "鍍膜護髮",
},
{
type: "text",
text: "男士潮流燙",
},
{
type: "text",
text: "專業造型設計",
},
{
type: "text",
text: "質感美髮體驗",
},
{ type: "text", text: "縮毛矯正" },
{ type: "text", text: "鍍膜護髮" },
{ type: "text", text: "男士潮流燙" },
{ type: "text", text: "專業造型設計" },
{ type: "text", text: "質感美髮體驗" }
]}
/>
</div>
@@ -161,30 +88,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "縮毛矯正",
descriptions: [
"改善毛躁，打造絲滑質感",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182536.jpg",
},
{
id: "s2",
title: "鍍膜微整護髮",
descriptions: [
"深層修護，賦予秀髮光澤",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230925.jpg",
},
{
id: "s3",
title: "男士潮流燙髮",
descriptions: [
"個性化燙髮，展現男性氣質",
],
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058813.jpg",
},
{ id: "s1", title: "縮毛矯正", descriptions: ["改善毛躁，打造絲滑質感"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182536.jpg" },
{ id: "s2", title: "鍍膜微整護髮", descriptions: ["深層修護，賦予秀髮光澤"], imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230925.jpg" },
{ id: "s3", title: "男士潮流燙髮", descriptions: ["個性化燙髮，展現男性氣質"], imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058813.jpg" }
]}
title="精選服務項目"
description="量身打造最適合您的髮型方案"
@@ -198,48 +104,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "專業修護洗髮精",
price: "$600",
variant: "容量：500ml",
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-wooden-background_1150-28106.jpg",
},
{
id: "p2",
name: "強效護髮乳",
price: "$800",
variant: "容量：300ml",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg",
},
{
id: "p3",
name: "清爽造型噴霧",
price: "$450",
variant: "容量：200ml",
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-tools-with-plant_23-2148108822.jpg",
},
{
id: "p4",
name: "滋養髮油",
price: "$750",
variant: "容量：100ml",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238279.jpg",
},
{
id: "p5",
name: "深層護理髮膜",
price: "$900",
variant: "容量：350ml",
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232238.jpg",
},
{
id: "p6",
name: "保濕柔順髮乳",
price: "$500",
variant: "容量：250ml",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-care-product_23-2151918421.jpg",
},
{ id: "p1", name: "專業修護洗髮精", price: "$600", variant: "容量：500ml", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-wooden-background_1150-28106.jpg" },
{ id: "p2", name: "強效護髮乳", price: "$800", variant: "容量：300ml", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg" },
{ id: "p3", name: "清爽造型噴霧", price: "$450", variant: "容量：200ml", imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-tools-with-plant_23-2148108822.jpg" },
{ id: "p4", name: "滋養髮油", price: "$750", variant: "容量：100ml", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238279.jpg" },
{ id: "p5", name: "深層護理髮膜", price: "$900", variant: "容量：350ml", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232238.jpg" },
{ id: "p6", name: "保濕柔順髮乳", price: "$500", variant: "容量：250ml", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-care-product_23-2151918421.jpg" }
]}
title="熱銷產品"
description="店內嚴選護髮與造型產品"
@@ -252,55 +122,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "plan1",
badge: "精選",
price: "$1200",
subtitle: "基礎剪染組合",
features: [
"專業修剪",
"洗髮造型",
],
buttons: [
{
text: "預約",
href: "#contact",
},
],
},
{
id: "plan2",
badge: "推薦",
price: "$2500",
subtitle: "縮毛矯正服務",
features: [
"縮毛矯正",
"深層護髮",
],
buttons: [
{
text: "預約",
href: "#contact",
},
],
},
{
id: "plan3",
badge: "熱門",
price: "$3000",
subtitle: "燙髮全套組合",
features: [
"潮流燙髮",
"剪髮服務",
"精華護髮",
],
buttons: [
{
text: "預約",
href: "#contact",
},
],
},
{ id: "plan1", badge: "精選", price: "$1200", subtitle: "基礎剪染組合", features: ["專業修剪", "洗髮造型"], buttons: [{ text: "預約", href: "#contact" }] },
{ id: "plan2", badge: "推薦", price: "$2500", subtitle: "縮毛矯正服務", features: ["縮毛矯正", "深層護髮"], buttons: [{ text: "預約", href: "#contact" }] },
{ id: "plan3", badge: "熱門", price: "$3000", subtitle: "燙髮全套組合", features: ["潮流燙髮", "剪髮服務", "精華護髮"], buttons: [{ text: "預約", href: "#contact" }] }
]}
title="服務定價"
description="透明公開的價格與高品質服務"
@@ -312,46 +136,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "超級自然",
quote: "縮毛矯正很自然，頭髮也不會僵硬！",
name: "小美",
role: "行政人員",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg?_wi=2",
},
{
id: "t2",
title: "技術精湛",
quote: "設計師非常有審美，燙出來很帥！",
name: "阿豪",
role: "工程師",
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6126.jpg?_wi=2",
},
{
id: "t3",
title: "舒適享受",
quote: "環境舒適，鍍膜護髮效果超讚。",
name: "Jenny",
role: "設計師",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg?_wi=2",
},
{
id: "t4",
title: "中壢首選",
quote: "剪髮技術一流，以後都指定這間！",
name: "林小姐",
role: "會計",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg?_wi=2",
},
{
id: "t5",
title: "服務親切",
quote: "溝通很用心，給的建議都非常實用。",
name: "Kevin",
role: "學生",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg?_wi=2",
},
{ id: "t1", title: "超級自然", quote: "縮毛矯正很自然，頭髮也不會僵硬！", name: "小美", role: "行政人員", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg" },
{ id: "t2", title: "技術精湛", quote: "設計師非常有審美，燙出來很帥！", name: "阿豪", role: "工程師", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6126.jpg" },
{ id: "t3", title: "舒適享受", quote: "環境舒適，鍍膜護髮效果超讚。", name: "Jenny", role: "設計師", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg" },
{ id: "t4", title: "中壢首選", quote: "剪髮技術一流，以後都指定這間！", name: "林小姐", role: "會計", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg" },
{ id: "t5", title: "服務親切", quote: "溝通很用心，給的建議都非常實用。", name: "Kevin", role: "學生", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" }
]}
title="顧客好評"
description="感謝每一位顧客對我們的信賴與支持"
@@ -363,21 +152,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "需要提前預約嗎？",
content: "建議提前預約，以免現場等待過久。",
},
{
id: "f2",
title: "公休日是什麼時候？",
content: "公休日請詳見我們的最新相片更新。",
},
{
id: "f3",
title: "有提供刷卡服務嗎？",
content: "目前僅支援現金支付，請見諒。",
},
{ id: "f1", title: "需要提前預約嗎？", content: "建議提前預約，以免現場等待過久。" },
{ id: "f2", title: "公休日是什麼時候？", content: "公休日請詳見我們的最新相片更新。" },
{ id: "f3", title: "有提供刷卡服務嗎？", content: "目前僅支援現金支付，請見諒。" }
]}
title="常見問題"
description="讓您更了解我們的服務細節"
@@ -391,24 +168,10 @@ export default function LandingPage() {
title="立即預約"
description="留下您的聯絡資訊，我們將儘快為您安排時間"
inputs={[
{
name: "name",
type: "text",
placeholder: "姓名",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "聯絡電話",
required: true,
},
{ name: "name", type: "text", placeholder: "姓名", required: true },
{ name: "phone", type: "tel", placeholder: "聯絡電話", required: true }
]}
textarea={{
name: "message",
placeholder: "請輸入預約需求，例如：縮毛矯正/燙髮/剪髮",
rows: 3,
}}
textarea={{ name: "message", placeholder: "請輸入預約需求，例如：縮毛矯正/燙髮/剪髮", rows: 3 }}
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229746.jpg"
/>
</div>
@@ -416,14 +179,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="一禾快剪"
leftLink={{
text: "服務條款",
href: "#",
}}
rightLink={{
text: "隱私權政策",
href: "#",
}}
leftLink={{ text: "服務條款", href: "#" }}
rightLink={{ text: "隱私權政策", href: "#" }}
/>
</div>
</ReactLenis>