feat(frontend): update pages, components and branding

Refresh Astro frontend implementation including new pages (Portfolio, Teams, Services), components, and styling updates.

apps/frontend/src/pages/about-enchun.astro

@@ -1,31 +1,38 @@
 ---
-import Layout from '../layouts/Layout.astro';
+/**
+ * About Page - 關於恩群數位
+ * 展示公司特色、服務優勢和與其他公司的差異
+ */
+import Layout from '../layouts/Layout.astro'
+import AboutHero from '../sections/AboutHero.astro'
+import FeatureSection from '../sections/FeatureSection.astro'
+import ComparisonSection from '../sections/ComparisonSection.astro'
+import CTASection from '../sections/CTASection.astro'
+
+// Metadata for SEO
+const title = '關於恩群數位 | 專業數位行銷服務團隊'
+const description = '恩群數位行銷成立於2018年，提供全方位數位行銷服務。我們在地化優先、數據驅動，是您最可信赖的數位行銷夥伴。'
 ---
 
-<Layout>
-  <section class="about-section">
-    <div class="container">
-      <h1>關於恩群</h1>
-      <div class="prose prose-custom max-w-none">
-        <p>恩群數位行銷有限公司成立於2018年，專注於數位行銷服務。</p>
-        <p>我們擁有豐富的廣告行銷操作經驗，提供全方位行銷解決方案。</p>
-        <!-- Add more content from HTML -->
-      </div>
-    </div>
-  </section>
+<Layout title={title} description={description}>
+  <!-- Hero Section -->
+  <AboutHero />
+
+  <!-- Service Features Section -->
+  <FeatureSection />
+
+  <!-- Comparison Section -->
+  <ComparisonSection />
+
+  <!-- CTA Section -->
+  <CTASection
+    homeData={{
+      ctaSection: {
+        headline: '準備好開始新的旅程了嗎',
+        description: '讓我們一起為您的品牌打造獨特的數位行銷策略',
+        buttonText: '聯絡我們',
+        buttonLink: '/contact-us',
+      },
+    }}
+  />
 </Layout>
-
-<style>
-  .about-section {
-    padding: 40px 0;
-  }
-  .container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 20px;
-  }
-  h1 {
-    text-align: center;
-    margin-bottom: 30px;
-  }
-</style>