---
/**
 * CompanyStory - Company story section for Teams page
 * Pixel-perfect implementation based on Webflow design
 */
interface Props {
  title?: string;
  subtitle?: string;
  content?: string;
}

const {
  title = "恩群數位的故事",
  subtitle = "Something About Enchun Digital",
  content = "恩群數位是由一群年輕果斷、敢冒險的年輕人聚在一起，共同為台灣在地經營努力不懈的商家老闆們建立品牌的知名度。而商家的經營本身就不是一件容易的事情，早在恩群成立之前，我們便一直聚焦在與不同行業的老闆們建立起信賴可靠的關係，從一家又一家的合作關係當中，聚集了在行銷領域裡的頂尖好手，培育了許多優秀行銷顧問。讓每個辛苦經營的商家老闆可以獲得最佳的服務，讓每次的行銷需求可以透過有效的互動與聆聽，達到彼此心目中的預期目標。數字的確會說話，但是每一個有溫度的服務才是在恩群裡最重視的地方。",
} = Astro.props;
import SectionHeader from "../components/SectionHeader.astro";
---

<section
  class="section-story py-20 md:py-[60px] md:px-4 max-md:py-10 max-md:px-4 text-center bg-white"
  aria-labelledby="story-heading"
>
  <div class="container w-container max-w-4xl mx-auto">
    <!-- Section Header -->
    <SectionHeader
      title="恩群數位的故事"
      subtitle="Something About Enchun Digital"
      sectionBg="bg-white"
    />

    <!-- Story Content -->
    <p
      class="story-paragraph max-w-3xl mx-auto text-base md:text-lg font-thin leading-[1.8] max-md:leading-[1.7] text-(--color-text-secondary)/80 font-[Noto_Sans_TC,sans-serif]"
    >
      {content}
    </p>
  </div>
</section>
