/
home
/
obinna
/
html
/
cravings
/
resources
/
views
/
layouts
/
Upload File
HOME
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no"> <meta name="keywords" content="crave, food, nigeria, lagos, search, where can i get, food review, review, restaurant, food vendor, outlet, cravvings, food menu, restaurant menu, menu"> <meta name="description" content="Food search, discovery and review platform that enables users effortlessly find the food they want"> <meta name="robots" content="all"> <meta content="104564437706693" property="fb:profile_id"> <meta content="875457879311564" property="fb:app_id"> <meta content="en_NG" property="og:locale"> <meta content="en_US" property="og:locale:alternate"> <meta content="en_GB" property="og:locale:alternate"> <meta content="Cravvings" property="og:site_name"> <meta content="website" property="og:type"> <meta content="An image of the Cravvings logo - spelt out as cravvings with the v's overlapping and a spoon shaped curve c" property="og:image:alt"> <meta content="https://www.instagram.com/cravvingsapp/" property="og:see_also"> <meta content="https://www.facebook.com/cravvingsapp/" property="og:see_also"> <meta content="https://twitter.com/cravvingsapp" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@cravvingsapp"> <meta name="twitter:creator" content="@cravvingsapp"> @section('meta') <meta content="Cravvings - Find restaurants, explore menus" property="og:title"> <meta content="https://www.cravvings.com/" property="og:url"> <meta content="Food and restaurant discovery at your fingertips." property="og:description"> <meta content="https://www.cravvings.com/images/brand/cravvings_logo_white_bg.jpg" property="og:image"> <meta content="1250" property="og:image:width"> <meta content="750" property="og:image:height"> <meta name="twitter:title" content="Cravvings - Find restaurants, explore menus"> <meta name="twitter:description" content="Food and restaurant discovery at your fingertips"> <meta name="twitter:image" content="https://www.cravvings.com/images/brand/card_1.jpg"> <meta name="twitter:image:width" content="1200"> <meta name="twitter:image:height" content="630"> <title>Cravvings - Find restaurants, explore menus</title> @show <meta name="twitter:image:alt" content="An image of the Cravvings logo - spelt out as cravvings with the v's overlapping and a spoon shaped curve c"> <link href="https://www.cravvings.com/" rel="canonical"> <link href="https://www.cravvings.com/" rel="home"> <link href="https://www.cravvings.com/" rel="alternate" hreflang="x-default"> <link href="https://www.cravvings.com/" rel="alternate" hreflang="en-us"> <meta name="csrf-token" value={{ csrf_token() }}> <meta name="user" value="{{ Auth::user() ? Auth::user()->email : ''}}"> <link rel="stylesheet" href="/css/html5doctor.css"> <link href="/css/bootstrap.formatted.css" rel="stylesheet"> <link href="/css/font-awesome.formatted.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="/css/layout.css"> <link rel="stylesheet" href="/css/footnav.css"> <link rel="stylesheet" href="/css/autocomplete.css"> <link rel="stylesheet" href="/css/fullsearch.css"> <link rel="shortcut icon" href="/images/icon.png" type="image/png"> @if (Auth::user() && Auth::user()->role === 'admin') @else <script defer src="https://www.googletagmanager.com/gtag/js?id=UA-106575396-6"></script> <script defer> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()) gtag('config', 'UA-106575396-6'); </script> @endif <link rel="stylesheet" href="/css/header.css"> @yield('extracss') </head> <body> <header class="nav-wrapper list-padding"> <div class="brand-logo"> <a href="/"> <img src="/images/logo.png" alt="logo" class="logo"> </a> @include('places.dropdown_menu') </div> <div class="search-bar"> @yield('searchbar') </div> <div class="nav-links"> <nav> @include('places.dropdown_menu') </nav> </div> </header> @yield('content') <nav class="foot-navbar"> <ul class="navbarList"> <li class="{{ $page == 'Home' ? 'active' : ''}}"> <a href="/"> <svg id="spoon" style="enable-background:new 0 0 32 32;" version="1.1" height="1em" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28.4,3.6c-1.1-1.1-2.6-1.7-4.1-1.6c-2.3,0.2-4.5,1.2-6.2,2.8c-2.4,2.4-3.4,5.9-2.6,9.2L2.9,24.9C2.3,25.4,2,26.2,2,27 s0.3,1.6,0.9,2.1C3.4,29.7,4.2,30,5,30s1.6-0.3,2.2-0.9L18,16.5c0.8,0.2,1.5,0.3,2.3,0.3c2.5,0,5-1,6.9-2.9c1.7-1.7,2.7-3.9,2.8-6.2 C30.1,6.2,29.5,4.7,28.4,3.6z M5.7,27.7c-0.4,0.4-1,0.4-1.4,0C4.1,27.5,4,27.3,4,27s0.1-0.5,0.2-0.7l10.1-8.7L5.7,27.7z M25.7,12.5 c-2.1,2.1-5.1,2.8-7.9,1.9l-0.2-0.1l-0.1-0.2c-0.9-2.8-0.2-5.8,1.9-7.9c1.3-1.3,3.1-2.1,4.9-2.3c0.9-0.1,1.9,0.3,2.6,1 c0.7,0.7,1,1.6,1,2.6C27.9,9.4,27.1,11.2,25.7,12.5z"/></svg> <span>Food</span> </a> </li> <li class="{{ $page == 'Places' ? 'active' : ''}}"> <a href="/places"> <svg viewBox="0 0 16 30" height="1em" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="Layer 2" id="Layer_2"><g id="Interface-Solid"><g id="interface-solid-pin"><circle cx="8" cy="6" fill="none" r="1.5"/><path d="M8,0A7.99643,7.99643,0,0,0,7,15.93054V29a1,1,0,0,0,2,0V15.93054A7.99643,7.99643,0,0,0,8,0ZM8,7.5A1.5,1.5,0,1,1,9.5,6,1.5,1.5,0,0,1,8,7.5Z"/></g></g></g></svg> <span>Places</span> </a> </li> <li class="{{ $page == 'Explore' ? 'active' : ''}}"> <a href="/explore"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12,14c2.206,0,4-1.794,4-4s-1.794-4-4-4s-4,1.794-4,4S9.794,14,12,14z M12,8c1.103,0,2,0.897,2,2s-0.897,2-2,2 s-2-0.897-2-2S10.897,8,12,8z"></path><path d="M11.42,21.814C11.594,21.938,11.797,22,12,22s0.406-0.062,0.58-0.186C12.884,21.599,20.029,16.44,20,10 c0-4.411-3.589-8-8-8S4,5.589,4,9.995C3.971,16.44,11.116,21.599,11.42,21.814z M12,4c3.309,0,6,2.691,6,6.005 c0.021,4.438-4.388,8.423-6,9.73C10.389,18.427,5.979,14.441,6,10C6,6.691,8.691,4,12,4z"></path></svg> <span>Explore</span> </a> </li> <li class="{{ $page == 'Review' ? 'active' : ''}}"> <a href="/review"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7,17.013l4.413-0.015l9.632-9.54c0.378-0.378,0.586-0.88,0.586-1.414s-0.208-1.036-0.586-1.414l-1.586-1.586 c-0.756-0.756-2.075-0.752-2.825-0.003L7,12.583V17.013z M18.045,4.458l1.589,1.583l-1.597,1.582l-1.586-1.585L18.045,4.458z M9,13.417l6.03-5.973l1.586,1.586l-6.029,5.971L9,15.006V13.417z"></path><path d="M5,21h14c1.103,0,2-0.897,2-2v-8.668l-2,2V19H8.158c-0.026,0-0.053,0.01-0.079,0.01c-0.033,0-0.066-0.009-0.1-0.01H5V5 h6.847l2-2H5C3.897,3,3,3.897,3,5v14C3,20.103,3.897,21,5,21z"></path></svg> <span>Review</span> </a> </li> <li class="{{ $page == 'User' ? 'active' : ''}}"> <a href="/user/profile#/reviews"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle fill="none" cx="12" cy="7" r="3"></circle><path d="M12 2C9.243 2 7 4.243 7 7s2.243 5 5 5 5-2.243 5-5S14.757 2 12 2zM12 10c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3S13.654 10 12 10zM21 21v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h2v-1c0-2.757 2.243-5 5-5h4c2.757 0 5 2.243 5 5v1H21z"></path></svg> <span>Account</span> </a> </li> </ul> </nav> @section('gmap') <script> function initMap(d) { // console.log({d}) } </script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=AIzaSyAJsPhI-fGmDBIUh9yLu_MiUj4hZ2nlWU8&callback=initMap"></script> <script src="/js/maps.js"></script> @show @section('javascript') <script src="/js/js-autocomplete.js"></script> <script src="/js/utility.js"></script> <script src="/js/autocomplete.js"></script> <script src="/js/auth.js"></script> @show <script> document.querySelectorAll('.dropdown-toggle').forEach(dropdown => { dropdown.addEventListener('click', function(e) { toggleShowMenu(e.currentTarget.nextElementSibling) }) });; document.addEventListener('click', function(e) { if (!e.target.closest('.dropdown-menu') && !e.target.closest('.dropdown-toggle')) { document.querySelectorAll('.dropdown-menu').forEach(menu => { menu.classList.remove('show') }) } }); function toggleShowMenu(dropdown) { setTimeout(() => { if (!dropdown.matches(':hover')) { dropdown.classList.toggle('show'); } }, 0); } </script> </body> </html>