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.
This commit is contained in:
@@ -42,8 +42,8 @@ try {
|
||||
const currentYear = new Date().getFullYear();
|
||||
---
|
||||
|
||||
<footer class="bg-[var(--color-tropical-blue)] py-10 mt-auto relative">
|
||||
<div class="max-w-5xl mx-auto px-4">
|
||||
<footer class="bg-[var(--color-tropical-blue)] pt-10 mt-auto relative">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 mb-16">
|
||||
<div class="col-span-2">
|
||||
<Image
|
||||
@@ -56,7 +56,7 @@ const currentYear = new Date().getFullYear();
|
||||
decoding="async"
|
||||
/>
|
||||
<p
|
||||
class="text-[var(--color-st-tropaz)] text-sm font-light leading-relaxed"
|
||||
class="text-[var(--color-st-tropaz)] text-sm pr-8 font-light leading-relaxed"
|
||||
>
|
||||
恩群數位累積多年廣告行銷操作經驗，擁有全方位行銷人才，讓我們可以為客戶精準的規劃每一分廣告預算，讓你的品牌深入人心。更重要的是恩群的存在，為了成為每家公司最佳數位夥伴，作為彼此最堅強的後盾，你會知道有我們的陪伴
|
||||
你並不孤單。
|
||||
@@ -72,7 +72,7 @@ const currentYear = new Date().getFullYear();
|
||||
href="https://www.facebook.com/EnChun-Taiwan-100979265112420"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="flex items-center mb-2"
|
||||
class="flex items-center mb-2 no-underline hover:underline transition-colors"
|
||||
>
|
||||
<Image
|
||||
src="/fb-icon.svg"
|
||||
@@ -84,12 +84,12 @@ const currentYear = new Date().getFullYear();
|
||||
decoding="async"
|
||||
/>
|
||||
</a>
|
||||
<p class="text-[var(--color-st-tropaz)] mb-2">
|
||||
<p class="text-sm text-[var(--color-st-tropaz)] mb-2">
|
||||
諮詢電話:<br /> 02 5570 0527
|
||||
</p>
|
||||
<a
|
||||
href="mailto:enchuntaiwan@gmail.com"
|
||||
class="text-primary hover:text-secondary transition-colors"
|
||||
class="text-xs text-primary hover:text-secondary no-underline hover:underline transition-colors"
|
||||
>enchuntaiwan@gmail.com</a
|
||||
>
|
||||
</div>
|
||||
@@ -99,16 +99,28 @@ const currentYear = new Date().getFullYear();
|
||||
>
|
||||
行銷方案
|
||||
</h3>
|
||||
<ul class="space-y-2" id="marketing-solutions">
|
||||
{footerNavItems.length > 0 && footerNavItems[0]?.childNavItems
|
||||
? footerNavItems[0].childNavItems.map((item: any) => (
|
||||
<ul
|
||||
class="text-sm font-thin space-y-2"
|
||||
id="marketing-solutions"
|
||||
>
|
||||
{
|
||||
footerNavItems.length > 0 &&
|
||||
footerNavItems[0]?.childNavItems ? (
|
||||
footerNavItems[0].childNavItems.map((item: any) => (
|
||||
<li>
|
||||
<a
|
||||
href={item.link?.url || "#"}
|
||||
class="text-(--color-st-tropaz) hover:text-(--color-dark-blue) hover:font-light no-underline transition-colors duration-300"
|
||||
>
|
||||
{item.link?.label || "連結"}
|
||||
</a>
|
||||
</li>
|
||||
))
|
||||
) : (
|
||||
<li>
|
||||
<a href={item.link?.url || "#"} class="font-normal text-[var(--color-st-tropaz)] hover:text-[var(--color-dove-gray)] transition-colors">
|
||||
{item.link?.label || "連結"}
|
||||
</a>
|
||||
<span class="text-gray-500">載入中...</span>
|
||||
</li>
|
||||
))
|
||||
: <li><span class="text-gray-500">載入中...</span></li>
|
||||
)
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
@@ -118,40 +130,35 @@ const currentYear = new Date().getFullYear();
|
||||
>
|
||||
行銷放大鏡
|
||||
</h3>
|
||||
<ul class="space-y-2" id="marketing-articles">
|
||||
{categories.length > 0
|
||||
? categories.map((cat: any) => (
|
||||
<ul class="text-sm font-thin space-y-2" id="marketing-articles">
|
||||
{
|
||||
categories.length > 0 ? (
|
||||
categories.map((cat: any) => (
|
||||
<li>
|
||||
<a
|
||||
href={`/blog/category/${cat.slug}`}
|
||||
class="text-(--color-st-tropaz) hover:text-(--color-dark-blue) hover:font-light no-underline transition-colors duration-300"
|
||||
title={cat.nameEn || cat.title}
|
||||
>
|
||||
{cat.title}
|
||||
</a>
|
||||
</li>
|
||||
))
|
||||
) : (
|
||||
<li>
|
||||
<a href={`/blog/category/${cat.slug}`}
|
||||
class="font-normal text-[var(--color-st-tropaz)] hover:text-[var(--color-dove-gray)] transition-colors"
|
||||
title={cat.nameEn || cat.title}>
|
||||
{cat.title}
|
||||
</a>
|
||||
<span class="text-gray-500">暫無分類</span>
|
||||
</li>
|
||||
))
|
||||
: <li><span class="text-gray-500">暫無分類</span></li>
|
||||
)
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="absolute inset-x-0 w-screen bg-[var(--color-amber)] py-3 text-center -left-4"
|
||||
>
|
||||
<p class="text-[var(--color-tarawera)]">
|
||||
copyright © Enchun digital 2018 - {currentYear}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="w-screen bg-[var(--color-amber)] font-['Quicksand'] text-[var(--color-tarawera)] py-2 text-xs text-center"
|
||||
>
|
||||
<p>
|
||||
copyright © Enchun digital 2018 - {currentYear}
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
/* Footer specific styles */
|
||||
footer a {
|
||||
text-decoration: none;
|
||||
transition: color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user