<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Spin To Win</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    <link rel="stylesheet" href="{{ asset('/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
    <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" />
    @yield('styles')
</head>

<body>
    <div class="homepage wraper h100">
        <header class="header">
            <div class="container-fluid">
                <div class="logos_wrapper">
                    <a href="/"><img src="{{ asset('images/dell-logo.svg') }}" alt="Dell Technology" title="Dell Technology" class="logo_dell"></a>
                </div>
            </div>
        </header>
        <section class="wrap-content build-to-win">
            @yield('content')
        </section>
        <footer class="footer">©2025 Dell</footer>
    </div>
    @yield('modals')
    <script src='{{ asset('js/jquery-3.6.1.min.js') }}'></script>
    <script src="{{ asset('js/popper.min.js') }}"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="{{ asset('js/bootstrap.min.js') }}"></script>
    @yield('scripts')

</body>
