@extends('layouts.app')

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

    {{-- 페이지 컨텐츠 --}}
    <div class="container events">
        <div class="text-center">
            <img src="{{ env('AWS_URL') }}/menu_images/exclusive-online-classes/01.png" alt="Exclusive Online Classes" class="img-fluid">
            <img src="{{ env('AWS_URL') }}/menu_images/exclusive-online-classes/02.png" alt="Exclusive Online Classes" class="img-fluid">
            <img src="{{ env('AWS_URL') }}/menu_images/exclusive-online-classes/03.png" alt="Exclusive Online Classes" class="img-fluid">
            <img src="{{ env('AWS_URL') }}/menu_images/exclusive-online-classes/04.png" alt="Exclusive Online Classes" class="img-fluid">
        </div>

        <h3>Sign up now to get Exclusive Online Classes and a 20% off coupon!</h3>
        <p>If you kindly provide your name and email, we will make sure to deliver information regarding the promotion, including details and prices.</p>

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

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