Thêm 1 section này

index.html

@@ -120,8 +120,62 @@
                 </div>
             </div>
         </section>
+        <!-- Wedding Party -->
+        <section id="wedding-party" class="py-20 bg-white">
+            <div class="max-w-6xl mx-auto px-4">
+                <div class="text-center mb-16">
+                    <h2 class="text-3xl md:text-4xl font-serif mb-4">Wedding Party</h2>
+                    <div class="w-24 h-1 bg-gray-300 mx-auto"></div>
+                </div>
+
+                <div class="grid md:grid-cols-2 gap-12">
+                    <!-- Bride's Side -->
+                    <div>
+                        <h3 class="text-2xl font-serif text-center mb-8">Bride's Side</h3>
+                        <div class="grid grid-cols-2 gap-6">
+                            <div class="text-center">
+                                <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden shadow-lg">
+                                    <img src="https://static.photos/people/320x240/10" alt="Maid of Honor" class="w-full h-full object-cover">
+                                </div>
+                                <h4 class="font-serif text-xl">Emily Wilson</h4>
+                                <p class="text-gray-600">Maid of Honor</p>
+                            </div>
+                            <div class="text-center">
+                                <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden shadow-lg">
+                                    <img src="https://static.photos/people/320x240/11" alt="Bridesmaid" class="w-full h-full object-cover">
+                                </div>
+                                <h4 class="font-serif text-xl">Sophia Chen</h4>
+                                <p class="text-gray-600">Bridesmaid</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Groom's Side -->
+                    <div>
+                        <h3 class="text-2xl font-serif text-center mb-8">Groom's Side</h3>
+                        <div class="grid grid-cols-2 gap-6">
+                            <div class="text-center">
+                                <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden shadow-lg">
+                                    <img src="https://static.photos/people/320x240/12" alt="Best Man" class="w-full h-full object-cover">
+                                </div>
+                                <h4 class="font-serif text-xl">Michael Brown</h4>
+                                <p class="text-gray-600">Best Man</p>
+                            </div>
+                            <div class="text-center">
+                                <div class="w-32 h-32 mx-auto mb-4 rounded-full overflow-hidden shadow-lg">
+                                    <img src="https://static.photos/people/320x240/13" alt="Groomsman" class="w-full h-full object-cover">
+                                </div>
+                                <h4 class="font-serif text-xl">David Lee</h4>
+                                <p class="text-gray-600">Groomsman</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- Gift QR -->
-        <section id="gift" class="py-20">
+<section id="gift" class="py-20">
             <div class="max-w-2xl mx-auto px-4 text-center">
                 <div class="text-center mb-12">
                     <h2 class="text-3xl md:text-4xl font-serif mb-4">Wedding Gift</h2>

style.css

@@ -132,6 +132,28 @@ img:hover {
     transform: rotateY(10deg) rotateX(5deg) translateZ(10px);
     filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
 }
+/* Wedding Party section */
+#wedding-party .grid > div {
+    background: rgba(255,255,255,0.9);
+    border-radius: 1rem;
+    padding: 2rem;
+    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
+    transition: transform 0.3s ease;
+}
+
+#wedding-party .grid > div:hover {
+    transform: translateY(-5px);
+}
+
+#wedding-party img {
+    transition: transform 0.3s ease, filter 0.3s ease;
+}
+
+#wedding-party img:hover {
+    transform: scale(1.05);
+    filter: brightness(1.05);
+}
+
 /* QR Code section */
 #gift {
     background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);