@extends('frontend.layout')

@section('pageHeading')
  @if (!empty($pageHeading))
    {{ $pageHeading->pricing_page_title }}
  @else
    {{ __('Pricing') }}
  @endif
@endsection

@section('metaKeywords')
  @if (!empty($seoInfo))
    {{ $seoInfo->meta_keyword_pricing }}
  @endif
@endsection

@section('metaDescription')
  @if (!empty($seoInfo))
    {{ $seoInfo->meta_description_pricing }}
  @endif
@endsection

@section('content')
  <!-- Page title start-->
  @includeIf('frontend.partials.breadcrumb', [
      'breadcrumb' => $bgImg->breadcrumb,
      'title' => !empty($pageHeading) ? $pageHeading->pricing_page_title : __('Pricing'),
  ])
  <!-- Page title end-->


  <link rel="stylesheet" href="{{ asset('assets/css/specialoffers.css') }}">

    <section class="pricing-area pricing-area_v1">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title title-center">
                        <h2 class="title mb-20">Special Offers</h2>
                        <h4>Enjoy an unforgettable stay with our exclusive seasonal packages. Book now to take advantage
                            of the following offers:</h4>
                    </div>

                    <div class="tab-content">
                        <div class="tab-pane slide active show" id="monthly">
                            <div class="row justify-content-center">
                                <!-- Weekend Getaway Card -->
                                <div class="col-md-6 col-lg-4 item">
                                    <div class="card offer-card radius-lg">
                                        <div class="offer-badge">SAVE 20%</div>
                                        <div class="card_top">
                                            <div class="card_icon">
                                                <i class="fas fa-umbrella-beach"></i>
                                            </div>
                                            <div class="pricing_card_header d-flex flex-column">
                                                <h3 class="card_title mb-0">Weekend Getaway</h3>
                                                <div class="price-tag">20% OFF</div>
                                            </div>
                                        </div>
                                        <ul class="card_list list-unstyled">
                                            <li>
                                                <span>20% off all rooms for stays Friday through Sunday</span>
                                            </li>
                                            <li>
                                                <span>Complimentary breakfast for two</span>
                                            </li>
                                            <li>
                                                <span>Late checkout until 2 PM</span>
                                            </li>
                                            <li>
                                                <span>Free access to fitness center</span>
                                            </li>
                                        </ul>
                                        <div class="card-footer">
                                            <button class="booking-btn">Book Now</button>
                                        </div>
                                    </div>
                                </div>

                                <!-- GWI Membership Card (Popular) -->
                                <div class="col-md-6 col-lg-4 item">
                                    <div class="card offer-card radius-lg popular-card">
                                        <div class="card_top">
                                            <div class="card_icon">
                                                <i class="fas fa-crown"></i>
                                            </div>
                                            <div class="pricing_card_header d-flex flex-column">
                                                <h3 class="card_title mb-0">GWI Membership</h3>
                                                <div class="price-tag">EXCLUSIVE</div>
                                            </div>
                                        </div>
                                        <ul class="card_list list-unstyled">
                                            <li>
                                                <span>Extraordinary facilities with amazing discounts</span>
                                            </li>
                                            <li>
                                                <span>Complimentary breakfast facility</span>
                                            </li>
                                            <li>
                                                <span>Free parking and valet service</span>
                                            </li>
                                            <li>
                                                <span>Priority room upgrades</span>
                                            </li>
                                            <li>
                                                <span>Exclusive member-only events</span>
                                            </li>
                                        </ul>
                                        <div class="card-footer">
                                            <button class="booking-btn">Join Now</button>
                                        </div>
                                    </div>
                                </div>

                                <!-- Romantic Retreat Card -->
                                <div class="col-md-6 col-lg-4 item">
                                    <div class="card offer-card radius-lg">
                                        <div class="offer-badge">ROMANTIC</div>
                                        <div class="card_top">
                                            <div class="card_icon">
                                                <i class="fas fa-heart"></i>
                                            </div>
                                            <div class="pricing_card_header d-flex flex-column">
                                                <h3 class="card_title mb-0">Romantic Retreat</h3>
                                                <div class="price-tag">SPECIAL</div>
                                            </div>
                                        </div>
                                        <ul class="card_list list-unstyled">
                                            <li>
                                                <span>Luxurious room upgrade upon arrival</span>
                                            </li>
                                            <li>
                                                <span>Private candlelight dinner for two</span>
                                            </li>
                                            <li>
                                                <span>Couples spa services included</span>
                                            </li>
                                            <li>
                                                <span>Champagne and chocolate on arrival</span>
                                            </li>
                                            <li>
                                                <span>Romantic turndown service</span>
                                            </li>
                                        </ul>
                                        <div class="card-footer">
                                            <button class="booking-btn">Book Romantic Package</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- Club Night Package Card -->
                                <div class="col-md-6 col-lg-4 item">
                                    <div class="card offer-card radius-lg">
                                        <div class="offer-badge">VIP CLUB</div>
                                        <div class="card_top">
                                            <div class="card_icon">
                                                <i class="fas fa-glass-cheers"></i>
                                            </div>
                                            <div class="pricing_card_header d-flex flex-column">
                                                <h3 class="card_title mb-0">Premium Club Night</h3>
                                                <div class="price-tag">EXCLUSIVE</div>
                                            </div>
                                        </div>
                                        <ul class="card_list list-unstyled">
                                            <li>
                                                <span>VIP entry with skip-the-line access</span>
                                            </li>
                                            <li>
                                                <span>Premium bottle service included</span>
                                            </li>
                                            <li>
                                                <span>Reserved VIP table for the night</span>
                                            </li>
                                            <li>
                                                <span>Complimentary cocktail tasting</span>
                                            </li>
                                            <li>
                                                <span>Dedicated club host service</span>
                                            </li>
                                            <li>
                                                <span>20% discount on additional bottles</span>
                                            </li>
                                        </ul>
                                        <div class="card-footer">
                                            <button class="booking-btn">Book VIP Experience</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-4 item">
                                    <div class="card offer-card radius-lg">
                                        <div class="offer-badge">LADIES NIGHT</div>
                                        <div class="card_top">
                                            <div class="card_icon">
                                                <i class="fas fa-female"></i>
                                            </div>
                                            <div class="pricing_card_header d-flex flex-column">
                                                <h3 class="card_title mb-0">Ladies Night Special</h3>
                                                <div class="price-tag">FREE ENTRY</div>
                                            </div>
                                        </div>
                                        <ul class="card_list list-unstyled">
                                            <li>
                                                <span>Free entry for ladies every Wednesday</span>
                                            </li>
                                            <li>
                                                <span>Complimentary cocktails until midnight</span>
                                            </li>
                                            <li>
                                                <span>Special ladies-only VIP section</span>
                                            </li>
                                            <li>
                                                <span>Free makeup touch-up station</span>
                                            </li>
                                            <li>
                                                <span>30% off champagne bottles</span>
                                            </li>
                                        </ul>
                                        <div class="card-footer">
                                            <button class="booking-btn">Join Ladies Night</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-4 item">
                                    <div class="card offer-card radius-lg">
                                        <div class="offer-badge">CORPORATE</div>
                                        <div class="card_top">
                                            <div class="card_icon">
                                                <i class="fas fa-briefcase"></i>
                                            </div>
                                            <div class="pricing_card_header d-flex flex-column">
                                                <h3 class="card_title mb-0">Corporate Club Package</h3>
                                                <div class="price-tag">BUSINESS</div>
                                            </div>
                                        </div>
                                        <ul class="card_list list-unstyled">
                                            <li>
                                                <span>Private section for corporate events</span>
                                            </li>
                                            <li>
                                                <span>Customized food & beverage packages</span>
                                            </li>
                                            <li>
                                                <span>Dedicated event coordinator</span>
                                            </li>
                                            <li>
                                                <span>AV equipment and presentation setup</span>
                                            </li>
                                            <li>
                                                <span>Complimentary valet parking</span>
                                            </li>
                                        </ul>
                                        <div class="card-footer">
                                            <button class="booking-btn">Plan Corporate Event</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection