@extends('layouts.app')

@push('head')
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

{!! resource('css/korean-class-20-off.css') !!}
@endpush

@push('scripts')
    <script>
        AOS.init({
			duration: 1100,
		});

		// 롤링 이미지 호버 시 일시정지
		document.addEventListener('DOMContentLoaded', function() {
			const rollingList = document.querySelector('#koreanclass20off .img-rolling-list');
			const swiperWrapper = document.querySelector('#koreanclass20off .rolling-swiper .swiper-wrapper');

			// CSS 애니메이션으로 무한 롤링
			if (swiperWrapper) {
				swiperWrapper.style.animation = 'rolling 80s linear infinite';
				swiperWrapper.style.willChange = 'transform';
			}

			// Swiper 초기화 (드래그 비활성화)
			const rollingSwiper = new Swiper('#koreanclass20off .rolling-swiper', {
				slidesPerView: 'auto',
				loop: true,
				loopAdditionalSlides: 9,
				allowTouchMove: false,
				grabCursor: false,
				autoplay: false,
			});

			// 호버 시 일시정지
			if (rollingList && swiperWrapper) {
				rollingList.addEventListener('mouseenter', function() {
					swiperWrapper.style.animationPlayState = 'paused';
				});

				rollingList.addEventListener('mouseleave', function() {
					swiperWrapper.style.animationPlayState = 'running';
				});
			}

			// YouTube 비디오 figure 클릭 시 플레이어 표시
			const videoWraps = document.querySelectorAll('#koreanclass20off .youtube .videoWrap');
			videoWraps.forEach(function(videoWrap) {
				const figure = videoWrap.querySelector('.video figure');
				const videoDiv = videoWrap.querySelector('.video');
				const youtubeId = videoWrap.getAttribute('data-youtube');

				if (figure && videoDiv && youtubeId) {
					figure.style.cursor = 'pointer';

					figure.addEventListener('click', function() {
						// 이미 iframe이 있으면 중복 생성 방지
						if (videoDiv.querySelector('iframe')) {
							return;
						}

						// figure 숨기기 (visibility 사용하여 공간 유지)
						figure.style.visibility = 'hidden';
						figure.style.opacity = '0';

						// YouTube iframe 생성
						const iframe = document.createElement('iframe');
						iframe.src = 'https://www.youtube.com/embed/' + youtubeId + '?autoplay=1&rel=0';
						iframe.setAttribute('width', '100%');
						iframe.setAttribute('height', '100%');
						iframe.setAttribute('frameborder', '0');
						iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
						iframe.setAttribute('allowfullscreen', '');
						iframe.style.position = 'absolute';
						iframe.style.top = '0';
						iframe.style.left = '0';
						iframe.style.width = '100%';
						iframe.style.height = '100%';

						// video div에 iframe 추가
						videoDiv.appendChild(iframe);
					});
				}
			});
		});
    </script>
@endpush

