diff --git a/src/assets/images/qrcode.jpg b/src/assets/images/qrcode.jpg
new file mode 100644
index 0000000..25e5556
Binary files /dev/null and b/src/assets/images/qrcode.jpg differ
diff --git a/src/components/Hero.vue b/src/components/Hero.vue
index 54b20fc..2026684 100644
--- a/src/components/Hero.vue
+++ b/src/components/Hero.vue
@@ -10,12 +10,15 @@
         您的快递，我帮你取，一键下单，立刻送达！
       </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 class="flex items-center space-x-4">
+          <div class="bg-white p-4 rounded-lg shadow-md">
+            <img src="../assets/images/qrcode.jpg" alt="小程序二维码" class="w-32 h-32">
+          </div>
+          <div class="text-gray-600">
+            <p class="text-lg font-semibold">扫码使用小程序</p>
+            <p class="text-sm mt-1">快速下单，方便快捷</p>
+          </div>
+        </div>
       </div>
     </div>
     <div class="lg:w-1/2 mt-12 lg:mt-0 relative">