<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-blue-500">蜂快</span><br />
        delivery at<br />
        your doorstep
      </h2>
      <p class="mt-6 text-gray-600 text-lg">
        您的快递，我帮你取，一键下单，立刻送达！
      </p>
      <div class="mt-8">
        <button class="bg-blue-500 text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-blue-600 transition-colors flex items-center space-x-2">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-11m0 0l-4 4m4-4l4 4m-4-4v11M5 3h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-1.1.9-2 2-2z" />
          </svg>
          <span>下载移动应用</span>
        </button>
      </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> 