100 lines
4.2 KiB
PHP
100 lines
4.2 KiB
PHP
<!doctype html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full bg-gray-50">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- CSRF Token -->
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
<title>{{ $title ?? config('app.name', 'BestTech') }}</title>
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700,800" rel="stylesheet">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
|
|
<!-- Scripts & Styles -->
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
|
|
<!-- Additional Head Content -->
|
|
@stack('styles')
|
|
</head>
|
|
<body class="h-full antialiased">
|
|
<div id="app" class="min-h-full flex flex-col">
|
|
<!-- Navigation -->
|
|
@include('components.layout.navbar')
|
|
|
|
<!-- Page Content -->
|
|
<main class="flex-grow">
|
|
@yield('content')
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-white border-t border-gray-200 mt-auto">
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<!-- Company Info -->
|
|
<div class="col-span-1">
|
|
<div class="flex items-center space-x-2 mb-4">
|
|
<svg class="h-8 w-8 text-primary-600" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
|
|
</svg>
|
|
<span class="text-lg font-bold text-gray-900">{{ config('app.name', 'BestTech') }}</span>
|
|
</div>
|
|
<p class="text-sm text-gray-600">
|
|
Discover the best tech products from the EU.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Product Links -->
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Product</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="{{ route('products.index') }}" class="text-sm text-gray-600 hover:text-gray-900">Discover</a></li>
|
|
@auth
|
|
<li><a href="{{ route('products.create') }}" class="text-sm text-gray-600 hover:text-gray-900">Submit Product</a></li>
|
|
@endauth
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Company Links -->
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Company</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-sm text-gray-600 hover:text-gray-900">About</a></li>
|
|
<li><a href="#" class="text-sm text-gray-600 hover:text-gray-900">Blog</a></li>
|
|
<li><a href="#" class="text-sm text-gray-600 hover:text-gray-900">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Legal Links -->
|
|
<div>
|
|
<h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Legal</h3>
|
|
<ul class="space-y-3">
|
|
<li><a href="#" class="text-sm text-gray-600 hover:text-gray-900">Privacy</a></li>
|
|
<li><a href="#" class="text-sm text-gray-600 hover:text-gray-900">Terms</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-8 pt-8 border-t border-gray-200">
|
|
<p class="text-sm text-gray-500 text-center">
|
|
© {{ date('Y') }} {{ config('app.name', 'BestTech') }}. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Toast Notifications -->
|
|
@include('components.ui.notification')
|
|
|
|
<!-- Additional Scripts -->
|
|
@stack('scripts')
|
|
</body>
|
|
</html>
|