Extract generic UI components

Reduces duplication across marketing pages by converting sections into
reusable components like CtaSection and HeaderBg. Consolidates styling
patterns to improve maintainability and consistency of the user interface.

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

@@ -3,21 +3,37 @@
  * 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'
+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";
+import SectionHeader from "../components/SectionHeader.astro";
+import CtaSection from "@/components/CtaSection.astro";
 
 // Metadata for SEO
-const title = '關於恩群數位 | 專業數位行銷服務團隊'
-const description = '恩群數位行銷成立於2018年，提供全方位數位行銷服務。我們在地化優先、數據驅動，是您最可信赖的數位行銷夥伴。'
+const title = "關於恩群數位 | 專業數位行銷服務團隊";
+const description =
+  "恩群數位行銷成立於2018年，提供全方位數位行銷服務。我們在地化優先、數據驅動，是您最可信赖的數位行銷夥伴。";
 ---
 
 <Layout title={title} description={description}>
   <!-- Hero Section -->
-  <AboutHero />
+  <AboutHero
+    title="關於恩群數位"
+    subtitle="About Enchun digital"
+    backgroundImage={{
+      url: "https://enchun-cms.anlstudio.cc/api/media/file/61f24aa108528b2535942cd4_IMG_9090%201.jpg",
+      alt: "關於恩群數位的背景圖",
+    }}
+  />
 
+  <!-- Section Header -->
+  <SectionHeader
+    title="關於恩群"
+    subtitle="About Enchun"
+    sectionBg="bg-white"
+  />
   <!-- Service Features Section -->
   <FeatureSection />
 
@@ -25,14 +41,5 @@ const description = '恩群數位行銷成立於2018年，提供全方位數位
   <ComparisonSection />
 
   <!-- CTA Section -->
-  <CTASection
-    homeData={{
-      ctaSection: {
-        headline: '準備好開始新的旅程了嗎',
-        description: '讓我們一起為您的品牌打造獨特的數位行銷策略',
-        buttonText: '聯絡我們',
-        buttonLink: '/contact-us',
-      },
-    }}
-  />
+  <CtaSection />
 </Layout>