@extends('web.layouts.layout')

@section('content')

    {{-- Hero --}}
    @include('web.main.hero-carousel')

    {{-- Quick Categories --}}
    @include('web.main.quick-categories')

    {{-- Monthly Deals --}}
    <section class="section" id="monthly-deals">
        <div class="container">
            @include('web.main.section-title', [
                'title' => '이달의 할인',
                'desc'  => '이번 달 인기 할인 상품을 모아봤어요.'
            ])

            @include('web.main.product-carousel')
        </div>
    </section>

    {{-- Popular --}}
    <section class="section" id="popular">
        <div class="container">
            @include('web.main.section-title', [
                'title' => '인기상품',
                'desc'  => '최근 24시간 기준'
            ])

            @include('web.main.product-row-scroll')
        </div>
    </section>

    {{-- All Products --}}
    <section class="section" id="all-products">
        <div class="container">
            @include('web.main.section-title', ['title' => '전체상품'])

            @include('web.main.filter-tabs')
            @include('web.main.product-grid')
        </div>
    </section>

@endsection