@extends('layouts.app')

@section('style')
@endsection

@section('content')
    <main class="page-main" id="home-page">
        <h1 class="visuallyhidden">Săn Quà Đón Tết cùng Sapporo với 100% cơ hội trúng quà</h1>

        <!-- SECTION Hero Banner -->
        <x-home.banner></x-home.banner>
        <!-- SECTION Hero Banner - END-->

        <!-- SECTION Prize Structure -->
        <x-home.prize-structure></x-home.prize-structure>
        <!-- SECTION Prize Structure - END -->

        <!-- SECTION List Of Winner - START -->
        <x-home.ranking></x-home.ranking>
        <!-- SECTION List Of Winner - END -->

        <div style="position: relative">
            <!-- SECTION Steps Join -->
            <x-home.steps-join></x-home.steps-join>
            <!-- SECTION Steps Join - END -->

            <!-- SECTION Campaign Rules -->
            <x-home.rules></x-home.rules>
            <!-- SECTION Campaign Rules - END -->
        </div>
    </main>
@endsection

@section('script')
@endsection