98 lines
3.9 KiB
PHP
98 lines
3.9 KiB
PHP
<!doctype html>
|
|
<html lang="{{ app()->getLocale() }}">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" type="image/x-icon" href="{{ $assetBase }}/img/love.svg">
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/owl.carousel.min.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/owl.theme.default.min.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/style.css" />
|
|
<link rel="stylesheet" href="{{ $assetBase }}/css/responsive.css" />
|
|
<title>{{ $title }}</title>
|
|
@stack('head')
|
|
</head>
|
|
<body>
|
|
@php
|
|
$showPageReveal = in_array($page ?? null, ['home', 'about'], true);
|
|
@endphp
|
|
|
|
@if($showPageReveal)
|
|
<div class="page-reveal"></div>
|
|
@endif
|
|
<!------ Header Area Start ----->
|
|
<header class="header">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<nav class="header-wrapper nav-desktop">
|
|
<a href="{{ route('home') }}">Home</a>
|
|
<a href="{{ route('work') }}">Work</a>
|
|
<div class="site-logo">
|
|
<a href="{{ route('home') }}"><img src="{{ $assetBase }}/img/logo.svg" alt="Aritmija logo"></a>
|
|
</div>
|
|
<a href="{{ route('about') }}">About</a>
|
|
<a href="{{ route('contact') }}">Contact</a>
|
|
</nav>
|
|
|
|
<div class="mobile-nav">
|
|
<div class="love-sm">
|
|
<a href="{{ route('home') }}"><img src="{{ $assetBase }}/img/love.svg" alt="Aritmija icon"></a>
|
|
</div>
|
|
<div class="logo-sm">
|
|
<a href="{{ route('home') }}"><img src="{{ $assetBase }}/img/logo.svg" alt="Aritmija logo"></a>
|
|
</div>
|
|
<div class="menu-trigger">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> <!------ Header Area End ----->
|
|
|
|
<!------ Slide Mobile Menu Area Start ----->
|
|
<div class="slide-menu">
|
|
<div class="menu-close">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="menu_item">
|
|
<ul>
|
|
<li @class(['active' => ($page ?? null) === 'home'])><a href="{{ route('home') }}">Home</a></li>
|
|
<li @class(['active' => ($page ?? null) === 'about'])><a href="{{ route('about') }}">About</a></li>
|
|
<li @class(['active' => ($page ?? null) === 'work'])><a href="{{ route('work') }}">Work</a></li>
|
|
<li @class(['active' => ($page ?? null) === 'contact'])><a href="{{ route('contact') }}">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="info-bottom">
|
|
<span>En</span>
|
|
<img src="{{ $assetBase }}/img/love.svg" alt="Aritmija icon">
|
|
<span>Sl</span>
|
|
</div>
|
|
</div>
|
|
|
|
@yield('content')
|
|
|
|
<footer @class(['footer' => ($page ?? null) === 'home'])>
|
|
@if (($page ?? null) === 'home')
|
|
<x-block keycode="FOOTER-HOME-BLOCK"></x-block>
|
|
@endif
|
|
<x-block keycode="FOOTER-BLOCK"></x-block>
|
|
</footer>
|
|
|
|
<!-- Bootstrap Bundle with Popper -->
|
|
<script src="https://cdn.jsdelivr.net/npm/lenis@1.3.13/dist/lenis.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/jquery.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/Popper.js"></script>
|
|
<script src="{{ $assetBase }}/js/bootstrap.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/owl.carousel.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/Draggable.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
|
|
<script src="https://unpkg.com/gsap@3/dist/MorphSVGPlugin.min.js"></script>
|
|
<script src="{{ $assetBase }}/js/main.js"></script>
|
|
@stack('scripts')
|
|
</body>
|
|
</html> |