From efd42a0421016e4c411430b141260b8c71f6ce05 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 11:13:57 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad4bc20..584e813 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
-- 
2.49.1