<template>
  <section class="py-16 flex flex-col lg:flex-row items-center">
    <div class="lg:w-1/2">
      <h2 class="text-6xl font-bold leading-tight">
        <span class="text-primary">Beefast</span><br />
        delivery at<br />
        your doorstep
      </h2>
      <p class="mt-6 text-gray-600 text-lg">
        您的快递，一键下单，立刻送达！
      </p>
      <div class="mt-8">
        <div class="flex items-center space-x-4">
          <div class="bg-white p-4 rounded-lg shadow-md border-2 border-primary">
            <img src="../assets/images/qrcode.jpg" alt="小程序二维码" class="w-32 h-32">
          </div>
          <div class="text-gray-600">
            <p class="text-lg font-semibold text-primary">扫码使用小程序</p>
            <p class="text-sm mt-1">快速下单，方便快捷</p>
          </div>
        </div>
      </div>
    </div>
    <div class="lg:w-1/2 mt-12 lg:mt-0 relative">
      <img src="../assets/images/delivery-guy.png" alt="配送员" class="w-full rounded-lg relative z-0" />
    </div>
  </section>
</template>

<script setup>
</script> 