Integrate CMS with Marketing Solutions page

Links the marketing solutions frontend page to the Payload CMS Pages
collection via the new API library. Removes legacy static portfolio
routes and components to consolidate marketing content. Enhances the
Header and Footer Astro components with improved responsive styling.

apps/frontend/src/sections/TeamsHero.astro

@@ -14,82 +14,11 @@ const {
 } = Astro.props
 ---
 
-<header class="hero-overlay-team">
-  <div class="centered-container w-container">
-    <div class="div-block">
-      <h1 class="hero_title_head-team">{title}</h1>
-      <p class="hero_sub_paragraph-team">{subtitle}</p>
+<header class="bg-[var(--color-dark-blue)] pt-[120px] pb-20 px-5 lg:pt-20 lg:pb-15 md:pt-15 md:pb-10 md:px-4 text-center">
+  <div class="max-w-[1200px] mx-auto">
+    <div class="flex flex-col items-center">
+      <h1 class="text-white font-['Noto_Sans_TC'] font-bold text-[3.39em] lg:text-[2.45em] md:text-[7vw] leading-tight mb-4">{title}</h1>
+      <p class="text-[var(--color-gray-100)] font-['Quicksand','Noto_Sans_TC'] font-normal text-[1.5em] lg:text-[1.15em] md:text-[3.4vw] leading-tight">{subtitle}</p>
     </div>
   </div>
 </header>
-
-<style>
-  /* Teams Hero Styles - Pixel-perfect from Webflow */
-  .hero-overlay-team {
-    background-color: var(--color-dark-blue);
-    padding: 120px 20px 80px;
-    text-align: center;
-  }
-
-  .centered-container {
-    max-width: 1200px;
-    margin: 0 auto;
-  }
-
-  .w-container {
-    max-width: 1200px;
-    margin: 0 auto;
-  }
-
-  .div-block {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .hero_title_head-team {
-    color: #ffffff;
-    font-family: "Noto Sans TC", sans-serif;
-    font-weight: 700;
-    font-size: 3.39em;
-    line-height: 1.2;
-    margin-bottom: 16px;
-  }
-
-  .hero_sub_paragraph-team {
-    color: var(--color-gray-100);
-    font-family: "Quicksand", "Noto Sans TC", sans-serif;
-    font-weight: 400;
-    font-size: 1.5em;
-    line-height: 1.2;
-  }
-
-  /* Responsive Adjustments */
-  @media (max-width: 991px) {
-    .hero-overlay-team {
-      padding: 80px 20px 60px;
-    }
-
-    .hero_title_head-team {
-      font-size: 2.45em;
-    }
-
-    .hero_sub_paragraph-team {
-      font-size: 1.15em;
-    }
-  }
-
-  @media (max-width: 767px) {
-    .hero-overlay-team {
-      padding: 60px 16px 40px;
-    }
-
-    .hero_title_head-team {
-      font-size: 7vw;
-    }
-
-    .hero_sub_paragraph-team {
-      font-size: 3.4vw;
-    }
-  }
-</style>