MIF_E31211459/resources/views/user/pages/index.blade.php

884 lines
59 KiB
PHP

@extends('user.layout.main')
@section('content')
<section class="slider-hero">
<div class="slider-home-1 owl-carousel owl-theme">
<div class="hero-section item" style="background-image: url({{ asset('user/assets/img/hero-1.jpg') }})">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-6">
<div class="featured-area">
<h2>Ala Cafe Jember</h2>
<h5>Menyediakan Makanan, Minuman dan Cemilan</h5>
<div class="d-md-flex align-items-center">
<a href="menu-1.html" class="button">See Our Menus</a>
{{-- <div class="video">
<a data-fancybox="" href="https://www.youtube.com/watch?v=1La4QzGeaaQ"><i>
<svg width="15" height="22" viewBox="0 0 11 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 8.5L0.5 0.272758L0.5 16.7272L11 8.5Z" fill="#fff" />
</svg>
</i>Watch Video</a>
</div> --}}
</div>
</div>
</div>
</div>
</div>
</div>
{{-- <div class="hero-section item" style="background-image: url({{ asset('user/assets/img/hero-2.jpg') }})">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-6">
<div class="featured-area">
<h2>grilled cheese</h2>
<h1>burger</h1>
<h6>limited time offer</h6>
<div class="d-md-flex align-items-center">
<a href="menu-1.html" class="button">get offer today</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-section item" style="background-image: url({{ asset('user/assets/img/hero-3.jpg') }})">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-6">
<div class="featured-area">
<h2>delicious</h2>
<h1>Hot Pizza</h1>
<h6>don't miss this deal</h6>
<div class="d-md-flex align-items-center">
<a href="menu-1.html" class="button">get offer today</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-section item" style="background-image: url({{ asset('user/assets/img/hero-4.jpg') }})">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-6">
<div class="featured-area">
<h2>Summer Drink</h2>
<h1>Cocktail</h1>
<h6>limited time offer</h6>
<div class="d-md-flex align-items-center">
<a href="menu-1.html" class="button">get offer today</a>
</div>
</div>
</div>
</div>
</div>
</div> --}}
</div>
{{-- <div class="weekly-special">
<span>Weekly Special</span>
<div>
<h4><sup>$</sup>90.85</h4>
<h5>Sicilian Pizza</h5>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<img alt="Pizza" src="{{ asset('user/assets/img/pizze-img.png') }}">
</div> --}}
</section>
{{-- <section class="gap">
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="heading">
<span>About The Food Restaurant</span>
<h2>New Ground with Dishes to be Enjoyed</h2>
</div>
</div>
<div class="col-xl-6">
<div class="about-text">
<p>Nisl quam nestibulum ac quam nec odio eleme aucan ligula. Orci varius nat oque pena tibus et urient monte nascete ridiculus mus nellentesq um ac qu am nec odio rbine. Nisl quam nestibu aucan ligula. </p>
<div class="mt-4 d-flex align-items-center">
<img alt="girl" src="{{ asset('user/assets/img/girl.jpg') }}">
<div>
<h4>Willimes James</h4>
<p>Director and Chief Operations Officer</p>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-xl-4 col-lg-6">
<div class="restaurant-card">
<img alt="Restaurant-img" class="w-100" src="{{ asset('user/assets/img/restaurant.jpg') }}">
<div class="restaurant-span">
<span>Restaurant</span>
</div>
<div class="coctail-bar">
<h5>Restaurant</h5>
<p>Nisl quam nestibulum ac quam nec aucan ligula. Orci varius natoque li um ac quam nec odio rbine.</p>
<a href="contact.html">Reserve a Table</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="restaurant-card coctail">
<img alt="Restaurant-img" class="w-100" src="{{ asset('user/assets/img/restaurant-2.jpg') }}">
<div class="restaurant-span">
<span>Coctail Bar</span>
</div>
<div class="coctail-bar">
<h5>Coctail Bar</h5>
<p>Nisl quam nestibulum ac quam nec aucan ligula. Orci varius natoque li um ac quam nec odio rbine.</p>
<a href="contact.html">Reserve a Table</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="restaurant-card">
<img alt="Restaurant-img" class="w-100" src="{{ asset('user/assets/img/restaurant-3.jpg') }}">
<div class="restaurant-span">
<span>Private Dining</span>
</div>
<div class="coctail-bar">
<h5>Private Dining</h5>
<p>Nisl quam nestibulum ac quam nec aucan ligula. Orci varius natoque li um ac quam nec odio rbine.</p>
<a href="contact.html">Reserve a Table</a>
</div>
</div>
</div>
</div>
</div>
</section> --}}
<section class="section-featured" style="background-color: #f5f8fd;">
<div class="container">
<div class="heading-two">
<h2>Featured Dishes</h2>
<div class="line"></div>
</div>
<div class="row dishes owl-carousel owl-theme">
@foreach ($mostproduct as $product)
<div class="item col-xl-12">
<div class="featured-dishes">
<div class="featured-dishes-img">
<img alt="featured-dishes" src="{{ asset('img/product/' . basename($product->gambar)) }}" class="rounded-circle" height="200px">
</div>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
<a href="/user/product/{{ $product->id }}">
<h5>{{ $product->nama }}</h5>
</a>
<p><span>Rp. </span>{{ number_format($product->harga, 0, ',', '.') }}</p>
<a href="/user/product/{{ $product->id }}">
<i><svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m452 120h-60.946c-7.945-67.478-65.477-120-135.054-120s-127.109 52.522-135.054 120h-60.946c-11.046 0-20 8.954-20 20v352c0 11.046 8.954 20 20 20h392c11.046 0 20-8.954 20-20v-352c0-11.046-8.954-20-20-20zm-196-80c47.484 0 87.019 34.655 94.659 80h-189.318c7.64-45.345 47.175-80 94.659-80zm176 432h-352v-312h40v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h192v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h40z"></path>
</g>
</svg></i></a>
</div>
</div>
@endforeach
</div>
</div>
</section>
<section class="section-discover-menu">
<div class="container">
<div class="heading-two">
<h2>Discover Menu</h2>
<div class="line"></div>
</div>
<div class="nav nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
@foreach ($kategori as $item)
<button class="nav-link {{ $loop->first ? 'active' : '' }}" id="v-pills-{{ $item->nama }}-tab" data-bs-toggle="pill" data-bs-target="#v-pills-{{ $item->nama }}" type="button" role="tab" aria-controls="v-pills-{{ $item->nama }}" aria-selected="true">
{{ $item->nama }}</button>
@endforeach
</div>
<div class="tab-content" id="v-pills-tabContent">
@foreach ($kategori as $item)
<div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="v-pills-{{ $item->nama }}" role="tabpanel" aria-labelledby="v-pills-{{ $item->nama }}-tab">
<div class="row align-items-center discover-menu">
@foreach ($item->product as $data)
<div class="col-xl-4 col-md-6">
<div class="featured-dishes">
<div class="featured-dishes-img">
<img alt="featured-dishes" src="{{ asset('img/product/' . basename($data->gambar)) }}" class="rounded-circle" height="200px">
</div>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
<a href="/user/product/{{ $data->id }}">
<h5>{{ $data->nama }}</h5>
</a>
<p><span>Rp. </span>{{ number_format($data->harga, 0, ',', '.') }}</p>
<a href="/user/product/{{ $data->id }}">
<i><svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m452 120h-60.946c-7.945-67.478-65.477-120-135.054-120s-127.109 52.522-135.054 120h-60.946c-11.046 0-20 8.954-20 20v352c0 11.046 8.954 20 20 20h392c11.046 0 20-8.954 20-20v-352c0-11.046-8.954-20-20-20zm-196-80c47.484 0 87.019 34.655 94.659 80h-189.318c7.64-45.345 47.175-80 94.659-80zm176 432h-352v-312h40v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h192v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h40z"></path>
</g>
</svg></i></a>
</div>
</div>
@endforeach
</div>
</div>
@endforeach
</div>
</div>
</section>
{{-- <section class="section-discover-menu">
<div class="container">
<div class="heading-two">
<h2>Discover Menu</h2>
<div class="line"></div>
</div>
<div class="nav nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
<svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m457.49 296c-31.37 0-47.77-16.28-60.95-29.36-12.07-11.98-20.8-20.64-39.8-20.64-5.87 0-10.76.82-15.08 2.32 4.559 50.122-35.161 93.68-85.66 93.68-50.517 0-90.216-43.579-85.66-93.67-4.32-1.5-9.21-2.33-15.09-2.33-19 0-27.73 8.66-39.8 20.65-13.18 13.07-29.57 29.35-60.94 29.35-22.45 0-38.345-7.995-53.91-22.54 8.959 133.461 119.991 238.54 255.4 238.54 135.312 0 246.455-105.024 255.4-238.53-15.542 14.491-31.453 22.53-53.91 22.53zm-64.29 21c6.64-4.94 16.04-3.57 20.99 3.08l11.01 14.79c4.95 6.64 3.57 16.04-3.07 20.99-6.613 4.917-16.019 3.616-20.99-3.08l-11.02-14.79c-4.94-6.64-3.57-16.04 3.08-20.99zm-94.73 79.49 16.85-6.71c7.7-3.06 16.42.69 19.49 8.39 3.06 7.7-.7 16.42-8.39 19.48-16.271 6.16-17.659 7.78-22.4 7.78-16.46 0-20.846-22.861-5.55-28.94zm-133.06-28.37c8.09-1.8 16.1 3.3 17.89 11.39l4 18c1.8 8.09-3.3 16.1-11.38 17.9-8.253 1.802-16.134-3.424-17.9-11.39l-4-18c-1.8-8.09 3.3-16.1 11.39-17.9zm-72.4-45.6 17-7.16c7.63-3.21 16.43.37 19.64 8.01 3.22 7.63-.37 16.43-8 19.64-16.247 6.485-17.765 8.33-22.81 8.33-16.299 0-20.857-22.498-5.83-28.82z" />
<path d="m54.51 266c19 0 27.73-8.66 39.8-20.65 13.18-13.07 29.57-29.35 60.94-29.35 8.73 0 16.3 1.26 22.96 3.36 30.977-65.527 124.413-65.93 155.58 0 6.66-2.1 14.23-3.36 22.95-3.36 31.36 0 47.76 16.27 60.94 29.35 12.07 11.99 20.8 20.65 39.81 20.65 26.307 0 33.867-17.424 53.47-33.27-11.636-130.11-120.941-232.73-254.96-232.73-133.766 0-243.326 102.414-254.96 232.75 19.603 15.79 27.1 33.25 53.47 33.25zm65.01-74.6c-4.58 0-9.1-2.09-12.05-6.05l-11.01-14.79c-4.94-6.64-3.57-16.04 3.08-20.99 6.64-4.94 16.04-3.57 20.99 3.08l11.01 14.79c7.416 9.968.133 23.96-12.02 23.96zm103.67-82.46c-16.053 6.078-17.641 7.78-22.39 7.78-5.97 0-11.6-3.58-13.94-9.46-3.07-7.7.69-16.42 8.39-19.48l16.85-6.71c7.7-3.06 16.42.69 19.48 8.39 3.07 7.69-.69 16.42-8.39 19.48zm116.4 29.7c-1.1.25-2.19.36-3.27.36-6.88 0-13.07-4.75-14.63-11.75l-4-18c-1.8-8.08 3.3-16.1 11.39-17.89 8.09-1.8 16.1 3.3 17.9 11.39l4 18c1.79 8.08-3.31 16.1-11.39 17.89zm99.54 41.38c-.65 7.83-7.21 13.75-14.93 13.75-.42 0-.84-.02-1.27-.05l-18.37-1.54c-8.26-.69-14.39-7.95-13.69-16.2.69-8.26 7.94-14.39 16.2-13.7l18.37 1.54c8.26.69 14.39 7.95 13.69 16.2z" />
</g>
</svg>
Dessert</button>
<button class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" data-bs-target="#v-pills-profile" type="button" role="tab" aria-controls="v-pills-profile" aria-selected="false"><svg height="512pt" viewBox="0 0 511 512" width="512pt" xmlns="http://www.w3.org/2000/svg">
<path d="m394.800781 184.148438c-.691406 3.113281-3.0625 5.582031-6.144531 6.402343-5.734375 1.53125-11.308594 3.617188-16.640625 6.226563-4.253906 2.019531-8.335937 4.390625-12.203125 7.085937-1.621094 1.105469-3.242188 2.214844-4.777344 3.410157-2.558594 1.964843-5.121094 4.097656-7.59375 6.230468l-6.742187 6.742188c0 .085937-.085938.167968-.171875.253906-1.449219 1.621094-2.984375 3.242188-4.4375 4.949219 0 .085937-.085938.171875-.253906.257812-4.3125 5.292969-8.25 10.878907-11.777344 16.726563-.765625 1.109375-1.363282 2.21875-2.046875 3.410156-2.132813 3.757812-4.097657 7.597656-6.058594 11.691406-.34375.855469-.683594 1.621094-1.109375 2.476563-1.964844 4.4375-3.753906 9.128906-5.375 13.910156-.769531 2.386719-1.539062 4.691406-2.21875 7.082031-1.367188 4.777344-2.648438 9.726563-3.671875 14.847656-.425781 2.304688-.9375 4.605469-1.277344 6.996094-.34375 2.390625-.769531 4.609375-1.027343 6.914063-.339844 1.960937-.59375 3.921875-.765626 5.886719-.257812 2.558593-.511718 5.203124-.683593 7.851562-.253907 3.070312-.425781 6.144531-.511719 9.300781h187.476562c-.9375-72.960937-14.421874-122.964843-38.824218-146.519531l20.222656-60.585938c1.589844-4.132812 5.75-6.683593 10.15625-6.230468 17.441406-.015625 32.066406-13.179688 33.910156-30.527344 1.839844-17.347656-9.691406-33.289062-26.742187-36.96875-4.667969-1.023438-9.5-1.023438-14.167969 0-3.011719.65625-6.113281-.640625-7.765625-3.242188-7.964844-11.488281-22.128906-16.957031-35.746094-13.804687-13.617187 3.148437-23.9375 14.285156-26.046875 28.105469-2.105468 13.816406 4.421875 27.523437 16.480469 34.59375 3.558594 2.226562 5.089844 6.628906 3.671875 10.582031l-21.078125 62.890625c-4.105469.398438-8.179687 1.050781-12.203125 1.960938 1.109375.941406 2.21875 1.792968 3.328125 2.730468 2.402344 2.0625 3.484375 5.269532 2.816406 8.363282zm43.265625-70.570313c3.929688-11.550781-.679687-24.28125-11.09375-30.632813-6.035156-3.527343-9.308594-10.371093-8.269531-17.28125 1.042969-6.910156 6.191406-12.488281 12.996094-14.074218 6.804687-1.589844 13.890625 1.128906 17.886719 6.863281 5.542968 8.289063 15.609374 12.324219 25.34375 10.15625 2.339843-.429687 4.738281-.429687 7.082031 0 6.707031 1.527344 11.867187 6.890625 13.140625 13.652344.921875 5.027343-.460938 10.207031-3.765625 14.109375-3.308594 3.898437-8.1875 6.113281-13.300781 6.027344-11.65625-.277344-22.179688 6.945312-26.113282 17.921874l-18.515625 55.550782-1.792969-.765625c-1.457031-.695313-2.96875-1.265625-4.523437-1.707031-.597656-.171876-1.195313-.429688-1.875-.597657-.683594-.171875-1.195313-.34375-1.878906-.511719-.359375-.125-.730469-.210937-1.109375-.257812-1.109375-.253906-2.304688-.511719-3.5-.683594zm0 0" />
<path d="m89.648438 454.996094c15.605468 4.746094 30.234374 12.261718 43.179687 22.1875 21.332031 15.871094 60.074219 34.816406 123.648437 34.816406 63.570313 0 102.3125-18.945312 123.648438-34.816406 12.945312-9.925782 27.570312-17.441406 43.175781-22.1875 29.015625-8.53125 79.277344-31.914063 88.832031-92.5 1.171876-7.417969-.957031-14.972656-5.832031-20.683594s-12.003906-9.003906-19.511719-9.011719c.085938 2.816407.085938 5.632813.085938 8.53125 0 4.714844-3.820312 8.535157-8.53125 8.535157h-324.269531c0 7.535156-4.945313 14.179687-12.164063 16.34375-7.222656 2.164062-15.003906-.664063-19.152344-6.957032-.386718-.570312-.847656-1.085937-1.367187-1.535156-3.191406-3.074219-8.242187-3.074219-11.433594 0-.519531.449219-.976562.964844-1.363281 1.535156-3.53125 5.378906-9.792969 8.304688-16.183594 7.566406-6.390625-.742187-11.820312-5.023437-14.027344-11.066406-1.007812-2.796875-3.402343-4.863281-6.3125-5.460937-2.90625-.523438-5.882812.4375-7.9375 2.558593-3.179687 3.53125-7.707031 5.546876-12.457031 5.546876-8.210937-.078126-15.199219-5.988282-16.640625-14.070313-1.441406-8.078125 3.078125-16.042969 10.753906-18.953125 2.792969-1.007812 4.863282-3.402344 5.460938-6.3125.5625-2.910156-.402344-5.90625-2.5625-7.9375-3.53125-3.179688-5.546875-7.707031-5.546875-12.457031.03125-9.414063 7.652344-17.039063 17.066406-17.066407 1.988281.007813 3.953125.386719 5.804688 1.109376 2.703125 1 5.726562.550781 8.019531-1.195313 2.304688-1.792969 3.578125-4.597656 3.414062-7.511719-.097656-.300781-.15625-.617187-.171874-.9375.03125-9.414062 7.65625-17.039062 17.070312-17.066406 5.929688.011719 11.414062 3.160156 14.417969 8.277344-.765625 2.644531-1.363281 5.289062-1.960938 7.9375-.597656 2.644531-1.109375 5.203125-1.535156 7.765625-.066406.066406-.097656.160156-.085937.253906-.425782 2.558594-.769532 5.121094-1.109376 7.679687-.257812 1.878907-.425781 3.753907-.597656 5.632813-.171875 1.707031-.257812 3.328125-.339844 4.949219-.171874 2.902344-.257812 5.800781-.257812 8.703125 0 4.714843 3.820312 8.535156 8.535156 8.535156 7.25.039063 13.683594 4.660156 16.039063 11.519531.945312 2.921875 3.453125 5.066406 6.488281 5.546875.699219.144531 1.417969.203125 2.132812.167969.144532 0 .289063-.027344.425782-.082031.230468.015625.464844-.011719.683594-.085938h145.066406c.085937-2.304687.171875-4.609375.339844-6.828125-.011719-.429687.015624-.855468.085937-1.28125.085937-2.273437.257813-4.578125.511719-6.910156.171875-2.472656.425781-4.863281.769531-7.253906.339844-2.390625.597656-4.691406.9375-7.082032 9.300781-60.5 40.535156-100.863281 75.605469-119.894531 2.730468-1.449219 5.460937-2.816406 8.191406-4.007812 6.414062-2.851563 13.105469-5.023438 19.96875-6.488281-30.3125-23.988282-67.925781-36.875-106.582031-36.519532-72.53125-.035156-138.148438 43.019532-166.996094 109.566406-5.902344-4.667968-13.210937-7.195312-20.734375-7.167968-15.558594.011718-29.136719 10.539062-33.027344 25.601562-12.214844-.402344-23.714844 5.761719-30.144531 16.15625-6.433594 10.394532-6.8125 23.433594-1 34.1875-5.96875 4.914063-10.136719 11.667969-11.863281 19.199219-4.570313 1.484375-8.644532 4.203125-11.773438 7.851563-4.796875 5.703124-6.882812 13.207031-5.71875 20.566406 9.558594 60.585937 59.820313 83.96875 88.832032 92.5zm168.277343-283.390625c2.578125-3.921875 7.839844-5.027344 11.777344-2.476563 12.84375 8.625 24.742187 18.578125 35.496094 29.699219 1.605469 1.59375 2.503906 3.769531 2.488281 6.03125-.019531 2.265625-.945312 4.425781-2.574219 6-1.585937 1.574219-3.734375 2.464844-5.972656 2.472656-2.285156.015625-4.476563-.910156-6.058594-2.558593-9.96875-10.214844-20.945312-19.390626-32.765625-27.390626-1.894531-1.234374-3.210937-3.175781-3.660156-5.390624-.449219-2.210938.007812-4.515626 1.269531-6.386719zm-51.710937 29.355469c1.011718-2.023438 2.785156-3.554688 4.933594-4.261719 2.148437-.703125 4.488281-.523438 6.5.507812 21.355468 10.882813 39.96875 26.460938 54.441406 45.566407 1.257812 1.875 1.714844 4.175781 1.265625 6.386718-.449219 2.210938-1.765625 4.152344-3.652344 5.390625-1.375.960938-3.015625 1.46875-4.695313 1.449219-2.855468-.015625-5.511718-1.457031-7.082031-3.839844-12.914062-16.574218-29.277343-30.144531-47.957031-39.765625-2.023438-1.011719-3.554688-2.789062-4.261719-4.933593-.703125-2.148438-.523437-4.488282.507813-6.5zm-51.796875 44.371093c1.136719-4.519531 5.714843-7.265625 10.238281-6.144531 1.535156.34375 37.804688 9.984375 73.300781 63.320312 1.257813 1.875 1.714844 4.171876 1.265625 6.386719-.449218 2.210938-1.765625 4.152344-3.652344 5.386719-1.375.964844-3.015624 1.472656-4.695312 1.453125-2.855469-.015625-5.511719-1.457031-7.082031-3.839844-31.574219-47.277343-62.976563-56.066406-63.316407-56.152343-4.542968-1.207032-7.253906-5.863282-6.058593-10.410157zm0 0" />
<path d="m247.941406 59.734375c0 4.710937 3.820313 8.53125 8.535156 8.53125 4.710938 0 8.53125-3.820313 8.53125-8.53125 0-.648437 0-.734375 1.765626-2.5 4.292968-3.625 6.765624-8.957031 6.765624-14.570313 0-5.617187-2.472656-10.949218-6.765624-14.574218-1.765626-1.773438-1.765626-1.859375-1.765626-2.488282 0-.632812 0-.726562 1.765626-2.484374 4.265624-3.652344 6.734374-8.972657 6.769531-14.582032 0-4.714844-3.820313-8.535156-8.535157-8.535156-4.710937 0-8.53125 3.820312-8.53125 8.535156 0 .636719 0 .722656-1.769531 2.488282-4.261719 3.648437-6.730469 8.964843-6.765625 14.578124.039063 5.605469 2.507813 10.925782 6.765625 14.574219 1.769531 1.75 1.769531 1.832031 1.769531 2.492188 0 .65625 0 .734375-1.769531 2.5-4.253906 3.644531-6.722656 8.960937-6.765625 14.566406zm0 0" />
<path d="m196.742188 102.398438c0 4.714843 3.820312 8.535156 8.53125 8.535156 4.714843 0 8.535156-3.820313 8.535156-8.535156 0-.648438 0-.730469 1.765625-2.5 4.292969-3.625 6.765625-8.957032 6.765625-14.574219 0-5.617188-2.472656-10.949219-6.765625-14.574219-1.765625-1.757812-1.765625-1.84375-1.765625-2.484375s0-.722656 1.765625-2.480469c4.261719-3.652344 6.730469-8.972656 6.769531-14.585937 0-4.710938-3.824219-8.53125-8.535156-8.53125-4.714844 0-8.535156 3.820312-8.535156 8.53125 0 .640625 0 .726562-1.765626 2.484375-4.289062 3.625-6.765624 8.953125-6.765624 14.570312 0 5.617188 2.476562 10.945313 6.765624 14.570313 1.765626 1.773437 1.765626 1.859375 1.765626 2.507812 0 .648438 0 .734375-1.765626 2.5-4.257812 3.648438-6.722656 8.960938-6.765624 14.566407zm0 0" />
<path d="m299.140625 102.398438c0 4.714843 3.820313 8.535156 8.535156 8.535156 4.710938 0 8.53125-3.820313 8.53125-8.535156 0-.648438 0-.730469 1.769531-2.5 4.289063-3.625 6.765626-8.957032 6.765626-14.574219 0-5.617188-2.476563-10.949219-6.765626-14.574219-1.769531-1.757812-1.769531-1.84375-1.769531-2.484375s0-.722656 1.769531-2.480469c4.261719-3.652344 6.730469-8.972656 6.765626-14.585937 0-4.710938-3.820313-8.53125-8.535157-8.53125-4.710937 0-8.53125 3.820312-8.53125 8.53125 0 .640625 0 .726562-1.765625 2.484375-4.292968 3.625-6.765625 8.953125-6.765625 14.570312 0 5.617188 2.472657 10.945313 6.765625 14.570313 1.765625 1.773437 1.765625 1.859375 1.765625 2.507812 0 .648438 0 .734375-1.765625 2.5-4.257812 3.648438-6.726562 8.960938-6.769531 14.566407zm0 0" /></svg>Steak</button>
<button class="nav-link" id="v-pills-coffee-tab" data-bs-toggle="pill" data-bs-target="#v-pills-coffee" type="button" role="tab" aria-controls="v-pills-coffee" aria-selected="false"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21.664px" height="21.665px" viewBox="0 0 21.664 21.665" style="enable-background:new 0 0 21.664 21.665;" xml:space="preserve">
<path d="M2.756,20.725h2.95c0.041,0.257,0.254,0.458,0.523,0.458h6.707c0.27,0,0.482-0.2,0.523-0.458h2.95
c0.499,0,0.903-0.404,0.903-0.903H1.854C1.854,20.321,2.258,20.725,2.756,20.725z" />
<path d="M20.865,11.444c-0.752-0.609-1.811-0.619-2.508-0.542c0.02-0.486,0.031-0.983,0.031-1.5H0c0,4.97,0.752,8.556,5.511,9.894
h7.366c1.885-0.529,3.135-1.418,3.964-2.6c1.806-0.035,4.711-0.746,4.82-3.24C21.708,12.364,21.254,11.758,20.865,11.444z
M17.598,15.27c0.346-0.889,0.551-1.889,0.664-2.988c0.488-0.08,1.329-0.131,1.754,0.215c0.078,0.064,0.321,0.262,0.293,0.901
C20.252,14.69,18.648,15.124,17.598,15.27z" />
<path d="M7.491,8.704c0,0,3.5-0.257,1.896-3.208c-1.288-2.369-0.994-3.759,0.654-5.015c0,0-5.398,1.375-2.25,5.63
C8.946,7.965,7.491,8.704,7.491,8.704z" />
<path d="M9.85,8.468c0,0,2.804-0.591,1.278-2.846c-0.554-0.978,0.21-1.327,0.21-1.327s-1.805,0.057-1.043,1.608
C10.905,7.15,10.724,7.858,9.85,8.468z" />
</svg>
Coffee</button>
<button class="nav-link" id="v-pills-pizza-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pizza" type="button" role="tab" aria-controls="v-pills-pizza" aria-selected="false"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="305.934px" height="305.934px" viewBox="0 0 305.934 305.934" style="enable-background:new 0 0 305.934 305.934;" xml:space="preserve">
<path d="M34.989,160.926c0,20.143,5.059,39.105,13.963,55.686l93.405-53.925l-94.801-54.735
C39.54,123.884,34.989,141.865,34.989,160.926z M64.561,190.063c-2.97,1.403-6.113,2.304-9.29,3.102
c-1.411,0.357-5.217,1.005-5.784-1.108c-0.557-2.082,3.047-3.5,4.453-3.853c2.296-0.58,4.469-1.181,6.618-2.195
c1.711-0.813,5.217-1.527,6.765,0.047C68.973,187.728,65.674,189.535,64.561,190.063z M105.062,153.511
c4.427,0,8.016,3.583,8.016,8.011s-3.588,8.011-8.016,8.011c-4.422,0-8.013-3.583-8.013-8.011
C97.043,157.094,100.634,153.511,105.062,153.511z M82.946,165.545c0,6.659-5.393,12.044-12.047,12.044
c-6.651,0-12.05-5.396-12.05-12.044s5.394-12.042,12.05-12.042C77.553,153.503,82.946,158.891,82.946,165.545z M58.849,123.975
c4.43,0,8.019,3.583,8.019,8.014c0,4.427-3.588,8.01-8.019,8.01c-4.422,0-8.01-3.583-8.01-8.01
C50.839,127.566,54.422,123.975,58.849,123.975z M43.887,158.71c-6.876,0,0.917-4.981,4.205-4.981
C54.968,153.729,47.175,158.71,43.887,158.71z" />
<path d="M147.665,37.117v-21.21C97.727,17.709,54.153,44.843,29.427,84.833l18.377,10.61
C68.84,61.783,105.559,38.898,147.665,37.117z" />
<path d="M268.74,79.542l18.377-10.61C262.396,28.936,218.817,1.802,168.879,0v21.21C210.983,22.991,247.701,45.876,268.74,79.542z
" />
<path d="M275.238,239.002l-18.382-10.615c-21.221,32.575-57.317,54.598-98.587,56.338v21.209
C207.374,304.163,250.31,277.895,275.238,239.002z" />
<path d="M263.359,104.681c8.643,16.891,13.552,35.996,13.552,56.245c0,21.086-5.308,40.949-14.634,58.348l18.383,10.615
c11.128-20.526,17.455-44.025,17.455-68.963c0-24.104-5.935-46.833-16.378-66.862L263.359,104.681z" />
<path d="M43.66,219.273c-9.321-17.409-14.631-37.272-14.631-58.348c0-20.249,4.911-39.354,13.554-56.252L24.2,94.059
c-10.441,20.028-16.381,42.758-16.381,66.857c0,24.942,6.328,48.436,17.458,68.962L43.66,219.273z" />
<path d="M147.665,305.934v-21.209c-41.267-1.745-77.361-23.763-98.586-56.338l-18.377,10.615
C55.626,277.895,98.565,304.163,147.665,305.934z" />
<path d="M147.665,43.082c-40.097,1.771-74.979,23.558-94.923,55.616l94.923,54.805V43.082z M89.18,101.98
c-6.648,0-12.042-5.393-12.042-12.042c0-6.654,5.393-12.047,12.042-12.047c6.654,0,12.047,5.393,12.047,12.047
C101.232,96.593,95.834,101.98,89.18,101.98z M125.119,123.975c-4.422,0-8.011-3.583-8.011-8.01s3.588-8.013,8.011-8.013
c4.427,0,8.018,3.586,8.018,8.013C133.132,120.392,129.546,123.975,125.119,123.975z M124.8,94.154
c-1.524-1.888-3.254-2.864-5.571-3.495c-2.322-0.635-2.783-3.102-1.29-4.798c1.755-1.988,4.751-2.625,7.244-1.939
c3.602,0.984,6.659,2.874,9.007,5.784C137.412,93.683,127.643,97.67,124.8,94.154z M128.837,75.13
c-4.422,0-8.013-3.583-8.013-8.014c0-4.427,3.591-8.01,8.013-8.01c4.427,0,8.018,3.583,8.018,8.01
C136.855,71.546,133.264,75.13,128.837,75.13z" />
<path d="M270.945,160.926c0-19.061-4.541-37.042-12.567-52.975l-94.801,54.735l93.408,53.936
C265.886,200.031,270.945,181.068,270.945,160.926z M254.929,126.737c6.856,0-1.248,4.619-4.298,4.619
C243.786,131.351,251.884,126.737,254.929,126.737z M204.909,170.299c-4.422,0-8.011-3.584-8.011-8.016
c0-4.423,3.589-8.011,8.011-8.011c4.433,0,8.016,3.588,8.016,8.011C212.924,166.715,209.341,170.299,204.909,170.299z
M226.942,154.153c5.007,0-4.541,4.132-6.654,4.132C215.286,158.285,224.834,154.153,226.942,154.153z M222.328,180.499
c-6.928,0-0.145-6.136,3.899-6.136C233.161,174.357,226.367,180.499,222.328,180.499z M243.444,200.59
c-4.432,0-8.016-3.583-8.016-8.016c0-4.422,3.594-8.005,8.016-8.005c4.428,0,8.016,3.583,8.016,8.005
C251.459,197.007,247.872,200.59,243.444,200.59z M247.478,168.921c-6.648,0-12.039-5.391-12.039-12.039
c0-6.654,5.391-12.047,12.039-12.047c6.653,0,12.05,5.393,12.05,12.047C259.517,163.535,254.126,168.921,247.478,168.921z" />
<path d="M147.665,278.77V171.873l-93.273,53.852C74.583,256.369,108.655,277.04,147.665,278.77z M130.755,270.226
c-6.902,0,0.611-5.317,4.117-5.317C141.774,264.908,134.261,270.226,130.755,270.226z M128.837,200.59
c4.427,0,8.018,3.584,8.018,8.011c0,4.428-3.591,8.011-8.018,8.011c-4.422,0-8.013-3.583-8.013-8.011
C120.824,204.174,124.415,200.59,128.837,200.59z M108.225,219.335c6.937,0,0.319,6.328-3.847,6.328
C97.447,225.663,104.06,219.335,108.225,219.335z M113.072,229.889c6.656,0,12.047,5.39,12.047,12.044
c0,6.653-5.391,12.044-12.047,12.044c-6.649,0-12.042-5.396-12.042-12.044C101.03,235.278,106.423,229.889,113.072,229.889z
M78.91,220.65c4.427,0,8.018,3.583,8.018,8.011c0,4.427-3.591,8.011-8.018,8.011c-4.422,0-8.011-3.584-8.011-8.011
C70.899,224.238,74.487,220.65,78.91,220.65z" />
<path d="M251.542,225.725l-93.273-53.852V278.77C197.287,277.04,231.359,256.369,251.542,225.725z M175.502,261.987
c-4.423,0-8.011-3.589-8.011-8.011c0-4.433,3.588-8.016,8.011-8.016c4.427,0,8.021,3.583,8.021,8.016
C183.523,258.398,179.929,261.987,175.502,261.987z M180.923,228.666c-6.648,0-12.049-5.396-12.049-12.044
c0-6.649,5.39-12.045,12.049-12.045c6.654,0,12.045,5.396,12.045,12.045C192.968,223.271,187.578,228.666,180.923,228.666z
M193.108,246.411c-4.986,0,4.582-4.08,6.669-4.08C204.753,242.331,195.195,246.411,193.108,246.411z M223.384,237.894
c-4.428,0-8.016-3.583-8.016-8.005c0-4.433,3.594-8.017,8.016-8.017c4.427,0,8.016,3.584,8.016,8.017
C231.4,234.311,227.811,237.894,223.384,237.894z" />
<path d="M168.875,27.175v110.421l94.925-54.805C243.859,50.733,208.979,28.946,168.875,27.175z M199.596,43.082
c4.433,0,8.016,3.583,8.016,8.011s-3.583,8.013-8.016,8.013c-4.422,0-8.011-3.586-8.011-8.013
C191.581,46.666,195.168,43.082,199.596,43.082z M182.415,35.584c6.934,0,0.611,6.639-3.759,6.639
C171.722,42.223,178.044,35.584,182.415,35.584z M187.551,110.338c-6.648,0-12.049-5.393-12.049-12.042
c0-6.649,5.391-12.042,12.049-12.042c6.654,0,12.045,5.393,12.045,12.042C199.596,104.945,194.206,110.338,187.551,110.338z
M199.896,74.594c-2.02,1.598-5.183,2.032-7.373,0.531c-2.263-1.553-5.101-1.937-7.741-2.455c-2.217-0.44-4.293-2.18-3.216-4.65
c1.025-2.335,4.204-3.708,6.648-3.226c4.251,0.844,8.503,1.678,12.138,4.174C202.516,70.449,201.636,73.222,199.896,74.594z
M206.514,93.349c-6.929,0-0.771-6.814,3.718-6.814C217.161,86.529,211.003,93.349,206.514,93.349z M223.384,82.213
c-4.428,0-8.016-3.583-8.016-8.011s3.594-8.013,8.016-8.013c4.427,0,8.016,3.586,8.016,8.013S227.811,82.213,223.384,82.213z
M237.515,78.729c-4.986,0,4.583-4.086,6.67-4.086C249.171,74.638,239.602,78.729,237.515,78.729z" />
</svg>Pizza</button>
<button class="nav-link" id="v-pills-burger-tab" data-bs-toggle="pill" data-bs-target="#v-pills-burger" type="button" role="tab" aria-controls="v-pills-burger" aria-selected="false">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.992 511.992" style="enable-background:new 0 0 511.992 511.992;" xml:space="preserve">
<path d="M481.274,389.111H30.732c-16.936,0-30.719,13.783-30.719,30.719c0,28.22,22.957,51.198,51.198,51.198h409.584
c28.241,0,51.198-22.978,51.198-51.198C511.992,402.893,498.21,389.111,481.274,389.111z" />
<path d="M10.764,225.277h490.149c2.56,0,5.345-1.27,7.25-2.99c1.864-1.7,3.031-4.014,3.256-6.512
c3.318-32.971-8.335-65.226-33.729-93.324c-45.464-50.256-130.411-81.487-221.687-81.487
c-91.419,0-176.449,31.292-221.851,81.671C8.757,150.795-2.834,183.09,0.586,216.103C1.119,221.304,5.522,225.277,10.764,225.277
z M392.107,125.871c3.993-3.993,10.485-3.993,14.479,0l20.479,20.479c3.993,4.014,3.993,10.485,0,14.479
c-1.987,2.007-4.608,3.01-7.229,3.01s-5.243-1.003-7.25-3.01l-20.479-20.479C388.114,136.357,388.114,129.885,392.107,125.871z
M310.19,166.83l20.479-20.479c3.993-3.993,10.485-3.993,14.479,0c3.993,4.014,3.993,10.485,0,14.479l-20.479,20.479
c-1.987,2.007-4.608,3.01-7.229,3.01s-5.243-1.003-7.25-3.01C306.197,177.315,306.197,170.844,310.19,166.83z M248.753,84.913
c3.993-3.993,10.485-3.993,14.479,0l20.479,20.479c3.993,4.014,3.993,10.485,0,14.479c-1.986,2.007-4.608,3.01-7.229,3.01
s-5.243-1.003-7.25-3.01l-20.479-20.479C244.759,95.398,244.759,88.927,248.753,84.913z M166.836,125.871l20.479-20.479
c3.993-3.993,10.485-3.993,14.479,0c3.993,4.014,3.993,10.485,0,14.479l-20.479,20.479c-1.987,2.007-4.608,3.01-7.229,3.01
s-5.243-1.003-7.25-3.01C162.843,136.357,162.843,129.885,166.836,125.871z M84.919,146.351c3.993-3.993,10.485-3.993,14.479,0
l20.479,20.479c3.993,4.014,3.993,10.485,0,14.479c-1.987,2.007-4.608,3.01-7.229,3.01c-2.621,0-5.243-1.003-7.25-3.01
l-20.479-20.479C80.926,156.836,80.926,150.365,84.919,146.351z" />
<path d="M30.732,245.757c-5.673,0-10.24,4.587-10.24,10.24c0,5.652,4.567,10.24,10.24,10.24h161.396l120.725,60.352
c1.454,0.737,3.01,1.085,4.587,1.085c2.642,0,5.263-1.024,7.229-3.01l58.448-58.427h98.157c5.652,0,10.24-4.587,10.24-10.24
c0-5.652-4.587-10.24-10.24-10.24H30.732z" />
<path d="M40.971,368.632h430.063c24.862,0,44.583-22.24,40.385-47.88c-3.318-20.131-22.281-34.036-42.679-34.036h-62.666
l-70.121,70.121c-6.226,6.226-15.749,7.782-23.633,3.83l-147.921-73.95H43.244c-20.397,0-39.361,13.905-42.679,34.036
C-3.633,346.391,16.109,368.632,40.971,368.632z" />
</svg>
burger
</button>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div class="row align-items-center discover-menu">
<div class="col-xl-6">
<div class="discover-img">
<img alt="discover" src="{{ asset('user/assets/img/discover-1.png') }}">
</div>
</div>
<div class="col-xl-5">
<div class="discover">
<h4>Dessert</h4>
<ul>
<li>
<div>
<h6>Four Chease Garlic Bread</h6>
<p>Toested french bread topped with romano</p>
</div>
<span>$9.00</span>
</li>
<li>
<div>
<h6>Rastrami Roll</h6>
<p>Spreadable cream cheese, blue cheese</p>
</div>
<span>$16.00</span>
</li>
<li>
<div>
<h6>Caprese Salad Kabobs</h6>
<p>Cherry-size fresh mozzarella cheese balls</p>
</div>
<span>$34.00</span>
</li>
<li>
<div>
<h6>Peachy Jalepeno Guacomole</h6>
<p>Ground cumin, avocados, peeled and cubed</p>
</div>
<span>$40.00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
<div class="row align-items-center discover-menu">
<div class="col-xl-6">
<div class="discover-img">
<img alt="discover" src="{{ asset('user/assets/img/discover-2.png') }}">
</div>
</div>
<div class="col-xl-5">
<div class="discover">
<h4>Steak </h4>
<ul>
<li>
<div>
<h6>Four Chease Garlic Bread</h6>
<p>Toested french bread topped with romano</p>
</div>
<span>$9.00</span>
</li>
<li>
<div>
<h6>Rastrami Roll</h6>
<p>Spreadable cream cheese, blue cheese</p>
</div>
<span>$16.00</span>
</li>
<li>
<div>
<h6>Caprese Salad Kabobs</h6>
<p>Cherry-size fresh mozzarella cheese balls</p>
</div>
<span>$34.00</span>
</li>
<li>
<div>
<h6>Peachy Jalepeno Guacomole</h6>
<p>Ground cumin, avocados, peeled and cubed</p>
</div>
<span>$40.00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-coffee" role="tabpanel" aria-labelledby="v-pills-coffee-tab">
<div class="row align-items-center discover-menu">
<div class="col-xl-6">
<div class="discover-img">
<img alt="discover" src="{{ asset('user/assets/img/discover-3.png') }}">
</div>
</div>
<div class="col-xl-5">
<div class="discover">
<h4>Coffee Menu</h4>
<ul>
<li>
<div>
<h6>Espresso Macchiato</h6>
<p>Chicken / Apple / Tomatos</p>
</div>
<span>$9.00</span>
</li>
<li>
<div>
<h6>Mocha Whipped Cream</h6>
<p>Bacon / Shrimp / Garlic</p>
</div>
<span>$16.00</span>
</li>
<li>
<div>
<h6>Cold Coffee</h6>
<p>Pork / Tomatoes / Veggies</p>
</div>
<span>$34.00</span>
</li>
<li>
<div>
<h6>Caramel Macchiato</h6>
<p>Prawn / Sausage / Totatos</p>
</div>
<span>$40.00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-pizza" role="tabpanel" aria-labelledby="v-pills-pizza-tab">
<div class="row align-items-center discover-menu">
<div class="col-xl-6">
<div class="discover-img">
<img alt="discover" src="{{ asset('user/assets/img/discover-8.png') }}">
</div>
</div>
<div class="col-xl-5">
<div class="discover">
<h4>pizza</h4>
<ul>
<li>
<div>
<h6>Four Chease Garlic Bread</h6>
<p>Toested french bread topped with romano</p>
</div>
<span>$9.00</span>
</li>
<li>
<div>
<h6>Rastrami Roll</h6>
<p>Spreadable cream cheese, blue cheese</p>
</div>
<span>$16.00</span>
</li>
<li>
<div>
<h6>Caprese Salad Kabobs</h6>
<p>Cherry-size fresh mozzarella cheese balls</p>
</div>
<span>$34.00</span>
</li>
<li>
<div>
<h6>Peachy Jalepeno Guacomole</h6>
<p>Ground cumin, avocados, peeled and cubed</p>
</div>
<span>$40.00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-burger" role="tabpanel" aria-labelledby="v-pills-burger-tab">
<div class="row align-items-center discover-menu">
<div class="col-xl-6">
<div class="discover-img">
<img alt="discover" src="{{ asset('user/assets/img/discover-7.png') }}">
</div>
</div>
<div class="col-xl-5">
<div class="discover">
<h4>burger</h4>
<ul>
<li>
<div>
<h6>Four Chease Garlic Bread</h6>
<p>Toested french bread topped with romano</p>
</div>
<span>$9.00</span>
</li>
<li>
<div>
<h6>Rastrami Roll</h6>
<p>Spreadable cream cheese, blue cheese</p>
</div>
<span>$16.00</span>
</li>
<li>
<div>
<h6>Caprese Salad Kabobs</h6>
<p>Cherry-size fresh mozzarella cheese balls</p>
</div>
<span>$34.00</span>
</li>
<li>
<div>
<h6>Peachy Jalepeno Guacomole</h6>
<p>Ground cumin, avocados, peeled and cubed</p>
</div>
<span>$40.00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section> --}}
{{-- <section class="gap">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="bbq" style="background-image: url({{ asset('user/assets/img/bbq.jpg') }})">
<h2>Steaks & BBQ</h2>
<p>canonical classics to obscure<br> tiki drinks</p>
<div class="bbr-price">
<div>
<h3>$120</h3>
<span>per person</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bbq mb-0" style="background-image: url({{ asset('user/assets/img/bbq-1.jpg') }})">
<h2>Cocktails</h2>
<p>canonical classics to obscure <br> tiki drinks</p>
<div class="bbr-price">
<div>
<h3>$120</h3>
<span>per person</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section> --}}
{{-- <section>
<div class="container">
<div style="background-color: #d2691e;" class="reserve-table">
<div class="row">
<div class="col-xl-4">
<div class="reserve-table-text">
<h3>reserve A table</h3>
<p>Discover our New Menu !</p>
</div>
</div>
<div class="col-xl-8">
<div class="best-food-restaurants">
<form role="form" id="reservation-form" method="post">
<div class="row">
<div class="col-xl-6">
<input type="text" name="complete_name" placeholder="Complete Name">
</div>
<div class="col-xl-6">
<input type="email" name="email_address" placeholder="Email Address" required>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<input type="number" name="No of Guest" placeholder="No of Guest">
</div>
<div class="col-xl-6">
<div class="row">
<div class="col-xl-6">
<input type="date" name="day">
</div>
<div class="col-xl-6">
<input type="time" name="time">
</div>
</div>
</div>
</div>
<button class="button" type="submit">Reserve a Table</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section> --}}
{{-- <section class="gap">
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="heading">
<span>Testimonials & Reviews</span>
<h2>Our Customar Feedbacks</h2>
</div>
<div class="bratlee-slider owl-carousel owl-theme">
<div class="bratlee-hamint item">
<p>A good restaurant is like a vacation; it transports you, and it becomes a lot more than just about the food. All great deeds and all great thoughts</p>
<div class="d-flex align-items-center mt-4">
<h3>Bratlee Hamint</h3>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<img alt="quote" class="quote" src="{{ asset('user/assets/img/quote.png') }}">
</div>
<div class="bratlee-hamint item">
<p>A good restaurant is like a vacation; it transports you, and it becomes a lot more than just about the food. All great deeds and all great thoughts</p>
<div class="d-flex align-items-center mt-4">
<h3>Bratlee Hamint</h3>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<img alt="quote" class="quote" src="{{ asset('user/assets/img/quote.png') }}">
</div>
<div class="bratlee-hamint item">
<p>A good restaurant is like a vacation; it transports you, and it becomes a lot more than just about the food. All great deeds and all great thoughts</p>
<div class="d-flex align-items-center mt-4">
<h3>Bratlee Hamint</h3>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<img alt="quote" class="quote" src="{{ asset('user/assets/img/quote.png') }}">
</div>
<div class="bratlee-hamint item">
<p>A good restaurant is like a vacation; it transports you, and it becomes a lot more than just about the food. All great deeds and all great thoughts</p>
<div class="d-flex align-items-center mt-4">
<h3>Bratlee Hamint</h3>
<ul class="star">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<img alt="quote" class="quote" src="{{ asset('user/assets/img/quote.png') }}">
</div>
</div>
</div>
<div class="col-xl-6">
<div class="bratlee-img">
<img alt="bratlee-hamin2" class="bratlee-hamint-2" src="{{ asset('user/assets/img/bratlee-hamint-3.jpg') }}">
<img alt="bratlee-hamint" class="bratlee-hamint-1" src="{{ asset('user/assets/img/bratlee-hamint-1.jpg') }}">
<img alt="bratlee-hamin3" class="bratlee-hamint-3" src="{{ asset('user/assets/img/bratlee-hamint-3.jpg') }}">
</div>
</div>
</div>
</div>
</section> --}}
{{-- <section class="gap no-top">
<div class="container">
<div class="heading-two">
<h2>Meet Our Experts</h2>
<div class="line"></div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6">
<div class="chef">
<img alt="cook chef" src="{{ asset('user/assets/img/chef-1.png') }}">
<div class="chef-text">
<div>
<span>Dessert specialist</span>
<a href="chef-details.html">
<h3>Thomas Walim</h3>
</a>
<ul class="social-media">
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
<img alt="sine" src="{{ asset('user/assets/img/sine.png') }}">
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="chef">
<img alt="cook chef" src="{{ asset('user/assets/img/chef-2.png') }}">
<div class="chef-text">
<div>
<span>Chef Master</span>
<a href="chef-details.html">
<h3>James Jhonson</h3>
</a>
<ul class="social-media">
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
<img alt="sine" src="{{ asset('user/assets/img/sine.png') }}">
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="chef mb-0">
<img alt="cook chef" src="{{ asset('user/assets/img/chef-3.png') }}">
<div class="chef-text">
<div>
<span>Dessert specialist</span>
<a href="chef-details.html">
<h3>Room Minal</h3>
</a>
<ul class="social-media">
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
<img alt="sine" src="{{ asset('user/assets/img/sine.png') }}">
</div>
</div>
</div>
</div>
</div>
</div>
</section> --}}
<section class="gap no-bottom app-foods" style="background-color :#f5f8fd;">
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="heading">
<span>Best App For Foods Ordering</span>
<h3>We Are Avaible On</h3>
</div>
<ul class="higher-reach">
<li>
<div class="bol"></div>Tersedia di App Food Delivery
</li>
<li>
<div class="bol"></div>Harga Murah dan Terjangkau
</li>
<li>
<div class="bol"></div>Pesan Antar Bagi Anda Yang Mager
</li>
</ul>
<div class="d-sm-flex mt-5">
<a href="#">
<div class="download-from">
<i class="fa-brands fa-google-play"></i>
<div>
<span>Avaible On</span>
<h5>GoFood</h5>
</div>
</div>
</a>
<a href="#">
<div class="download-from apple">
<i class="fa-brands fa-apple"></i>
<div>
<span>Avaible On</span>
<h5>ShopeFood</h5>
</div>
</div>
</a>
</div>
</div>
<div class="col-xl-6">
<div class="manage-your-img">
<img alt="manage-your" class="img-fluid" src="{{ asset('logo/testaja.png') }}">
</div>
</div>
</div>
</div>
</section>
<div class="gap no-top">
<div style="background-image: url({{ asset('user/assets/img/follow.jpg') }})" class="follow">
<div class="row">
<div class="col-xl-6">
<div class="follow-text">
<h2>Follow Us On Social Media</h2>
<p>Join our community to inspire your desires</p>
</div>
</div>
<div class="col-xl-6">
<ul class="social-media">
<li><a href="https://www.facebook.com/alacafe.jbr" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="https://www.instagram.com/alacafe.jbr" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
@endsection