@extends('layouts.membership')

@section('title', 'Donations - The LaLiT Loyalty')

@section('content')
  <div class="container">
    <h2 class="section-title mb-5 mt-3 text-center">Rewards</h2>

    <div class="row g-4">
      <div class="col-lg-3 col-md-6">
        <div class="benefit-card">
          <div class="image-wrapper mb-3">
            <img src="/storage/rewards/featured/YN6ZlVuq81SVtEwgGEmT3b0jrTJvmX6ab3yUlUgr.jpg" alt="ACCOMMODATION"
              class="img-fluid">
          </div>
          <div class="border-anima"></div>
          <h6><a class="text-decoration-none text-dark fw-bold"
              href="https://loyalitylalit.mwsserver.co.in/rewards/accommodation">ACCOMMODATION</a></h6>
          <p>Experience unparalleled comfort in our meticulously designed suites and rooms with breathtaking views.</p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="benefit-card">
          <div class="image-wrapper mb-3">
            <img src="/storage/rewards/featured/WqMWrxldvyvnehPozISHEiccJTOwo76hxfRpxYtO.jpg" alt="DINING"
              class="img-fluid">
          </div>
          <div class="border-anima"></div>
          <h6><a class="text-decoration-none text-dark fw-bold"
              href="https://loyalitylalit.mwsserver.co.in/rewards/dining">DINING</a></h6>
          <p>Savour exceptional culinary experiences crafted by renowned chefs at our award-winning restaurants.</p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="benefit-card">
          <div class="image-wrapper mb-3">
            <img src="/storage/rewards/featured/USJcT4MgXoLhCdGffGTEmIdOfcWAD01LXDlWpyEj.jpg" alt="WELLNESS"
              class="img-fluid">
          </div>
          <div class="border-anima"></div>
          <h6><a class="text-decoration-none text-dark fw-bold"
              href="https://loyalitylalit.mwsserver.co.in/rewards/wellness">WELLNESS</a></h6>
          <p>Rejuvenate your mind and body with our comprehensive wellness treatments and spa facilities.</p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="benefit-card">
          <div class="image-wrapper mb-3">
            <img src="/storage/rewards/featured/Wg32MRBQfCpyFBEXSTU57knB2ViO186t37hSIaiJ.jpg" alt="RECREATION"
              class="img-fluid">
          </div>
          <div class="border-anima"></div>
          <h6><a class="text-decoration-none text-dark fw-bold"
              href="https://loyalitylalit.mwsserver.co.in/rewards/recreation">RECREATION</a></h6>
          <p>Enjoy premium recreational facilities including private beach access and personalized experiences.</p>
        </div>
      </div>
    </div>
  </div>
@endsection