@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,
	});

	// Swiper 롤링 이미지 슬라이더 - 드래그만 사용하고 CSS 애니메이션으로 무한 롤링
	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';
				});
			}

	});
</script>
@endpush

@section('content')
<main class="korean-class-20-off-ru">
	<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">Скидка 20%</span>  <br><span class="ru-blue">на курс корейского!</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">Иностранцы, проживающие в Корее, хотят выучить<br class="pc-br"> корейский язык </div>
					</li>
					<li data-aos="fade-up">
						<div class="tit">Преимущества</div>
						<div class="txt"><em>Запишитесь на 4 недели и получите 1 неделю бесплатно <br class="pc-br"> — при более длительном обучении выгода увеличивается.</em></div>
					</li>
					<li data-aos="fade-up">
						<div class="tit">Период</div>
						<div class="txt">Для студентов, зарегистрировавшихся до января 2026 года </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>Последний шанс присоединиться к нашему<br class="pc-br"> корейскому классу! </strong></h2>
			</div>
		</section>

		<!-- study-steps -->
		<section class="study-steps">
			<div class="max-width">
				<ul class="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>Классы малых групп на Ваш<br class="pc-br">уровень,<br class="pc-br">темп и цели обучения.</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>Изучение реальных корейских<br class="pc-br">выражений используется<br class="pc-br">местными жителями в<br class="pc-br">повседневной жизни.</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>Разбивайте молчание.<br class="pc-br">Начните говорить по-корейски.<br class="pc-br">Чувствуйте себя уверенно каждый раз!</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>Сделайте незабываемым<br class="pc-br">воспоминания в Корее через<br class="pc-br">культурная деятельность,<br class="pc-br">обучение<br class="pc-br">с глобальными друзьями.</p>
							</div>
						</div>
					</li>
				</ul>
			</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">Корейский язык 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">Идеально подходит для начинающих! Уровни свой ежедневный корейский язык </p>
							<div class="txt">
								<p><span>Длительность курса</span>1 неделя~44 неделя <br>5 дней в неделю </p>
								<p><span>Класс</span>15 Урок /неделя</p>
								<p><span>Сертификат ertificate</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">Интенсивный курс корейского языка Ускорь свою беглость и точность </p>
							<div class="txt">
								<p><span>Длительность курса</span>1 неделя~44 неделя <br>5 дней в неделю </p>
								<p><span>Класс</span>Утренний класс/ Урок 19-го класса/неделя </p>
								<p><span>Уровень</span>lВсе уровни</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">Успешно сдайте 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>Два раза в неделю по два занятия </p>
								<p><span>Уровень</span>TOPIK уровень 3 </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">Учите корейский через<br> K-POP и K-дорамы </p>
							<div class="txt">
								<p><span>Текстовая книга</span>Учебник в свободной продаже</p>
								<p><span>Класс</span>Занятия проходят 4 раза в неделю по два урока — всего 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">Индивидуальные уроки<br> корейского 1:1 </p>
							<div class="txt">
								<p><span>Материалы и сроки обучения</span>Индивидуально после консультации </p>
							</div>
						</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/ru', 'noHeader' => true])
			</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/DLRN4fDSk6r/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank">
								<img src="{{ env('AWS_URL') }}/menu_images/korean20off/instagram-img.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>
									Замечательное заведение! Училась 2 недели на двух уровнях, знания заметно улучшились.<br class="pc-br">
									Так как обучение полностью на корейском языке, сразу начинаешь понемного понимать и<br class="pc-br">
									воспринимать речь носителей. Очень крутые, внимательные и добрые учителя! Очень<br class="pc-br">
									 доступно и легко объясняют. Также огромное количество разных активностей: экскурсии по<br class="pc-br">
									  городу, национальным местам. Мы даже украшали зеркальце ракушкой (на фото). Спасибо<br class="pc-br">
									   огромное edm Korean Global Campus за такой опыт! Советую учиться именно здесь.
								</p>
							</li>
							<li data-aos="fade-up">
								<div class="review-title"><strong>Валентина Голубцова </strong></div>
								<div class="score">⭐⭐⭐⭐⭐</div>
								<p>
									Я учусь на двухнедельном курсе корейского языка и мне удалось<br class="pc-br">
									поучиться у трех учителей академии. Преподаватели отзывчивые и<br class="pc-br">
									дружелюбные. Учеба проходит комфортно, всем советую:&#41;
								</p>
							</li>
							<li data-aos="fade-up">
								<div class="review-title"><strong>Дарья Палагина</strong></div>
								<div class="score">⭐⭐⭐⭐⭐</div>
								<p>
									Училась на курсах в течение 4х недель, очень понравился подход<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">
									за помощью и тебе никогда не откажут.<br class="pc-br">
									Очень рада, что смогла посетить данную языковую школу,<br class="pc-br">
									если будет возможность, то вернусь к ним ещё раз. <br class="pc-br">
									선생님들, 사랑해요 💜
								</p>
							</li>

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

		<section class="benefit ru-benefit">
			<div class="max-width">
				<h2 data-aos="fade-up">edm Korean Преимущества</h2>
				<ul>
					<li data-aos="fade-up">
						<div class="textWrap">
							<span>Преимущества 1 </span>
							<p class="tit">Скидка 20% на курс корейского языка</p>
							<p class="txt">Бесплатный дополнительный период,<br> равный периоду обучения </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">Скидка 10% на<br class="pc-br"> проживание в<br class="pc-br"> резиденции edm<br class="pc-br"> Premium</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="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>Магистр, Университет Ихва (Ewha Womans University)</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 Hangul Park</li>
								<li>Преподаватель корейского языка, Amazing Talker</li>
								<li>Магистр, Университет Бат (University of Bath)</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="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">
                            <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>
								16, Gangnam-daero 84-gil,<br>
								район Каннам, Сеул</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