add cloudflare R2 config

This commit is contained in:
2025-10-13 11:37:20 +08:00
parent 8e8ff0bfc7
commit 65c27e3386
13 changed files with 17839 additions and 179 deletions

View File

@@ -1,47 +1,66 @@
---
import Layout from '../layouts/Layout.astro';
import Layout from "../layouts/Layout.astro";
import VideoHero from "../components/videoHero.astro";
---
<Layout>
<!-- Hero Section -->
<section class="bg-gradient-to-r from-primary to-secondary text-white py-20">
<div class="max-w-6xl mx-auto px-4 text-center">
<h1 class="text-4xl md:text-6xl font-bold mb-6">恩群數位行銷</h1>
<p class="text-xl md:text-2xl mb-8">累積多年廣告行銷操作經驗,全方位行銷人才,為您精準規劃每一分廣告預算</p>
<a href="/contact-us" class="bg-white text-primary px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors">聯絡我們</a>
</div>
</section>
<!-- 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>
<!-- 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>
<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>
</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>
<!-- 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>