<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

    <!-- Logo and Favicon -->
    <link rel="icon" type="image/png" href="{{ asset('images/image-3.png') }}">
    <link rel="shortcut icon" type="image/png" href="{{ asset('images/image-3.png') }}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap" rel="stylesheet">
    <title>SWMT</title>

</head>

<body class="antialiased">

    <x-nav-footer.navbar />
    <section>
        <main style=" display: flex; flex-direction: column; min-height: 100vh; margin: 0;" >
            @yield('content')
        </main>
    </section>
    <x-nav-footer.footer/>
</body>
</html>

<style>
    * {
        margin: 0;
        padding: 0;
        font-family: 'Poppins', sans-serif;
    }
</style>