Viewing file:  frontTemplate.blade.php (25.19 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="{{ session()->get('locale') }}"
dir="{{ session()->get('locale') === 'ar' ? 'rtl' : 'ltr' }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="title"
content="{{isset(json_decode(get_settings('site_setting'))->meta_title)? json_decode(get_settings('site_setting'))->meta_title:''}}">
<meta name="description"
content="{{isset(json_decode(get_settings('site_setting'))->meta_description)? json_decode(get_settings('site_setting'))->meta_description:''}}">
<meta name="keywords"
content="bulk sms, sms marketing, schedule sms, signalwire, sms , sms gateway, telnyx, twilio" />
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content="" /> <!-- website name -->
<meta property="og:site" content="" /> <!-- website link -->
<meta property="og:title" content="" /> <!-- title shown in the actual shared post -->
<meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="" /> <!-- where do you want your post to link to -->
<meta property="og:type" content="article" />
<!-- Website Title -->
<title>{{isset(json_decode(get_settings('site_setting'))->name)?
json_decode(get_settings('site_setting'))->name:''}} - {{trans('layout.a_simple_restaurant_menu_maker')}}
</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
rel="stylesheet">
<link href="{{asset('front/css/bootstrap.css')}}" rel="stylesheet">
@if (isset(json_decode(get_settings('site_setting'))->cookie_consent) &&
json_decode(get_settings('site_setting'))->cookie_consent == 'enable')
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
@endif
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
<link href="{{asset('front/css/swiper.css')}}" rel="stylesheet">
<link href="{{asset('front/css/magnific-popup.css')}}" rel="stylesheet">
<link href="{{asset('front/css/styles.css')}}" rel="stylesheet">
@if(isset(json_decode(get_settings('site_setting'))->favicon))
<!-- Favicon -->
<link rel="icon" href="{{asset('uploads/'.json_decode(get_settings('site_setting'))->favicon)}}">
@endif
<style>
.footer-section {
background: #EAEAEA;
}
.navbar-custom {
padding: 1.5rem 1.5rem !important;
}
svg path {
fill: none;
stroke: #8B38CB;
stroke-width: 10;
stroke-dasharray: 400;
stroke-dashoffset: 400;
animation: draw 3s ease forwards;
}
.subscriber-section {
background-color: #330033;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='651' height='651' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1.7'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='12'/%3E%3Ccircle cx='539' cy='269' r='12'/%3E%3Ccircle cx='603' cy='493' r='12'/%3E%3Ccircle cx='731' cy='737' r='12'/%3E%3Ccircle cx='520' cy='660' r='12'/%3E%3Ccircle cx='309' cy='538' r='12'/%3E%3Ccircle cx='295' cy='764' r='12'/%3E%3Ccircle cx='40' cy='599' r='12'/%3E%3Ccircle cx='102' cy='382' r='12'/%3E%3Ccircle cx='127' cy='80' r='12'/%3E%3Ccircle cx='370' cy='105' r='12'/%3E%3Ccircle cx='578' cy='42' r='12'/%3E%3Ccircle cx='237' cy='261' r='12'/%3E%3Ccircle cx='390' cy='382' r='12'/%3E%3C/g%3E%3C/svg%3E");
padding: 100px 0px;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
.video-container {
position: relative;
width: 100%;
max-width: 800px;
border: 2px solid #fff;
border-radius: 10px;
overflow: hidden;
background: #000;
}
video {
width: 100%;
display: block;
}
.controls {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
}
.video-btn {
background: transparent;
color: #ffffff;
border: none;
padding: 8px 12px;
font-size: 14px;
cursor: pointer;
border-radius: 5px;
margin-right: 5px;
}
.video-progress {
flex: 1;
height: 6px;
background: #444;
margin: 10px 10px 0;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
}
.progress-filled {
height: 100%;
background: #0f0;
width: 0%;
}
.left-controls {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.image-wrapper {
width: 100%;
height: 250px; /* or whatever height you want */
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.image-wrapper img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 10px;
}
.swipper-image-file{
width: 100%;
height: 100%;
border-radius: 10px;
}
ul.navbar-nav.mr-auto.custom-navbar {
margin-left: 70px !important;
}
@media (max-width: 992px) {
ul.navbar-nav.mr-auto.custom-navbar {
margin-left: 0px !important;
}
}
html {
scroll-behavior: smooth;
}
input::placeholder {
font-size: 12px !important; /* equivalent to Tailwind's text-sm */
}
.select2-selection__placeholder{
font-size: 12px !important
}
.navbar-custom {
padding: 0rem 0.5rem !important;
}
@media (max-width: 575.98px) {
#navbarsExampleDefault{
height: 270px;
}
}
</style>
@yield('css')
</head>
<body data-spy="scroll" data-target=".fixed-top">
@php
$modules = modules_status('MultiRestaurant');
$isHome = request()->is('/');
$demo = config('app.demo_mode');
@endphp
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
<div class="container">
{{-- <!-- Image Logo -->
<a class="navbar-brand logo-image" href="{{route('index')}}"><img class="logo-img"
src="{{asset('uploads/'.json_decode(get_settings('site_setting'))->logo)}}" alt="QR"></a> --}}
@php
$siteSetting = json_decode(get_settings('site_setting'));
$logo = $siteSetting->logo ?? 'default-logo.png'; // fallback if logo is missing
@endphp
<a class="navbar-brand logo-image" href="{{ url('/') . ($demo ? '?type=frontend' : '') }}">
<img class="logo-img" src="{{ asset('uploads/' . $logo) }}" alt="QR">
</a>
<!-- Mobile Menu Toggle Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-awesome fas fa-bars"></span>
<span class="navbar-toggler-awesome fas fa-times"></span>
</button>
<!-- end of mobile menu toggle button -->
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto custom-navbar">
<li class="nav-item">
<a class="nav-link page-scroll" href="{{ url('/') . ($demo ? '?type=frontend#header' : '#header') }}">
{{ trans('layout.home') }} <span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="{{ url('/') . ($demo ? '?type=frontend#stories' : '#stories') }}">
{{ trans('layout.stories') }}
</a>
</li>
@if($modules)
<li class="nav-item">
<a class="nav-link page-scroll" href="{{ route('multirestaurant::index') }}">
{{ trans('layout.reservations') }}
</a>
</li>
@endif
<li class="nav-item">
<a class="nav-link page-scroll" href="{{ url('/') . ($demo ? '?type=frontend#pricing' : '#pricing') }}">
{{ trans('layout.pricing') }}
</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="{{ $demo ? route('about.us', ['type' => 'frontend']) : route('about.us') }}">
{{ trans('layout.about_us') }}
</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="{{ $demo ? route('contact.us', ['type' => 'frontend']) : route('contact.us') }}">
{{ trans('layout.contact_us') }}
</a>
</li>
</ul>
<span class="nav-item">
<a target="_blank" class="primary-btn" href="{{ route('login') }}">{{ trans('layout.login') }}</a>
</span>
<span class="nav-item ml-2">
<a class="primary-btn" href="{{ url('/') . ($demo ? '?type=frontend#pricing' : '#pricing') }}">{{ trans('layout.registration') }}</a>
</span>
</div>
</div> <!-- end of container -->
</nav> <!-- end of navbar -->
<!-- end of navigation -->
@php
$template = json_decode(get_settings('frontend_template'));
$privacy_policy=isset(json_decode(get_settings('site_setting'))->privacy_policy)?json_decode(get_settings('site_setting'))->privacy_policy:'';
$terms_conditions=isset(json_decode(get_settings('site_setting'))->terms_conditions)?json_decode(get_settings('site_setting'))->terms_conditions:'';
$contact_address=isset(json_decode(get_settings('site_setting'))->contact_address)?json_decode(get_settings('site_setting'))->contact_address:'';
$contact_email=isset(json_decode(get_settings('site_setting'))->contact_email)?json_decode(get_settings('site_setting'))->contact_email:'';
$about_us=isset(json_decode(get_settings('site_setting'))->about_us)?json_decode(get_settings('site_setting'))->about_us:'';
@endphp
<!-- Header -->
{{-- <br><br> <br><br> --}}
<!-- end of header -->
@yield('main-section')
<div class="footer-section padding-100">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-4">
<div class="app-section">
<div class="footer-text-title">
{{trans('layout.about')}}
</div>
{{-- <div class="app-logo-sec">
<img class="app-logo img-fluid"
src="{{asset('uploads/'.json_decode(get_settings('site_setting'))->logo)}}" alt="">
</div> --}}
<div class="footer-text-title-two">
{{isset(json_decode(get_settings('site_setting'))->name)?
json_decode(get_settings('site_setting'))->name:''}}
</div>
<div class="app-copy-right-sec">
{{$about_us?$about_us:''}}
</div>
<div class="app-social-link-sec">
<div class="socail-links d-flex">
<a target="_blank" href="{{$template->social_link_facebook ?? '#'}}" class="social-link ml-3"><i class="fab fa-facebook"></i></a>
<a target="_blank" href="{{$template->social_link_youtube ?? '#'}}" class="social-link ml-3"><i class="fab fa-youtube"></i></a>
<a target="_blank" href="{{$template->social_link_instagram ?? '#'}}" class="social-link ml-3"><i class="fab fa-instagram"></i></a>
<a target="_blank" href="{{$template->social_link_linkedin ?? '#'}}" class="social-link ml-3"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="footer-text-section">
<div class="footer-text-title">
Important Links
</div>
<div class="footer-text-des">
@foreach(get_pages('footer') as $key => $page)
<li class="footer-list-items">
<a class="footer-text-link" href="{{url($page->url)}}">{{$page->name}}</a>
</li>
@endforeach
</div>
</div>
</div>
<div class="col-lg-5">
<div class="footer-text-section">
<div class="footer-text-title">
Contact
</div>
<div class="footer-text-des">
<div class="location-sec">
<li class="footer-list-items">
<i class="fas fa-map-marker-alt" aria-hidden="true"></i>
{{$contact_address?$contact_address:''}}
</li>
<li class="footer-list-items">
<i class="fas fa-envelope" aria-hidden="true"></i>
{{$contact_email?$contact_email:''}}
</li>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer d-none">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-col first">
<h4>{{trans('layout.about')}} {{isset(json_decode(get_settings('site_setting'))->name)?
json_decode(get_settings('site_setting'))->name:''}}</h4>
<p class="p-small">{{$about_us?$about_us:''}}</p>
</div>
</div> <!-- end of col -->
<div class="col-md-4">
<div class="footer-col middle">
<h4>{{trans('layout.important_links')}}</h4>
<ul class="list-unstyled li-space-lg p-small">
<li class="media">
<i class="fas fa-square"></i>
<div class="media-body">{{trans('layout.read_our')}} <a class="white terms_btn"
href="">{{trans('layout.terms_conditions')}}</a>, <a class="white privacy_btn"
href="">{{trans('layout.privacy_policy')}}</a></div>
</li>
</ul>
</div>
</div> <!-- end of col -->
<div class="col-md-4">
<div class="footer-col last">
<h4>{{trans('layout.contact')}}</h4>
<ul class="list-unstyled li-space-lg p-small">
<li class="media">
<i class="fas fa-map-marker-alt"></i>
<div class="media-body">
{{$contact_address?$contact_address:''}}
</div>
</li>
<li class="media">
<i class="fas fa-envelope"></i>
<div class="media-body"><a class="white"
href="#">{{$contact_email?$contact_email:''}}</a> <i class="fas fa-globe"></i><a
class="white" href="#">{{isset(json_decode(get_settings('site_setting'))->name)?
json_decode(get_settings('site_setting'))->name:''}}</a>
</div>
</li>
</ul>
</div>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div>
<!-- Copyright -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="p-small">{{trans('layout.copyright_footer')}}
{{isset(json_decode(get_settings('site_setting'))->name)?
json_decode(get_settings('site_setting'))->name:''}} | {{date('Y')}}</p>
</div> <!-- end of col -->
</div> <!-- enf of row -->
</div> <!-- end of container -->
</div> <!-- end of copyright -->
<!-- end of copyright -->
<!-- Modal -->
<div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{trans('layout.terms_conditions')}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
{!! $terms_conditions !!}
</div>
</div>
</div>
</div>
<div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{trans('layout.privacy_policy')}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
{!! $privacy_policy !!}
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="{{asset('front/js/jquery.min.js')}}"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="{{asset('front/js/popper.min.js')}}"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="{{asset('front/js/bootstrap.min.js')}}"></script> <!-- Bootstrap framework -->
<script src="{{asset('front/js/jquery.easing.min.js')}}"></script>
<!-- jQuery Easing for smooth scrolling between anchors -->
<script src="{{asset('front/js/swiper.min.js')}}"></script> <!-- Swiper for image and text sliders -->
<script src="{{asset('front/js/jquery.magnific-popup.js')}}"></script> <!-- Magnific Popup for lightboxes -->
<script src="{{asset('front/js/scripts.js')}}"></script> <!-- Custom scripts -->
@if (isset(json_decode(get_settings('site_setting'))->cookie_consent) &&
json_decode(get_settings('site_setting'))->cookie_consent == 'enable')
<script src="{{asset('js/cookie_consent.js')}}"></script>
<script>
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#8000ff"
},
"button": {
"background": "#f2cbcb"
}
},
"theme": "classic",
"position": "bottom-left",
"type": "opt-out",
"content": {
"href": "{{route('privacy.policy')}}"
}
});
</script>
@endif
@if(isset(json_decode(get_settings('site_setting'))->crips_token) &&
json_decode(get_settings('site_setting'))->crips_token)
<script type="text/javascript">
window.$crisp = [];
window.CRISP_WEBSITE_ID = "{{json_decode(get_settings('site_setting'))->crips_token}}";
(function () {
d = document;
s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s);
})();
</script>
@endif
<script>
new Swiper('.text-slider', {
slidesPerView: 4,
slidesPerGroup: 1,
spaceBetween: 15,
autoplay: {
delay: 2500,
disableOnInteraction: false
},
speed: 800,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<script>
$(document).on('click', '.terms_btn', function(e){
e.preventDefault();
$('#termsModal').modal('show');
});
$(document).on('click', '.privacy_btn', function(e){
e.preventDefault();
$('#privacyModal').modal('show');
});
</script>
<script>
const video = document.getElementById('video');
const playPause = document.getElementById('playPause');
const muteToggle = document.getElementById('muteToggle');
const fullscreenToggle = document.getElementById('fullscreenToggle');
const progressBar = document.getElementById('progressBar');
const progressFilled = document.getElementById('progressFilled');
// Toggle play/pause icon
playPause.addEventListener('click', () => {
if (video.paused) {
video.play();
playPause.innerHTML = '<i class="fa fa-pause"></i>';
} else {
video.pause();
playPause.innerHTML = '<i class="fa fa-play"></i>';
}
});
// Toggle mute/unmute icon
muteToggle.addEventListener('click', () => {
video.muted = !video.muted;
muteToggle.innerHTML = video.muted
? '<i class="fa fa-volume-off"></i>'
: '<i class="fa fa-volume-up"></i>';
});
// Fullscreen
fullscreenToggle.addEventListener('click', () => {
if (!document.fullscreenElement) {
video.requestFullscreen().catch(err => {
alert(`Error attempting fullscreen: ${err.message}`);
});
} else {
document.exitFullscreen();
}
});
// Update progress bar
video.addEventListener('timeupdate', () => {
const percent = (video.currentTime / video.duration) * 100;
progressFilled.style.width = `${percent}%`;
});
// Seek
progressBar.addEventListener('click', (e) => {
const percent = e.offsetX / progressBar.offsetWidth;
video.currentTime = percent * video.duration;
});
</script>
<script>
$(document).ready(function () {
$('.count-down-number').each(function () {
let $this = $(this);
let countTo = parseInt($this.attr('data-count'));
let duration = 2000;
let interval = 30;
let steps = duration / interval;
let increment = countTo / steps;
let current = 0;
let counter = setInterval(function () {
current += increment;
if (current >= countTo) {
current = countTo;
clearInterval(counter);
}
$this.text(formatNumber(Math.floor(current)));
}, interval);
});
function formatNumber(num) {
if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M+';
if (num >= 1000) return (num / 1000).toFixed(0) + 'K+';
return num + '+';
}
});
</script>
@yield('js')
</body>
</html>
|