<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ sonata_seo_metadatas() }}
<title>{{ pageTitle|default('Titlle not set') ~' | '~ setting('app_name')}}</title>
<link href="{{ asset('themes/castine/assets/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="{{ asset('themes/castine/assets/css/style.css') }}" rel="stylesheet">
{{ encore_entry_link_tags('main') }}
</head>
<body data-base-url="{{ app.request.schemeAndHttpHost ~ app.request.baseUrl }}">
<div class="search-overlay" data-controller="search" data-search-target="overlay">
<!-- Backdrop -->
<div class="backdrop" data-search-target="backdrop"></div>
<div class="wrapper">
<!-- Search bar container -->
<div class="search-bar-container">
<!-- Close button inside the search bar controlled by Stimulus -->
<button class="btn-close-search" data-action="click->search#closeSearchBar">x</button>
<div class="search-bar" data-search-target="bar" style="width: 70%;max-width:800px;margin:0px auto">
<form class="search-form d-flex">
<input type="text" data-action="input->search#onInput" data-search-target="input" placeholder="Search...">
<button class="btn btn-search"><i class="ri-search-line"></i></button>
</form>
<!-- Search results will be shown here -->
<div data-search-target="results"></div>
</div>
</div>
</div>
</div>
<!-- Header -->
<header class="header">
<nav class="navbar navbar-expand-lg fast-header fixed-top">
<div class="container">
<a class="navbar-brand" href="{{ path('home_page') }}">
<img src="{{ asset('build/images/logo.png') }}" class="img-fluid logo" alt="Fast Burner">
</a>
<div class="mobile-top-menu">
<ul class="navbar-nav ms-auto mb-lg-0 login-menu d-flex align-items-center" style="gap:20px">
<li class="nav-item">
<a class="nav-link" href="#" id="search-toggle-btn">
<i class="ri-search-line"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app.login') }}">
<i class="ri-user-line"></i>
</a>
</li>
<li class="nav-item" data-controller="cart-counter" data-action="add-to-cart@window->cart-counter#handleAddToCart">
<a class="nav-link fast-cart {% if app.request.get('_route') !='shopping_cart' %}btn-open-cartxx {% endif %}" href="{{ path('shopping_cart') }}">
<i class="ri-shopping-cart-line"></i>
<span class="cart-count d-flex align-items-center justify-content-center" data-cart-counter-target="cartCount">
{{ shopping_cart_counter()|length }}
</span>
</a>
</li>
</ul>
</div>
<div class="fast-burger-menu-wrapper">
<div class="navbar-toggler fast-burger-menu btn-primary-fast" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<div class="d-flex align-items-center justify-content-center burger-menu">
<div>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
<div class="collapse navbar-collapse">
{{ front_menu_render(0, 'menu/front_menu.html.twig') }}
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 login-menu d-flex align-items-center " style="gap:20px">
<li class="nav-item">
<a class="nav-link" href="#" id="search-toggle-btn">
<i class="ri-search-line"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app.login') }}">
<i class="ri-user-line"></i>
</a>
</li>
<li class="nav-item" data-controller="cart-counter" data-action="add-to-cart@window->cart-counter#handleAddToCart">
<a class="nav-link fast-cart {% if app.request.get('_route') !='shopping_cart' %}btn-open-cart {% endif %}" href="{% if app.request.get('_route') =='shopping_cart' %} {{ path('shopping_cart') }} {% endif %}">
<i class="ri-shopping-cart-line"></i>
<span class="cart-count d-flex align-items-center justify-content-center" data-cart-counter-target="cartCount">
{{ shopping_cart_counter()|length }}
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Right side overlay menu -->
<div class="offcanvas offcanvas-end fast-offcanvas" tabindex="-1" id="offcanvasRight">
<div class="offcanvas-header d-flex justify-content-end">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
{{ front_menu_render(0, 'menu/menu_mobile.html.twig') }}
</div>
</div>
<!-- Right side overlay menu -->
</header>
<!-- Header -->
{% block page_container %} {% endblock %}
<!-- Footer -->
<footer class="fast-footer">
<div class="container">
<div class="row footer-second justify-content-center">
<div class="col-lg-3">
<h2 class="fast-footer-title">About us</h2>
<div class="fast-contact-wrapper">
<p>{{ setting('app_description') }}</p>
<ul class="list-inline fast-social-icon-wrapper">
<li class="list-inline-item">
<a href="#"><i class="icon icon-fb"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="icon icon-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="icon icon-pinterest"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="icon icon-youtube"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="icon icon-insta"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<h2 class="fast-footer-title">Contact Info</h2>
<div class="fast-contact-wrapper">
<div class="d-flex align-items-center justify-content-start mb-2">
<div class="fast-contact-icon">
<i class="icon icon-geo"></i>
</div>
<div class="fast-contact-address">{{ setting('app_address') }}</div>
</div>
<div class="d-flex align-items-center justify-content-start">
<div class="fast-contact-icon">
<i class="bi bi-telephone-x"></i>
</div>
<div class="fast-contact-address">{{ setting('primary_number') }}</div>
</div>
<div class="d-flex align-items-center justify-content-start">
<div class="fast-contact-icon">
<i class="bi bi-envelope"></i>
</div>
<div class="fast-contact-address">{{ setting('app_email') }}</div>
</div>
</div>
</div>
<div class="col-lg-3">
<h2 class="fast-footer-title">Quick Links</h2>
<div class="fast-contact-wrapper">
<ul class="fast-footer-menu">
<li><a href="{{ path('route_208') }}">Shipping</a></li>
<li><a href="{{ path('route_207') }}">Return</a></li>
<li><a href="{{ path('route_205') }}">Terms & Conditions</a></li>
<li><a href="{{ path('route_152') }}">Privacy & Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer -->
<div class="modal fade" id="newletter-modal" tabindex="-1" aria-labelledby="subscriptionModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="modal-body">
{{ render(controller('App\\Controller\\SubscriptionController::signup',{'request':app.request})) }}
</div>
</div>
</div>
</div>
{{ sonata_block_render({'type':'boab_cms.block.shopping_cart'},{
'template':'product/cart_drawers.html.twig'
})}}
<script src="{{ asset('themes/castine/assets/js/respond.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/jquery.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/popper.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/custom.js') }}"></script>
{{ encore_entry_script_tags('main') }}
<!--Start of Tawk.to Script
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/66e191cf50c10f7a00a7d989/1i7gi355s';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
End of Tawk.to Script-->
<script>
$(document).ready(function(){
$('#newletter-modalxx').modal('show');
/*
if (!getCookie('newsletterModalShown')) {
$('#newletter-modal').modal('show');
setCookie('newsletterModalShown', 'true', 1); // Set cookie to expire in 1 day
}
$('#newletter-modal button.close').click(function(){
// Manually close the modal
$('#newletter-modal').modal('hide');
});
*/
});
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name + '=; Max-Age=-99999999;';
}
</script>
</body>
</html>