@section('content')
<main class="korean-class-20-off-jp">
	<article id="koreanclass20off">
		<section class="visual">
			<div class="max-width">
				<div class="top-button-list">
					<a href="/events/korean-class-20-off" class="btn">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/top-korea-btn.png" alt="English">
					</a>
					<a href="/events/korean-class-20-off/ru" class="btn">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/top-russia-btn.png" alt="Russia">
					</a>
					<a href="/events/korean-class-20-off/jp" class="btn">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/top-japen-btn.png" alt="Japanese">
					</a>
				</div>
				<h1 data-aos="fade-up"><strong><span class="ru-white">今なら韓国語クラス</span>  <br><span class="ru-blue">20%OFF</span></strong></h1>
				<!-- <p class="sub-title" data-aos="fade-up" data-aos-delay="100">We are offering a <em><strong>20% special discount coupon</strong></em> for <br>students who enroll to our academy!</p> -->
				<img src="{{ env('AWS_URL') }}/menu_images/korean20off/visual-img1.png" alt="20% OFF COUPON" data-aos="fade" data-aos-delay="400">
				<ul>
					<li data-aos="fade-up">
						<div class="tit">ターゲット</div>
						<div class="txt">韓国に在住し、韓国語を学びたい外国人 </div>
					</li>
					<li data-aos="fade-up">
						<div class="tit">特典</div>
						<div class="txt"><em>4週間の受講でも1週間は無料。期間が長いほど、さらにお得になります！</em></div>
					</li>
					<li data-aos="fade-up">
						<div class="tit">申込期間</div>
						<div class="txt">2026年1月までにお申し込みの方対象 </div>
					</li>
					<li data-aos="fade-up">
						<div class="tit">問い合わせ</div>
						<div class="txt">info@edmkorean.com</div>
					</li>
				</ul>
			</div>
		</section>

		<section class="insertBox bgWrap" style="background-image: url('{{ env('AWS_URL') }}/menu_images/korean20off/bgWrap1.png');">
			<div class="max-width">
				<h2 data-aos="fade-up"><strong>本格韓国語、最後のチャンス。</strong></h2>
			</div>
		</section>

		<!-- study-steps -->
		<section class="study-steps">
			<div class="max-width">
				<ul class="study-step jp-study-step">
					<li>
						<div>
							<div class="imgWrap">
								<img src="{{ env('AWS_URL') }}/menu_images/korean20off/study-step-1.jpeg" alt="Персонализированное обучение  Классы малых групп на Ваш уровень,темп и цели обучения.">
							</div>
							<p class="step-title">パーソナライズ学習 </p>
							<hr>
							<div class="info">
								<p>あなたのレベル・ペース・目標に合わせた少人数レッスン </p>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="imgWrap">
								<img src="{{ env('AWS_URL') }}/menu_images/korean20off/study-step-2.jpeg" alt="Практическая речь  Изучение реальных корейских выражений используется местными жителями в повседневной жизни.">
							</div>
							<p class="step-title">実践的な会話 </p>
							<hr>
							<div class="info">
								<p>地元の人が日常生活で使う本物の 韓国語表現を学べる </p>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="imgWrap">
								<img src="{{ env('AWS_URL') }}/menu_images/korean20off/study-step-3.jpeg" alt="Просто говори!  Разбивайте молчание. Начните говорить по-корейски. Чувствуйте себя уверенно каждый раз!">
							</div>
							<p class="step-title">とにかく話そう！</p>
							<hr>
							<div class="info">
								<p>沈黙を破って、韓国語で話し始めましょう。毎回自信を持って会話できるように！ </p>
							</div>
						</div>
					</li>
					<li>
						<div>
							<div class="imgWrap">
								<img src="{{ env('AWS_URL') }}/menu_images/korean20off/study-step-4.jpeg" alt="Деятельность обучения  Сделайте незабываемым воспоминания в Корее через культурная деятельность, обучение с глобальными друзьями.">
							</div>
							<p class="step-title">学びとアクティビティ</p>
							<hr>
							<div class="info">
								<p>文化体験と世界中の友達との交流を通じて、韓国で忘れられない思い出を作ろう</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</section>

		<section class="stats">
			<div class="max-width">
				<ul>
					<li data-aos="fade-up">
						<i class="bi bi-airplane icon"></i>
						<p class="tit">24+</p>
						<p class="txt">学生の国籍</p>
					</li>
					<li data-aos="fade-up">
						<i class="bi bi-files icon"></i>
						<p class="tit">98%</p>
						<p class="txt">修了率</p>
					</li>
					<li data-aos="fade-up">
						<i class="bi bi-book icon"></i>
						<p class="tit">5.0</p>
						<p class="txt">Googleでの評価</p>
					</li>
				</ul>
				<p class="desc" data-aos="fade-up">*edm Korean Internal data & Google reviews (2024 – June 2025)</p>
			</div>
		</section>

		<section class="course bgWrap" style="background-image: url('{{ env('AWS_URL') }}/menu_images/korean20off/course.png');">
			<div class="max-width">
				<h2 data-aos="fade-up">1日3時間で韓国語！ <br>自信を持って会話スタート！</h2>
				<ul>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/course-1.png" alt=""></div>
						<div class="textWrap">
							<p class="tit">一般韓国語コース </p>
							<p class="sub-tit">初心者に最適！<br>日常韓国語をステップアップ </p>
							<div class="txt">
								<p><span>コース期間</span>1週間〜44週間(週5日</p>
								<p><span>授業</span>週15レッスン</p>
								<p><span>修了証</span>修了時に証明書を発行</p>
							</div>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/course-2.png" alt=""></div>
						<div class="textWrap">
							<p class="tit">集中韓国語コース </p>
							<p class="sub-tit">集中韓国語コース<br> 流暢さと正確さを伸ばそう</p>
							<div class="txt">
								<p><span>コース期間</span>4週間</p>
								<p><span>授業</span>週15レッスン</p>
								<p><span>レベル</span>中級〜上級向け</p>
							</div>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/course-3.png" alt=""></div>
						<div class="textWrap">
							<p class="tit">TOPIK対策コース</p>
							<p class="sub-tit">自信を持って<br>TOPIK合格へ！</p>
							<div class="txt">
								<p><span>コース期間</span>4週間 </p>
								<p><span>授業 </span>週15レッスン</p>
								<p><span>レベル</span>中級〜上級向け </p>
							</div>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/course-4.png" alt=""></div>
						<div class="textWrap">
							<p class="tit">ビジネス韓国語コース  </p>
							<p class="sub-tit">ビジネス韓国語コース(社会人向け） </p>
							<div class="txt">
								<p><span>教材</span>市販教材を使用  </p>
								<p><span>授業</span>週2回(1回につき2レッスン）  </p>
								<p><span>レベル</span>TOPIK3級相当  </p>
							</div>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/course-5.png" alt=""></div>
						<div class="textWrap">
							<p class="tit">K-POP韓国語</p>
							<p class="sub-tit">K-POP＆韓国ドラマで学ぶ韓国語</p>
							<div class="txt">
								<p><span>教材</span>市販教材を使用</p>
								<p><span>授業</span>週4回（1回につき2レッスン<br> 合計8レッスン</p>
							</div>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/course-6.png" alt=""></div>
						<div class="textWrap course6">
							<p class="tit">1:1プライベートレッスン </p>
							<p class="sub-tit">1:1プライベート韓国語レッスン </p>
							<div class="txt">
								<p><span>教材・期間</span>カウンセリング後にカスタマイズ</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</section>

		<section class="benefit jp-benefit">
			<div class="max-width">
				<h2 data-aos="fade-up">edm Korean Student Benefits</h2>
				<ul>
					<li data-aos="fade-up">
						<div class="textWrap">
							<span>メリット1 </span>
							<p class="tit">韓国語クラスが今なら20％OFF！<br> さらに！受講期間と同じ期間を無料で追加提供</p>
							<p class="txt">(申込期限：10月31日まで） </p>
						</div>
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/benefit-1.png" alt=""></div>
					</li>
					<li data-aos="fade-up">
						<div class="textWrap">
							<span>メリット 2  </span>
							<p class="tit">キャンペーン「無料週間」 </p>
							<p class="sub-tit">4週間 = 3 + 1無料 <br>8週間 = 6 + 2無料 <br>12週間 = 9 + 3無料 </p>
							<p class="txt">※20％割引との併用はできません。 </p>
						</div>
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/benefit-3.png" alt=""></div>
					</li>
					<li data-aos="fade-up">
						<div class="textWrap">
							<span>メリット 3</span>
							<p class="tit">4週間以上の予約で、edmプレミアム寮が10％OFF！ コース受講期間に合わせて滞在すると、宿泊費割引特典あり！</p>
							{{-- <p class="txt">при бронировании от 4 недель <br>(срок проживания должен совпадать с длительностью курса) </p> --}}
						</div>
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/benefit-4.png" alt=""></div>
					</li>
				</ul>
			</div>
		</section>

		<section class="getCoupon">
			<div class="max-width">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                            <h2>Enter your email to get your 20% off coupon</h2>
                            <p class="sub-title"><strong><em>If you kindly provide your name and email, we will make sure to deliver information regarding the promotion, including details and prices.</em></strong></p>
                    </div>
                </div>
				@include('components.inquiry-form', ['pageId' => 'events/korean-class-20-off/jp', 'noHeader' => true])
			</div>
		</section>

		<section class="teacher">
			<div class="max-width">
				<h2 data-aos="fade-up">99％の韓国語講師陣！ <br>基礎から会話まで自信を持って指導します。</h2>
				<ul class="list">
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/teacher-1.jpg" alt=""></div>
						<div class="textWrap">
							<div class="name">
								<b>Dami Park</b>
								<span>シニア講師 </span>
							</div>
							<p>“間違いを恐れず、<br>会話で学ぼう”  </p>
							<ul class="dotList">
								<li>edm Korean 韓国語講師</li>
								<li>西京大学 言語文化院 韓国語講師</li>
								<li>国際外国人センター 韓国語講師</li>
								<li>梨花女子大学 修士課程修了 </li>
							</ul>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/teacher-2.jpg" alt=""></div>
						<div class="textWrap">
							<div class="name">
								<b>Lee Ahn Kim</b>
								<span>講師</span>
							</div>
							<p>“韓国語を自信に変える道を、<br> 一緒に歩もう。” </p>
							<ul class="dotList">
								<li>edm Korean 韓国語講師</li>
								<li>SISAハングルパークアカデミー 韓国語講師</li>
								<li>Amazing Talker 韓国語講師</li>
								<li>バース大学 修士課程修了 </li>
							</ul>
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="imgWrap"><img src="{{ env('AWS_URL') }}/menu_images/korean20off/teacher-3.jpg" alt=""></div>
						<div class="textWrap">
							<div class="name">
								<b>Hee In Kim</b>
								<span>講師</span>
							</div>
							<p>“自由に話して、楽しく笑って、 <br>短期間でレベルアップ！” </p>
							<ul class="dotList">
								<li>edm Korean 韓国語講師</li>
								<li>漢林大学 国際教育部 韓国語講師</li>
								<li>江原大学 留学生プログラム 韓国語講師</li>
								<li>漢林大学 修士課程修了 </li>
							</ul>
						</div>
					</li>
				</ul>

				{{-- <div class="btnWrap">
					<a href="{{ route('request-quotation') }}" class="btn">Бесплатная консультация</a>
				</div> --}}
			</div>
		</section>

		<section class="youtube">
			<div class="max-width">
				<div class="videoWrap mainVideo" data-youtube="RNdbF_1GiRE">
					<div class="video"><figure style="background-image:url('https://img.youtube.com/vi/RNdbF_1GiRE/maxresdefault.jpg')"></figure></div>
				</div>

				<div class="btnWrap">
					<a href="{{ route('request-quotation') }}" class="btn">無料カウンセリング</a>
				</div>
			</div>
		</section>

		<section class="instar-review">
			<div class="max-width">
				<h2 data-aos="fade-up">満足度 5.0<br><span>受講生のストーリー</span></h2>
				<div class="instar-review-list">
					<div class="review-item">
						<div class="img-box">
							<a href="https://www.instagram.com/reel/DHQxIMxBTy5/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA%3D%3D" target="_blank">
								<img src="{{ env('AWS_URL') }}/menu_images/korean20off/instagram-img-jp.jpg" alt="">
							</a>
						</div>
					</div>
					<div class="review-item">
						<ul class="review-box">
							<li data-aos="fade-up">
								<div class="review-title"><strong>田中雄基</strong></div>
								<div class="score">⭐⭐⭐⭐⭐</div>
								<p>
									約1か月通いました。先生方がとても明るく<br class="pc-br">
									毎日学校に行くのが楽しみでした。<br class="pc-br">
									授業ではクラスメイトとの会話練習など、実践的に学べる機会が多く、<br class="pc-br">
									とても充実していたと感じています。<br class="pc-br">
									先生も一人ひとりに合わせて接してくださり、<br class="pc-br">
									居心地の良い環境でした。<br class="pc-br">
									韓国留学やワーキングホリデーで学校に通うことを考えている方に、<br class="pc-br">
									ぜひおすすめしたいです。
								</p>
							</li>
							<li data-aos="fade-up">
								<div class="review-title"><strong>zeng</strong></div>
								<div class="score">⭐⭐⭐⭐⭐</div>
								<p>
									分かりやすい場所にあり、周囲にレストランも多いのでランチにも困りません。<br class="pc-br">
									短期間でも自分のレベルに合わせて授業を受けられ、<br class="pc-br">
									クラスの人数も少ないため、しっかり勉強することができました。
								</p>
							</li>
							<li data-aos="fade-up">
								<div class="review-title"><strong>松山かほ</strong></div>
								<div class="score">⭐⭐⭐⭐⭐</div>
								<p>
									2週間お世話になりました。<br class="pc-br">
									勉強だけでなく、アクティビティもあってとても楽しい時間を過ごせました<br class="pc-br">
									先生方もとても優しく、日本語ができる先生もいるので安心して学ぶことができました。
								</p>
							</li>

						</ul>
					</div>
				</div>
			</div>
		</section>


		<section class="rolling">
			<div class="img-rolling-list swiper rolling-swiper">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-1.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-2.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-3.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-4.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-5.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-6.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-7.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-8.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-9.jpg" alt="">
					</div>
					<!-- 무한 루프를 위한 복제 -->
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-1.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-2.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-3.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-4.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-5.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-6.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-7.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-8.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="{{ env('AWS_URL') }}/menu_images/korean20off/img-rolling-9.jpg" alt="">
					</div>
				</div>
			</div>
		</section>

		<section class="address">
			<div class="max-width">
				<h2 data-aos="fade-up">edm Korean の所在地 </h2>
				<div class="address-box">
					<div class="map-box">
						<div class="map-container" style="">
                            <div id="map-seoul" style="border-radius: 0.75rempx; background: #e0e0e0;"></div>
                        </div>
					</div>
					<div class="address-content">
						<h3 data-aos="fade-up">edm Korean</h3>

						<div class="address">
							<p><strong>住所</strong></p>
							<p>Jace Tower 4階<br>
								ソウル特別市 江南区 江南大路84キル16</p>
						</div>
						<div class="phone">
							<p><strong>Phone</strong></p>
							<p>+82 2-6956-0909</p>
						</div>
					</div>
				</div>

				<div class="btnWrap">
					<a href="{{ route('request-quotation') }}" class="btn">無料カウンセリング</a>
				</div>
			</div>
		</section>


		{{-- <section class="faq">
			<div class="max-width">
				<h2>FAQ</h2>
				<ul>
					<li data-aos="fade-up">
						<div class="q"><span>Q.</span>I’m visiting for a long-term trip of about 3 months. Can I still apply? </div>
						<div class="a">
							Yes, absolutely! (:
							<br>Each course has different durations,
							<br>so after consulting with our expert instructors,
							<br>you can choose the schedule that fits you best and start your classes.
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="q"><span>Q.</span>I can’t read Korean. Can I join the classes?</div>
						<div class="a">
							Yes, of course! Even if you have no prior experience learning Korean,
							<br>you can join our classes. Our curriculum covers everything from basic Korean to practical usage,
							<br>and we offer various classes including K-Drama, K-Pop, and one-on-one lessons.
							<br>All edm teachers are very supportive, so don’t be afraid to take on the challenge even if you’re new to Korean.
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="q"><span>Q.</span>Do you assist with visa issuance?</div>
						<div class="a">
							We do not provide visa assistance.
						</div>
					</li>
					<li data-aos="fade-up">
						<div class="q"><span>Q.</span>What language do teachers use in class?</div>
						<div class="a">
							It is a rule to use Korean in class, and you can also use English to help your understanding.
						</div>
					</li>
				</ul>
				<div class="btnWrap"><a href="{{ route('request-quotation') }}" class="btn">Get a Free Consultation</a></div>
			</div>
		</section> --}}
	</article>
</main>
@endsection
@push('scripts')
    <script>
    // Contact Us 페이지 전역 설정
    window.CONTACT_CONFIG = {
        googleMapsApiKey: '{{ env("GOOGLE_MAPS_API_KEY", "") }}',
        googleMapsMapId: '{{ env("GOOGLE_MAPS_MAP_ID", "") }}'
    };
    </script>

    {!! resource('js/map.js') !!}
@endpush