<template>
  <section class="w-full bg-inkreach-homepage-1 flex flex-col items-center gap-6 lg:gap-10 p-6 lg:p-10 relative overflow-hidden">
    <img
      src="/水洗T恤.png"
      alt=""
      class="hidden lg:block absolute left-[10%] top-2/6 -translate-y-1/2"
    />
    <img
      src="/帆布袋.png"
      alt=""
      class="hidden lg:block absolute right-[10%] top-1/4 -translate-y-2/3"
    />

    <div class="flex flex-col lg:flex-row gap-2 lg:gap-4 text-3xl md:text-5xl lg:text-7xl font-extrabold text-center mt-4 lg:mt-0">
      <div>一站定制</div>
      <div>货通全球</div>
    </div>

    <p class="text-xl md:text-2xl lg:text-4xl text-center">从定制设计至生产发货如此简单</p>

    <div class="flex gap-3 text-base lg:text-xl">
      <div>0库存</div>
      <div>0关税</div>
      <div>1件起订</div>
    </div>

    <div class="relative">
      <button
        class="text-lg lg:text-xl text-white px-10 lg:px-14 py-3 lg:py-4 rounded-lg hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 pulse-animation bg-primary relative z-10"
      >
        免费试用
      </button>
      <img
        src="/鸭舌帽.png"
        alt=""
        class="hidden lg:block absolute left-full -ml-9 top-1/2 -translate-y-1/2"
      />
    </div>

    <img src="/主视觉.png" class="w-full max-w-5xl" />
  </section>
</template>
