<script setup lang="ts">
function goToLogin(): void {
  window.location.href = 'https://inkpod.vip/user/login';
}
</script>

<template>
  <section class="cta-section py-10 lg:py-16 px-4 lg:px-6 bg-primary">
    <div class="max-w-4xl mx-auto text-center">
      <h2 class="text-[clamp(1.5rem,4vw,3rem)] font-bold text-white mb-3 lg:mb-4">开始你的POD生意, 现在就行动</h2>
      <p class="text-white text-base lg:text-xl mb-6 lg:mb-8">加入成千上万的成功卖家, 开始你的定制商品生意</p>
      <button
        type="button"
        @click="goToLogin"
        class="bg-white text-primary px-8 lg:px-10 py-3 lg:py-4 rounded-lg text-base lg:text-lg font-bold hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 pulse-animation"
      >
        立即免费使用
        <i class="fa-solid fa-arrow-right ml-2"></i>
      </button>
    </div>
  </section>
</template>

<style scoped>
@media (min-width: 1024px) { .cta-section { height: 338px; padding-top: 72px; } }
</style>
