From 6327cf4d4749bcb55d24716c0639d20352d81469 Mon Sep 17 00:00:00 2001
From: zguiyang <zhaoguiyang18@outlook.com>
Date: Tue, 17 Mar 2026 15:01:15 +0800
Subject: [PATCH] feat(hire): add payment terms (443) and remove mock labels

- Add payment terms section with 40% upfront, 40% mid-review, 20% completion
- Add payment FAQ entry
- Remove (Mock) labels from collaboration models and FAQ sections
---
 src/lib/data/personal-brand.ts | 10 ++++++++++
 src/pages/hire.astro           | 22 ++++++++++++++++++++--
 src/pages/zh/hire.astro        | 22 ++++++++++++++++++++--
 3 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/lib/data/personal-brand.ts b/src/lib/data/personal-brand.ts
index a157f6a..43f4e3b 100644
--- a/src/lib/data/personal-brand.ts
+++ b/src/lib/data/personal-brand.ts
@@ -382,6 +382,16 @@ export const collaborationProcess: LocalizedText[] = [
 ];
 
 export const collaborationFaq: QAItem[] = [
+  {
+    question: {
+      en: 'Payment terms?',
+      zh: '付款方式？',
+    },
+    answer: {
+      en: '40% upfront, 40% at mid-point review, 20% upon completion.',
+      zh: '40% 预付款，40% 中期验收，20% 尾款。',
+    },
+  },
   {
     question: {
       en: 'Do you only do project-based work?',
diff --git a/src/pages/hire.astro b/src/pages/hire.astro
index 722d177..ab78f06 100644
--- a/src/pages/hire.astro
+++ b/src/pages/hire.astro
@@ -32,7 +32,7 @@ const isZh = lang === 'zh';
       </section>
 
       <section class="page-content-main mt-10">
-        <h2 class="text-2xl font-bold tracking-tight">{isZh ? '合作模型（Mock）' : 'Collaboration Models (Mock)'}</h2>
+        <h2 class="text-2xl font-bold tracking-tight">{isZh ? '合作模型' : 'Collaboration Models'}</h2>
         <div class="mt-4 grid gap-4 md:grid-cols-3">
           {collaborationModels.map((model) => (
             <article class="page-surface p-5">
@@ -69,7 +69,25 @@ const isZh = lang === 'zh';
       </section>
 
       <section class="page-content-main mt-6 page-surface p-6">
-        <h2 class="text-xl font-bold">{isZh ? '常见问题（Mock）' : 'FAQ (Mock)'}</h2>
+        <h2 class="text-xl font-bold">{isZh ? '付款方式' : 'Payment Terms'}</h2>
+        <div class="mt-4 flex flex-wrap gap-3">
+          <div class="flex-1 min-w-[120px] rounded-lg border border-border/70 p-4 text-center">
+            <p class="text-2xl font-bold text-primary">40%</p>
+            <p class="text-sm text-muted-foreground">{isZh ? '预付款' : 'Upfront'}</p>
+          </div>
+          <div class="flex-1 min-w-[120px] rounded-lg border border-border/70 p-4 text-center">
+            <p class="text-2xl font-bold text-primary">40%</p>
+            <p class="text-sm text-muted-foreground">{isZh ? '中期验收' : 'Mid Review'}</p>
+          </div>
+          <div class="flex-1 min-w-[120px] rounded-lg border border-border/70 p-4 text-center">
+            <p class="text-2xl font-bold text-primary">20%</p>
+            <p class="text-sm text-muted-foreground">{isZh ? '尾款' : 'Completion'}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="page-content-main mt-6 page-surface p-6">
+        <h2 class="text-xl font-bold">{isZh ? '常见问题' : 'FAQ'}</h2>
         <div class="mt-4 space-y-4">
           {collaborationFaq.map((item) => (
             <div class="rounded-md border border-border/70 p-4">
diff --git a/src/pages/zh/hire.astro b/src/pages/zh/hire.astro
index 722d177..ab78f06 100644
--- a/src/pages/zh/hire.astro
+++ b/src/pages/zh/hire.astro
@@ -32,7 +32,7 @@ const isZh = lang === 'zh';
       </section>
 
       <section class="page-content-main mt-10">
-        <h2 class="text-2xl font-bold tracking-tight">{isZh ? '合作模型（Mock）' : 'Collaboration Models (Mock)'}</h2>
+        <h2 class="text-2xl font-bold tracking-tight">{isZh ? '合作模型' : 'Collaboration Models'}</h2>
         <div class="mt-4 grid gap-4 md:grid-cols-3">
           {collaborationModels.map((model) => (
             <article class="page-surface p-5">
@@ -69,7 +69,25 @@ const isZh = lang === 'zh';
       </section>
 
       <section class="page-content-main mt-6 page-surface p-6">
-        <h2 class="text-xl font-bold">{isZh ? '常见问题（Mock）' : 'FAQ (Mock)'}</h2>
+        <h2 class="text-xl font-bold">{isZh ? '付款方式' : 'Payment Terms'}</h2>
+        <div class="mt-4 flex flex-wrap gap-3">
+          <div class="flex-1 min-w-[120px] rounded-lg border border-border/70 p-4 text-center">
+            <p class="text-2xl font-bold text-primary">40%</p>
+            <p class="text-sm text-muted-foreground">{isZh ? '预付款' : 'Upfront'}</p>
+          </div>
+          <div class="flex-1 min-w-[120px] rounded-lg border border-border/70 p-4 text-center">
+            <p class="text-2xl font-bold text-primary">40%</p>
+            <p class="text-sm text-muted-foreground">{isZh ? '中期验收' : 'Mid Review'}</p>
+          </div>
+          <div class="flex-1 min-w-[120px] rounded-lg border border-border/70 p-4 text-center">
+            <p class="text-2xl font-bold text-primary">20%</p>
+            <p class="text-sm text-muted-foreground">{isZh ? '尾款' : 'Completion'}</p>
+          </div>
+        </div>
+      </section>
+
+      <section class="page-content-main mt-6 page-surface p-6">
+        <h2 class="text-xl font-bold">{isZh ? '常见问题' : 'FAQ'}</h2>
         <div class="mt-4 space-y-4">
           {collaborationFaq.map((item) => (
             <div class="rounded-md border border-border/70 p-4">