@extends('frontend.layout')

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

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

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

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link rel="stylesheet" href="{{ asset('assets/css/club.css') }}">

  <!-- Listing-area start -->
   
 <!-- GWI Club Section -->
    <section class="club-section">
        <div class="container">
            <!-- Header Section -->
            <div class="club-header">
                <h2 class="club-title">WELCOME TO GWI CLUB</h2>
                <h3 class="club-subtitle">Where Elegance Meets Exclusivity</h3>
                <h4 class="club-tagline glow-text">And Every Night is Legendary ✨</h4>
                <p class="club-intro mx-auto" style="max-width: 800px;color: black;">
                    Step into GWI, a 3-star luxury club where <b style="color: rgba(139, 69, 19, 0.9);">entertainment, dining</b>, and
                    <b style="color: rgba(139, 69, 19, 0.9);">relaxation</b> come together.
                    From lively nightlife and stylish lounges to exclusive VIP areas, we offer the ideal setting for
                    memorable experiences.
                </p>
            </div>

            <!-- First Row: Club Uniqueness -->
            <div class="row g-5 align-items-start mb-5">
                <!-- Left: Image -->
                <div class="col-lg-6 d-flex justify-content-center">
                    <img src="https://hospitality.testpentas.in/assets/img/club.jpg" alt="GWI Club Interior"
                        class=" club-image w-100" style="height: 470px;">
                </div>

                <!-- Right: Scrolling Club Features -->
                <div class="col-lg-6">
                    <div class="scrolling-container">
                        <div class="scrolling-header">
                            <h5 class="mb-0 fw-semibold text-gradient"> GWI CLUB UNIQUENESS</h5>
                        </div>
                        <div class="scrolling-content">
                            <div class="scrolling-items">
                                <!-- First set of club cards -->
                                <div class="row g-3">
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-gem"></i>
                                            </div>
                                            <p class="mb-0"> Luxurious Ambiance</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-wine-glass-alt"></i>
                                            </div>
                                            <p class="mb-0"> Gourmet Dining & Premium Drinks</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-music"></i>
                                            </div>
                                            <p class="mb-0"> Live Entertainment & Events</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-crown"></i>
                                            </div>
                                            <p class="mb-0"> VIP & Private Lounge Areas for Couples</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-lightbulb"></i>
                                            </div>
                                            <p class="mb-0"> State-of-the-Art Sound & Lighting</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-shield-alt"></i>
                                            </div>
                                            <p class="mb-0"> Premium Security & Exclusive Access</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Duplicate set for seamless scrolling -->
                                <div class="row g-3 mt-4">
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-gem"></i>
                                            </div>
                                            <p class="mb-0"> Luxurious Ambiance</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-wine-glass-alt"></i>
                                            </div>
                                            <p class="mb-0"> Gourmet Dining & Premium Drinks</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-music"></i>
                                            </div>
                                            <p class="mb-0"> Live Entertainment & Events</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-crown"></i>
                                            </div>
                                            <p class="mb-0"> VIP & Private Lounge Areas for Couples</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-lightbulb"></i>
                                            </div>
                                            <p class="mb-0"> State-of-the-Art Sound & Lighting</p>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="club-card">
                                            <div class="club-icon">
                                                <i class="fas fa-shield-alt"></i>
                                            </div>
                                            <p class="mb-0"> Premium Security & Exclusive Access</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Third Row: Additional Offers -->
            <div class="row g-5 mt-4">
                <!-- Left: Scrolling Content -->
                <div class="col-lg-6">
                    <div class="scrolling-container" style="margin-bottom: 60px;">
                        <div class="scrolling-header">
                            <h5 class="mb-0 fw-semibold text-gradient">🌟 EXCLUSIVE MEMBERSHIPS</h5>
                        </div>
                        <div class="scrolling-content">
                            <div class="scrolling-items">
                                <!-- First set of membership cards -->
                                <div class="row g-3">
                                    <div class="col-12">
                                        <div class="offer-card">
                                            <h6><b>👑 Platinum Membership</b></h6>
                                            <ul class="mb-0">
                                                <li>Priority access & reservations</li>
                                                <li>Complimentary bottle service monthly</li>
                                                <li>Exclusive member-only events</li>
                                                <li>20% discount on all beverages</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="offer-card">
                                            <h6><b>💎 Gold Membership</b></h6>
                                            <ul class="mb-0">
                                                <li>Guaranteed entry on busy nights</li>
                                                <li>15% discount on food & drinks</li>
                                                <li>Birthday celebration package</li>
                                                <li>Early access to event tickets</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="offer-card">
                                            <h6><b>🎯 Corporate Packages</b></h6>
                                            <ul class="mb-0">
                                                <li>Private event hosting</li>
                                                <li>Customized catering options</li>
                                                <li>Dedicated event coordinator</li>
                                                <li>Flexible payment terms</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <!-- Duplicate set for seamless scrolling -->
                                <div class="row g-3 mt-4">
                                    <div class="col-12">
                                        <div class="offer-card">
                                            <h6><b>👑 Platinum Membership</b></h6>
                                            <ul class="mb-0">
                                                <li>Priority access & reservations</li>
                                                <li>Complimentary bottle service monthly</li>
                                                <li>Exclusive member-only events</li>
                                                <li>20% discount on all beverages</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="offer-card">
                                            <h6><b>💎 Gold Membership</b></h6>
                                            <ul class="mb-0">
                                                <li>Guaranteed entry on busy nights</li>
                                                <li>15% discount on food & drinks</li>
                                                <li>Birthday celebration package</li>
                                                <li>Early access to event tickets</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="offer-card">
                                            <h6><b>🎯 Corporate Packages</b></h6>
                                            <ul class="mb-0">
                                                <li>Private event hosting</li>
                                                <li>Customized catering options</li>
                                                <li>Dedicated event coordinator</li>
                                                <li>Flexible payment terms</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Right: Image -->
                <div class="col-lg-6 d-flex justify-content-center">
                    <img src="https://hospitality.testpentas.in/assets/img/clubb.webp" alt="Club Events"
                        class="img-fluid club-image w-100">
                </div>
            </div>

            <!-- Our Promise Section -->
            <div class="promise-section py-5">
                <div class="container">
                    <div class="row justify-content-center text-center">
                        <div class="col-lg-10">
                            <h2 class="fw-bold mb-4 glow-text">🌟 OUR PROMISE</h2>

                            <div class="card promise-card mb-4">
                                <div class="card-body p-4 p-md-5">
                                    <p class="fs-5 text-dark mb-3">
                                        <strong>Proper security protocols</strong> will be followed to ensure a <span
                                            style="color:  rgba(139, 69, 19, 0.9);">safe, enjoyable experience</span>.
                                        GWI Club is on the path to becoming one of the 
                                        <strong style="color:  rgba(139, 69, 19, 0.9);">Top 50 Clubs in the
                                            World</strong> — open every day, serving <strong
                                            style="color:  rgba(139, 69, 19, 0.9);">high-class drinks</strong>, and
                                        delivering <strong style="color:  rgba(139, 69, 19, 0.9);">luxury
                                            experiences</strong> at a reasonable price.
                                    </p>
                                    <p class="fs-5 text-dark mb-3">
                                        Our goal is to blend <strong>international standards</strong> with exceptional
                                        hospitality to <em>redefine what a night out feels like</em>. <span
                                            style="color:  rgba(139, 69, 19, 0.9);">Be a part of something legendary.</span>
                                    </p>
                                </div>
                            </div>

                            <div class="mt-4">
                                <p class="fs-5 px-3 glow-text" style="max-width: 750px; margin: 0 auto;">
                                    <strong class="d-block mb-2">Why GWI Club?</strong>
                                    Because you deserve more than just a party — you deserve an
                                    <strong>experience</strong>.<br>
                                    GWI Club doesn't just play music — <span class="fst-italic">it orchestrates
                                        memories</span>. 💃🕺
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


  @include('frontend.partials.map-modal')
@endsection

@section('script')
  @if ($basicInfo->google_map_api_key_status == 1)
    <script
      src="https://maps.googleapis.com/maps/api/js?key={{ $basicInfo->google_map_api_key }}&libraries=places&callback=initMap"
      async defer></script>
    <script src="{{ asset('assets/front/js/api-search-2.js') }}"></script>
  @endif
@endsection