@extends('layouts.app')

@section('content')
<main>
    {{-- 동적 네비게이션 (메뉴 테이블 기반) --}}
    @include('partials.document-navigation')

    {{-- 페이지 컨텐츠 --}}
    <div class="container activities">
        <article>
            <h1>Entertainment</h1>
            
            <h5>"Korean cultural experience activities are divided into four major themes. Learn living Korean with friends!"</h5>

            <div style="margin: 4rem 0;">
                <img src="{{ env('AWS_URL') }}/menu_images/entertainment/01.jpg" alt="Entertainment" class="img-banner">
                <div class="caption">This is an activity where you can directly experience and immerse yourself in various aspects of Korean culture. Learn K-pop dance and engage in diverse cultural experiences.</div>
            </div>

            <section>
                <ul class="activity-list">
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/02.jpg" alt="K-pop dance" class="img-fluid">
                        <h6>K-pop dance</h6>
                        <p>Learning K-pop music dance</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/03.jpg" alt="SK T.um" class="img-fluid">
                        <h6>SK T.um</h6>
                        <p>Experiencing the Metaverse at a Future Technology Exhibition</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/04.jpg" alt="Korean cooking" class="img-fluid">
                        <h6>Korean cooking</h6>
                        <p>Trying to make a variety of Korean dishes yourself</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/05.jpg" alt="K-beauty class" class="img-fluid">
                        <h6>K-beauty class</h6>
                        <p>Taking various makeup and beauty-related classes</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/06.jpg" alt="Noraebang" class="img-fluid">
                        <h6>Noraebang</h6>
                        <p>Experience the exciting karaoke culture unique to Korea.</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/07.jpg" alt="Camping" class="img-fluid">
                        <h6>Camping</h6>
                        <p>Enjoy camping in Korea while savoring the beauty of nature!</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/08.jpeg" alt="Amusement park" class="img-fluid">
                        <h6>Amusement park</h6>
                        <p>Experience both thrilling rides and cute headbands.</p>
                    </li>
                    <li>
                        <img src="{{ env('AWS_URL') }}/menu_images/entertainment/09.jpg" alt="Cycling along the Han river" class="img-fluid">
                        <h6>Cycling along the Han river</h6>
                        <p>Bicycle trip at Seoul's most famous park, Han  River Park!</p>
                    </li>
                </ul>

                <ul class="star-list" style="margin-top: 2rem;">
                    <li>Please note that these programs may be subject to change depending on the organizer or language school's circumstances, weather, and other factors.</li>
                    <li>Afternoon activities range from free to paid options, offering a variety of choices. Paid activities vary in cost, ranging from 10,000 won to a maximum of 50,000 won, depending on the specific activity.</li>
                    <li>edm Korean actively reflects student feedback to improve classes and activities.</li>
                </ul>
            </section>

            <div style="margin-top: 4rem;">
                <img src="{{ env('AWS_URL') }}/menu_images/general-korean/05.png" alt="Coupon">
            </div>
        </article>

        {{-- Inquiry Form --}}
        @include('components.inquiry-form', ['pageId' => 'activities/entertainment'])
    </div>
</main>
@endsection