@extends('user.layouts.app')

@section('body_class', 'sports foodB')

@section('content')
<section class="banner-slider">
    <div class="slider-item"><img src="./images/subBanner/food-beverages1.jpg" alt="Slide 1"></div>
    <div class="slider-item"><img src="./images/subBanner/food-beverages2.jpg" alt="Slide 2"></div>
    <div class="slider-item"><img src="./images/subBanner/food-beverages3.jpg" alt="Slide 3"></div>
    <!-- <div class="slider-item">
        <video class="slide-video slide-media" loop muted preload="metadata" poster="">
          <source src="./video/1.mp4" type="video/mp4" />
        </video>
      </div> -->
</section>

<div class="banner-inner-content">
    <div class="container">
        <ul class="bread-come">
            <li>
                <a href="/">Home</a>
            </li>
            <li>Food & Beverage</li>
        </ul>
    </div>
</div>

<section class="affiliated-clubs">
    <div class="container">
        <div class="page-title">
            <h4 data-aos="fade-up">FOOD AND BEVERAGE</h4>
            <p data-aos="fade-up">Amidst its historic architecture and scenic beauty, experience unparalleled dining atThe Tollygunge Club, where every meal is a celebration. Choose from 6 restaurant-cum-bars, 3 dedicated bars andapastry shop.</p>
        </div>
    </div>
</section>

<section class="sport-details pt-2">
    <div class="container">
        <div class="sport-details-plate">
            <div class="sport-nav">
                <ul>
                    <li>
                        <a href="#Shamiana18th">18th Shamiana</a>
                    </li>
                    <li>
                        <a href="#SouthVerandah">South Verandah</a>
                    </li>
                    <li>
                        <a href="#BelvedereDiningHall">Belvedere Dining Hall</a>
                    </li>
                    <li>
                        <a href="#Oudh1895">1895 Oudh</a>
                    </li>
                    <li>
                        <a href="#Shamiana9th">9th Shamiana </a>
                    </li>
                    <li>
                        <a href="#CruickshankBar">Cruickshank Bar</a>
                    </li>
                    <li>
                        <a href="#ClubHouseBar">Club House Bar</a>
                    </li>
                    <li>
                        <a href="#IndigoBar">Indigo Bar</a>
                    </li>
                    <li>
                        <a href="#JohnnieWalkerBar">Johnnie Walker Bar</a>
                    </li>
                    <li>
                        <a href="#FlurysCakeShop">Flurys Cake Shop</a>
                    </li>
                    <li>
                        <a href="#DonGiovani">Don Giovani</a>
                    </li>
                </ul>
            </div>
            <div class="sport-nav-content ">
                <!-- <div class="section listTop" id="Shamiana18th">
                    <div class="section-inner ">
                        <div class="title">
                            <h4>18th Shamiana</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/18th-Shamiana.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Embrace the outdoor charm at 18th Shamiana & Gravel, a chill zone with a cosy bar overlooking the greens. Enjoy a variety of Indian, Continental, Chinese, and South Indian delights with refreshing beverages. </p>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="section listTop" id="SouthVerandah">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">South Verandah </h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/South Verandah.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Relax in the open-air magnificence of South Verandah, overlooking the tea lawn and Tolly greens. Soaring ceilings, ancient beams, and lush indoor palms create a serene setting for leisurely sipping and dining.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="BelvedereDiningHall">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Belvedere Dining Hall</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Belvedere Dining Hall.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Experience the elegance of our air-conditioned Belvedere Dining Hall,offering exquisite Continental cuisine. Relish club signature dishes like Roast Mutton, Lamb Choр, Prawn Thermidor, Beef Steak and Vegetable Cannelloni.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="Oudh1895">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">1895 Oudh</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/balmar.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Savour Indian and Chinese specials at 1895, a culinary haven named after the founding year of the club.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="Shamiana9th">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">9th Shamiana</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Pantiles_2.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Perfect for golfers, the 9th Shamiana serves up hearty breakfasts and refreshing beverages to start your day on the green.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="CruickshankBar">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Cruickshank Bar</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Cruickshank Bar_1.jpeg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Enjoy the old English pub atmosphere at Cruickshank Bar, decorated in dark green and gilt. Leather chesterfields, deep sofas, and granite tabletops enhance the cosy ambience under the watchful eye of the portrait of Mr. Cruickshank, the club's founder. </p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="ClubHouseBar">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Club House Bar</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Club house Lounge_2.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Step into vintage charm with a contemporary twist at the Clubhouse Lounge. Housed in a 220-year-old building, it features sophisticated interiors and a relaxed vibe.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="IndigoBar">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Indigo Bar</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Jhonnie Walker Bar_1.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Indigo Bar offers a smaller, intimate pub setting with classic English charm, perfect for unwinding with friends.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="JohnnieWalkerBar">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Johnnie Walker Bar</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Jhonnie Walker Bar_2.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Relax in the rustic ambience of the Johnnie Walker Bar, with its red brick walls and framed posters, creating a warm, inviting atmosphere.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="FlurysCakeShop">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Flurys Cake Shop</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Flurys.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Indulge your sweet tooth at the Flurys franchise, where you can satisfy your cravings with the iconic Rum Ballor Strawberry Cube.</p>
                        </div>
                    </div>
                </div>
                <div class="section listTop" id="DonGiovani">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">Don Giovani</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Gravel_1.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <p>Satiate your appetite with the familiar, wholesome taste of pizzas, pastas, lasagna, Tex-Mex dishes and Asian starters from the renowned Italian food chain.</p>
                        </div>
                    </div>
                </div> -->

                @foreach($food_categories_data as $category)
                <div class="section listTop" id="{{$category->slug}}">
                    <div class="section-inner ">
                        <div class="title">
                            <h4 data-aos="fade-up">{{$category->title}}</h4>
                        </div>
                        <div class="section-banner">
                            <img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="300" src="images/new-image/Gravel_1.jpg" alt="" />
                        </div>
                        <div class="section-description" data-aos="fade-up">
                            <!-- <p>Satiate your appetite with the familiar, wholesome taste of pizzas, pastas, lasagna, Tex-Mex dishes and Asian starters from the renowned Italian food chain.</p> -->
                             {!!$category->description!!}
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
@endsection

@section('footer')
<!-- footer bottom appears here -->
@endsection