From a28b2ee6479ce0b272662fd9ff0f5cfef3be216b Mon Sep 17 00:00:00 2001
From: viven-14 <viven.hotwani@gmail.com>
Date: Fri, 31 Oct 2025 03:59:29 +0530
Subject: [PATCH] Add featured trips to the travel home page

---
 index.html | 90 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 89 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b6d2fb7..b122e91 100644
--- a/index.html
+++ b/index.html
@@ -56,5 +56,93 @@ <h4>Travelling moment</h4>
         </div>
       </div>
     </div>
+
+    <!-- 🌍 FEATURED TRIPS SECTION ADDED -->
+    <section class="featured">
+      <h2 style="text-align:center; color:white; margin-top:3rem;">
+        ✈️ Featured Trips
+      </h2>
+      <div
+        style="
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: center;
+          gap: 2rem;
+          margin: 3rem auto;
+          max-width: 1000px;
+          padding: 0 1rem;
+        "
+      >
+        <div
+          style="
+            background-color: rgba(255, 255, 255, 0.1);
+            padding: 1rem;
+            border-radius: 10px;
+            max-width: 300px;
+            text-align: center;
+            transition: 0.3s;
+          "
+          onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0 0 15px #df42f7';"
+          onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none';"
+        >
+          <img
+            src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e"
+            alt="Maldives"
+            style="width:100%; border-radius:10px; height:180px; object-fit:cover;"
+          />
+          <h3 style="color:#df42f7; margin:1rem 0 0.5rem;">Maldives</h3>
+          <p style="color:white;">
+            Experience luxury water villas and turquoise beaches like never before.
+          </p>
+        </div>
+
+        <div
+          style="
+            background-color: rgba(255, 255, 255, 0.1);
+            padding: 1rem;
+            border-radius: 10px;
+            max-width: 300px;
+            text-align: center;
+            transition: 0.3s;
+          "
+          onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0 0 15px #df42f7';"
+          onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none';"
+        >
+          <img
+            src="https://images.unsplash.com/photo-1505761671935-60b3a7427bad"
+            alt="Paris"
+            style="width:100%; border-radius:10px; height:180px; object-fit:cover;"
+          />
+          <h3 style="color:#df42f7; margin:1rem 0 0.5rem;">Paris</h3>
+          <p style="color:white;">
+            Explore the city of love and lights with unforgettable moments at the Eiffel Tower.
+          </p>
+        </div>
+
+        <div
+          style="
+            background-color: rgba(255, 255, 255, 0.1);
+            padding: 1rem;
+            border-radius: 10px;
+            max-width: 300px;
+            text-align: center;
+            transition: 0.3s;
+          "
+          onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0 0 15px #df42f7';"
+          onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none';"
+        >
+          <img
+            src="https://images.unsplash.com/photo-1505761671935-60b3a7427bad"
+            alt="Switzerland"
+            style="width:100%; border-radius:10px; height:180px; object-fit:cover;"
+          />
+          <h3 style="color:#df42f7; margin:1rem 0 0.5rem;">Switzerland</h3>
+          <p style="color:white;">
+            Enjoy breathtaking mountain views, scenic trains, and charming alpine villages.
+          </p>
+        </div>
+      </div>
+    </section>
+    <!-- END FEATURED TRIPS -->
   </body>
-</html>
\ No newline at end of file
+</html>