Add client hotels page

resources/views/client/hotels.blade.php

@@ -0,0 +1,50 @@
+<x-layout-page title="Our Hotels">
+  <div class="container lg:max-w-4xl mx-auto px-3 py-10 md:py-12">
+    <p>At Hotel Hamlet, we take pride in curating experiences that leave a lasting impression. Each of our locations is designed with your comfort and enjoyment in mind. No matter which Hotel Hamlet you choose, rest assured that a world of hospitality and adventure awaits you. Explore the charm of each destination within the Hotel Hamlet family:</p>
+
+    <h2 class="text-2xl font-bold mt-10 mb-2">Hotel Hamlet City</h2>
+    <div class="flex flex-col md:flex-row gap-6 items-center md:items-start">
+      <img src="/img/hotels/city-3.jpg" alt="Hotel Hamlet City" class="w-full max-w-xs md:max-w-none md:w-1/3 aspect-[4/3] object-cover">
+      <div>
+        <p>Nestled in the heart of bustling cities, Hotel Hamlet City offers a perfect blend of convenience and comfort. Immerse yourself in the vibrant energy of the urban landscape while enjoying our signature hospitality. With easy access to landmarks, cultural attractions, and entertainment hubs, Hotel Hamlet City is the ideal choice for those seeking an urban retreat.</p>
+        <a href="/hotels/city" class="block mt-1 text-cyan-500 hover:text-cyan-400 underline">Learn more &rarr;</a>
+      </div>
+    </div>
+
+    <h2 class="text-2xl font-bold mt-10 mb-2">Hotel Hamlet Beachside</h2>
+    <div class="flex flex-col md:flex-row gap-6 items-center md:items-start">
+      <img src="/img/hotels/beach-1.jpg" alt="Hotel Hamlet Beachside" class="w-full max-w-xs md:max-w-none md:w-1/3 aspect-[4/3] object-cover">
+      <div>
+        <p>Picture-perfect sunsets and the soothing sound of waves await you at Hotel Hamlet Beachside. Located along the pristine shores, this oasis is designed for those who crave a tranquil escape. Revel in the luxury of beachfront living, with spacious accommodations and breathtaking views. Hotel Hamlet Beachside is the ultimate destination for a rejuvenating seaside getaway.</p>
+        <a href="/hotels/beachside" class="block mt-1 text-cyan-500 hover:text-cyan-400 underline">Learn more &rarr;</a>
+      </div>
+    </div>
+
+    <h2 class="text-2xl font-bold mt-10 mb-2">Hotel Hamlet Ski Resort</h2>
+    <div class="flex flex-col md:flex-row gap-6 items-center md:items-start">
+      <img src="/img/hotels/ski-5.jpg" alt="Hotel Hamlet Ski Resort" class="w-full max-w-xs md:max-w-none md:w-1/3 aspect-[4/3] object-cover">
+      <div>
+        <p>Embrace the magic of winter wonderlands at Hotel Hamlet Ski Resort. Nestled in the snow-capped mountains, this location offers an idyllic retreat for snow enthusiasts. Whether you're an avid skier or simply seeking a cozy winter retreat, our Ski Resort promises a blend of adventure and relaxation. Warm up by the fireplace and savor the beauty of snow-covered landscapes.</p>
+        <a href="/hotels/ski" class="block mt-1 text-cyan-500 hover:text-cyan-400 underline">Learn more &rarr;</a>
+      </div>
+    </div>
+
+    <h2 class="text-2xl font-bold mt-10 mb-2">Hotel Hamlet Campgrounds</h2>
+    <div class="flex flex-col md:flex-row gap-6 items-center md:items-start">
+      <img src="/img/hotels/camp-1.jpg" alt="Hotel Hamlet Campgrounds" class="w-full max-w-xs md:max-w-none md:w-1/3 aspect-[4/3] object-cover">
+      <div>
+        <p>For nature enthusiasts and adventure seekers, Hotel Hamlet Campgrounds provides a unique opportunity to connect with the great outdoors. Experience the thrill of camping without compromising on comfort. Our Campgrounds offer a range of outdoor activities, from hiking to stargazing, ensuring an immersive nature retreat. Unplug and unwind amidst the beauty of the natural world.</p>
+        <a href="/hotels/campgrounds" class="block mt-1 text-cyan-500 hover:text-cyan-400 underline">Learn more &rarr;</a>
+      </div>
+    </div>
+
+    <h2 class="text-2xl font-bold mt-10 mb-2">Hotel Hamlet Airport Express</h2>
+    <div class="flex flex-col md:flex-row gap-6 items-center md:items-start">
+      <img src="/img/hotels/airport-5.jpg" alt="Hotel Hamlet Airport Express" class="w-full max-w-xs md:max-w-none md:w-1/3 aspect-[4/3] object-cover">
+      <div>
+        <p>Catering to the needs of busy travelers, Hotel Hamlet Airport Express is strategically located for seamless transit. Whether you're on a layover or in need of a convenient stay near the airport, our express location provides a perfect balance of comfort and efficiency. Experience a hassle-free stay without compromising on the warm hospitality that defines Hotel Hamlet.</p>
+        <a href="/hotels/airport" class="block mt-1 text-cyan-500 hover:text-cyan-400 underline">Learn more &rarr;</a>
+      </div>
+    </div>
+  </div>
+</x-layout-page>

routes/web.php

@@ -42,3 +42,4 @@
 });
 
 Route::view('/about', 'client.about');
+Route::view('/hotels', 'client.hotels');