---
import Layout from "../layouts/Layout.astro";
import VideoHero from "../components/videoHero.astro";
---

<Layout>
    <!-- Hero Section -->
    <VideoHero
        desktopVideo="/video/enchun-hero-background-video.mp4"
        mobileVideo="/video/enchun-hero-background-video.webm"
        logo="/enchun-logo-full.svg"
        header="創造企業更多發展的可能性\n是我們的使命"
        subheader="Its our destiny to create possibilities for your business."
    />

    <!-- Services Section -->
    <section class="py-16 bg-surface">
        <div class="max-w-6xl mx-auto px-4">
            <h2 class="text-3xl font-bold text-center text-text mb-12">
                我們的服務
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="bg-white p-6 rounded-lg shadow-md">
                    <h3 class="text-xl font-semibold text-primary mb-4">
                        Google Ads
                    </h3>
                    <p class="text-text">
                        專業的Google廣告投放服務，幫助您的品牌觸及目標客戶。
                    </p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-md">
                    <h3 class="text-xl font-semibold text-primary mb-4">
                        社群行銷
                    </h3>
                    <p class="text-text">
                        全方位社群媒體經營，從內容策劃到數據分析，一站式服務。
                    </p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-md">
                    <h3 class="text-xl font-semibold text-primary mb-4">
                        網站設計
                    </h3>
                    <p class="text-text">
                        現代化響應式網站設計，提升品牌形象和用戶體驗。
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section class="py-16">
        <div class="max-w-6xl mx-auto px-4 text-center">
            <h2 class="text-3xl font-bold text-text mb-8">關於恩群</h2>
            <p class="text-lg text-text max-w-3xl mx-auto">
                恩群數位行銷團隊擁有豐富的數位行銷經驗，我們相信在地化優先、高投資轉換率、數據優先、關係優於銷售。
                每一個客戶都是我們重視的夥伴，我們珍惜與客戶的合作關係。
            </p>
            <a
                href="/about-enchun"
                class="inline-block mt-6 bg-primary text-white px-6 py-3 rounded-lg font-semibold hover:bg-primary/90 transition-colors"
                >了解更多</a
            >
        </div>
    </section>
</Layout>
