43 lines
1.4 KiB
Vue
43 lines
1.4 KiB
Vue
<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>
|