pkupuk
2e32d52133
Convert custom CSS styling to Tailwind utility classes across marketing and about pages. Improve responsive layouts in feature grids, service lists, and sliders. Consolidate section headers using the shared SectionHeader component to maintain visual consistency.
35 lines
1.1 KiB
Plaintext
35 lines
1.1 KiB
Plaintext
---
|
|
/**
|
|
* CTA Section Component
|
|
*/
|
|
---
|
|
|
|
<section
|
|
class="py-15 px-5 md:py-20 bg-white text-center mx-auto"
|
|
aria-labelledby="cta-heading"
|
|
>
|
|
<div class="max-w-3xl mx-auto">
|
|
<div class="flex flex-row items-center justify-center gap-10">
|
|
<div class="flex flex-col items-start">
|
|
<h2
|
|
id="cta-heading"
|
|
class="text-xl font-bold text-(--dark-blue) lg:text-3xl"
|
|
>
|
|
準備好開始新的旅程了嗎?
|
|
</h2>
|
|
<p
|
|
class="text-xl font-semibold text-(--dark-blue) mb-4 lg:text-3xl"
|
|
>
|
|
歡迎與我們聯絡
|
|
</p>
|
|
</div>
|
|
<a
|
|
href="http://heyform.anlstudio.cc/form/FdA22OCm"
|
|
class="flex text-xl bg-(--color-notification-red) text-white px-6 py-3 rounded-lg font-semibold transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:bg-(--color-accent-dark)"
|
|
>
|
|
預約諮詢
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|