93 lines
5.0 KiB
Twig
93 lines
5.0 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block title %}Welcome!{% endblock %}</title>
|
|
<link rel="icon" href="{{ asset('images/favicon.png') }}">
|
|
{% block stylesheets %}
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
{% block importmap %}{{ importmap('app') }}{% endblock %}
|
|
{% endblock %}
|
|
</head>
|
|
<body class="text-secondary">
|
|
<header class="bg-secondary fixed top-0 z-30 w-full">
|
|
<img src="{{ asset('images/img.png') }}" alt="" class="w-[238px] h-auto" />
|
|
<nav aria-label="Global" class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8">
|
|
<div class="flex flex-1">
|
|
|
|
</div>
|
|
<a href="#" class="-m-1.5 p-1.5">
|
|
<span class="sr-only">Your Company</span>
|
|
<img src="{{ asset('images/logo.png') }}" alt="" class="w-[238px] h-auto" />
|
|
</a>
|
|
<div class="flex flex-1 justify-end">
|
|
<a href="tel:07834373058" class="text-3xl text-white font-serif">T: 07834 373 058</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main class="border-t-20 border-primary mt-45">
|
|
{% block body %}{% endblock %}
|
|
</main>
|
|
|
|
|
|
<div {{ stimulus_controller('drawer') }}>
|
|
<div class="fixed top-0 left-0 z-40 h-screen p-4 overflow-y-auto transition-transform bg-primary w-96" {{ stimulus_target('drawer', 'draw') }}
|
|
data-transition-enter-from="-translate-x-full"
|
|
data-transition-enter-to="transform-none"
|
|
data-transition-leave-from="transform-none"
|
|
data-transition-leave-to="-translate-x-full"
|
|
>
|
|
<div tabindex="0" class="fixed inset-0 focus:outline-none">
|
|
<div class="flex flex-col mt-60 px-12 space-y-6">
|
|
<a href="{{ path('home') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">Home</a>
|
|
<a href="{{ path('services') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">Services</a>
|
|
<a href="{{ path('keepsakes') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">Keepsakes</a>
|
|
<a href="{{ path('about') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">About</a>
|
|
<a href="{{ path('reviews') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">Reviews</a>
|
|
<a href="{{ path('policies') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">Policies</a>
|
|
<a href="{{ path('sitemap') }}" class="text-3xl text-white font-serif hover:text-black hover:underline">Sitemap</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fixed top-17 left-10 z-50">
|
|
<button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-white hover:text-white" {{ stimulus_action('drawer', 'toggle') }}>
|
|
<span class="sr-only">Open main menu</span>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-12">
|
|
<path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<footer class="bg-primary w-full">
|
|
<div class="w-full bg-secondary h-8 shadow-xl"></div>
|
|
<twig:Container>
|
|
<twig:Cols class="text-xl text-white font-serif text-center p-12 mb-0">
|
|
<twig:Col>
|
|
<div class="flex flex-col gap-y-4 text-center">
|
|
<a href="{{ path('policies') }}">Website Disclaimer</a>
|
|
<a href="{{ path('policies') }}">Privacy & Cookies</a>
|
|
<a href="{{ path('sitemap') }}">Sitemap</a>
|
|
</div>
|
|
</twig:Col>
|
|
<twig:Col>
|
|
<div class="flex flex-row gap-x-6 justify-center">
|
|
<a href="https://www.facebook.com">{{ ux_icon('bi:facebook', {class: 'size-10'}) }}</a>
|
|
<a href="https://wa.me/447834373058">{{ ux_icon('bi:whatsapp', {class: 'size-10 text-white'}) }}</a>
|
|
</div>
|
|
</twig:Col>
|
|
<twig:Col>
|
|
<div class="flex flex-col gap-y-4">
|
|
<div>© {{ "now"|date('Y') }} All Rights Reserved </div>
|
|
<a>UK Horse Cremations</a>
|
|
<a>Website Disclaimer</a>
|
|
</div>
|
|
</twig:Col>
|
|
</twig:Cols>
|
|
</twig:Container>
|
|
</footer>
|
|
</body>
|
|
</html>
|