Yuyan Language

<!doctype html>

<head>

<title>YUYAN LANGUAGE — LIVE JAPANESE CLASSES FOR FOREIGNERS IN JAPAN</title>

<style>

:root{

–accent:#D14043;

–muted:#6b7280;

–bg:#f6fbff;

–card:#ffffff;

–radius:14px;

–shadow: 0 10px 30px rgba(15,30,40,0.06);

font-family:Inter, system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;

color-scheme: light;

}

*{box-sizing:border-box}

body{margin:0;background:var(–bg);color:#111;line-height:1.5}

.container{max-width:1200px;margin:22px auto;padding:20px}

header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}

.brand{display:flex;align-items:center;gap:12px}

.logo img{width:140px;height:auto;object-fit:contain;display:block}

.site-link{color:var(–muted);font-size:13px}

.support-pill{padding:6px 12px;border-radius:999px;background:#fff4f2;color:var(–accent);font-weight:700}

/* HERO */

.hero{background:linear-gradient(180deg,#fff,#fffdfd);padding:34px;border-radius:18px;box-shadow:var(–shadow);display:grid;grid-template-columns:1fr;gap:22px}

@media(min-width:1000px){ .hero{grid-template-columns:1fr 420px} }

.kicker{display:inline-block;background:#fff2f2;color:var(–accent);padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px}

h1{font-size:30px;margin:8px 0 6px;line-height:1.05;font-weight:900}

.subtitle{font-size:18px;margin-bottom:12px;color:var(–accent);font-weight:800}

.lead{color:var(–muted);margin-bottom:12px}

.features{display:flex;flex-direction:column;gap:12px;margin-top:8px}

.feature{display:flex;gap:12px;align-items:flex-start}

.circle{width:46px;height:46px;border-radius:12px;background:#fff4f2;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(–accent)}

/* CTA */

.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:var(–accent);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(209,64,67,0.12)}

.btn.ghost{background:#fff;border:2px solid var(–accent);color:var(–accent)}

.note{color:var(–muted);margin-top:8px}

/* WHY JOIN icons */

.icons-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px;margin-top:18px}

@media(min-width:680px){ .icons-grid{grid-template-columns:repeat(4,1fr)} }

.icon-tile{background:var(–card);padding:18px;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease}

.icon-tile:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(15,30,40,0.08)}

.icon-circle{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:linear-gradient(180deg,#fff,#fff4f2);color:var(–accent);font-weight:900}

.icon-title{font-weight:800;margin-bottom:6px}

.icon-desc{color:var(–muted);font-size:14px}

/* FEES / CURRICULUM */

.fees-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}

@media(min-width:900px){ .fees-grid{grid-template-columns:repeat(3,1fr)} }

.fee-card{background:linear-gradient(180deg,#fff,#fff);padding:18px;border-radius:14px;border:1px solid #f0e9e9;box-shadow:0 10px 30px rgba(10,20,30,0.04);transition:transform .22s ease}

.fee-card:hover{transform:translateY(-6px)}

.fee-title{font-weight:900;color:var(–muted)}

.fee-price{font-size:20px;font-weight:900;color:var(–accent);margin-top:8px}

details{margin-top:12px;border-radius:10px;padding:10px;background:#fbfdff;border:1px solid #eef6fb}

summary{cursor:pointer;font-weight:800}

.curr-list{color:var(–muted);margin-left:18px;margin-top:8px}

/* TRAINERS */

.trainers{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}

@media(min-width:820px){ .trainers{grid-template-columns:repeat(2,1fr)} }

.trainer-card{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:12px;background:var(–card);box-shadow:0 8px 24px rgba(10,20,30,0.04)}

.trainer-img{width:120px;height:120px;object-fit:cover;border-radius:12px}

.trainer-bio{color:var(–muted);line-height:1.5}

/* TESTIMONIALS */

.test-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}

@media(min-width:900px){ .test-grid{grid-template-columns:repeat(3,1fr)} }

.test-card{background:linear-gradient(180deg,#fff,#fff);padding:14px;border-radius:12px;border-left:6px solid var(–accent);box-shadow:0 10px 26px rgba(10,20,30,0.04)}

.test-quote{color:var(–muted);margin-top:8px}

/* FAQ numbered */

.faq-ol{counter-reset:faq;list-style:none;padding:0;margin:0}

.faq-ol li{counter-increment:faq;margin-bottom:14px;padding-left:56px;position:relative}

.faq-ol li:before{content:counter(faq);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:10px;background:#fff4f2;color:var(–accent);display:flex;align-items:center;justify-content:center;font-weight:900;border:1px solid #f3e8e8}

.faq-question{font-weight:800}

.faq-answer{color:var(–muted);margin-top:6px}

/* sticky bottom logo */

.bottom-logo{position:fixed;left:12px;bottom:12px;width:96px;z-index:999;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.12);background:#fff;padding:8px}

footer{margin-top:28px;padding:12px;color:var(–muted);font-size:0.95rem;text-align:center}

a{color:inherit}

</style>

</head>

<body>

<div>

<div style=”font-weight:900;letter-spacing:0.6px”>YUYAN LANGUAGE</div>

<div class=”site-link”><a href=”https://www.yuyanlanguage.com” target=”_blank” rel=”noopener”>www.yuyanlanguage.com</a></div>

</div>

<div class=”support-pill”>日本語対応 • LOCAL JAPAN SUPPORT</div>

</header>

<!– HERO –>

<div>

<div class=”kicker”>NATIVE SPEAKING PRACTICE INCLUDED</div>

<h1 id=”hero-title”>LIVE JAPANESE CLASSES FOR FOREIGNERS IN JAPAN</h1>

<div class=”subtitle”>SURVIVAL JAPANESE · JLPT · JOB INTERVIEW PRACTICE</div>

<p class=”lead”>Practical lessons with experienced native and bilingual trainers. To book a trial, please call our local Japan contact — we handle scheduling and next steps by phone.</p>

<div class=”feature”><div class=”circle”>1</div><div><strong>PRACTICAL, JOB-READY JAPANESE</strong><div style=”color:var(–muted)”>Shopping, medical appointments, part-time job conversations.</div></div></div>

<div class=”feature”><div class=”circle”>N</div><div><strong>NATIVE TRAINER SPEAKING PRACTICE</strong><div style=”color:var(–muted)”>Weekly sessions to boost real speaking confidence.</div></div></div>

<div class=”feature”><div class=”circle”>¥</div><div><strong>CLEAR PRICING & PER-HOUR OPTIONS</strong><div style=”color:var(–muted)”>Full course fees listed below — N1/N2 also available at ¥2,000 / hour tutoring.</div></div></div>

</div>

<a class=”btn” href=”tel:+818045124020″>📞 CALL TO BOOK TRIAL — +81 80-4512-4020</a>

</div>

<p class=”note”>Call to reserve a trial slot — our local contact will confirm times and advise the right level for you.</p>

</div>

<!– Aside quick info card –>

<div style=”font-weight:900″>CONTACT</div>

<div style=”margin-top:8px;color:var(–muted)”>Email: <a href=”mailto:contact@yuyanlanguage.com”>contact@yuyanlanguage.com</a></div>

<strong style=”display:block;margin-bottom:6px”>Quick facts</strong>

<li>Native & bilingual trainers</li>

<li>Activity-based lessons</li>

</ul>

</div>

</aside>

</section>

<!– WHY JOIN –>

<h2 id=”why-title” style=”margin:0 0 12px;font-weight:900″>WHY JOIN YUYAN LANGUAGE</h2>

<!– user –>

</div>

<div class=”icon-title”>Professional Trainer</div>

<div class=”icon-desc”>Experienced native & certified teachers who explain clearly and correct speech in real time.</div>

</div>

<!– activity –>

</div>

<div class=”icon-title”>Activity Based</div>

<div class=”icon-desc”>Role-plays, prompts and real-life simulations so you speak from day one.</div>

</div>

<!– flexibility –>

</div>

<div class=”icon-title”>Flexibility</div>

<div class=”icon-desc”>Call to book trial; schedules designed for working learners and shift-workers.</div>

</div>

<!– affordability –>

</div>

<div class=”icon-title”>Affordability</div>

<div class=”icon-desc”>Transparent course fees — no hidden monthly subscriptions.</div>

</div>

<!– job –>

</div>

<div class=”icon-title”>Job Assistant</div>

<div class=”icon-desc”>CV and interview practice tailored for part-time and full-time roles in Japan.</div>

</div>

<!– cert –>

</div>

<div class=”icon-title”>Certification</div>

<div class=”icon-desc”>Completion certificate after finishing each course level.</div>

</div>

<!– JLPT –>

</div>

<div class=”icon-title”>JLPT Preparation</div>

<div class=”icon-desc”>Structured N5→N1 syllabus, exam strategies and mock tests.</div>

</div>

<!– JFT –>

</div>

<div class=”icon-title”>JFT Preparation</div>

<div class=”icon-desc”>Practice materials and mock tests for JFT where applicable.</div>

</div>

</section>

<!– FEES & CURRICULUM improved –>

<h2 style=”margin:0 0 12px;font-weight:900″>COURSE FEES & CURRICULUM</h2>

<!– N5 –>

<p style=”color:var(–muted);margin-top:10px”>Beginner level — survival Japanese for daily life.</p>

<summary>View curriculum</summary>

<li>Basic grammar (particles, present/past verbs)</li>

<li>~800 vocabulary words for daily life</li>

<li>~100 basic kanji</li>

<li>Short dialogues: greetings, shopping, directions</li>

</ul>

</details>

</div>

<!– N4 –>

<p style=”color:var(–muted);margin-top:10px”>Elementary — more conversation & reading practice.</p>

<summary>View curriculum</summary>

<li>Expanded grammar (te-form, conditional forms)</li>

<li>~1,500 vocab & ~300 kanji</li>

<li>Everyday conversations and JLPT-style reading practice</li>

</ul>

</details>

</div>

<!– N3 –>

<p style=”color:var(–muted);margin-top:10px”>Intermediate — fluency & exam strategy.</p>

<summary>View curriculum</summary>

<li>Complex grammar & natural expressions</li>

<li>~3,000 vocabulary & ~650 kanji</li>

<li>Listening passages, longer reading practice</li>

</ul>

</details>

</div>

<!– N2 –>

<p style=”color:var(–muted);margin-top:10px”>Upper-intermediate — business & academic Japanese.</p>

<summary>View curriculum</summary>

<li>Advanced grammar and nuance</li>

<li>~6,000 vocab & ~1000 kanji</li>

<li>Mock tests and business Japanese practice</li>

</ul>

</details>

<div style=”margin-top:10px;color:var(–muted);font-weight:700″>Tutoring option: ¥2,000 / hour (N1 / N2)</div>

</div>

<!– N1 –>

<p style=”color:var(–muted);margin-top:10px”>Advanced — high-level reading & expression.</p>

<summary>View curriculum</summary>

<li>High-level grammar, idioms & honorifics</li>

<li>~10,000 vocabulary & ~2000 kanji</li>

<li>Essay writing, debate-style speaking, full mock tests</li>

</ul>

</details>

<div style=”margin-top:10px;color:var(–muted);font-weight:700″>Tutoring option: ¥2,000 / hour (N1 / N2)</div>

</div>

<!– Quick note card –>

<div style=”font-weight:900″>Need a custom plan?</div>

<p style=”color:var(–muted);margin-top:8px”>We offer private tutoring at ¥2,000 / hour for N1/N2 students, CV/interview workshops, and job-assistant sessions. Call to discuss a package.</p>

<a class=”btn” href=”tel:+818045124020″ style=”margin-top:12px;display:inline-block”>CALL TO DISCUSS</a>

</div>

</section>

<!– TRAINERS (expanded bios) –>

<h2 style=”margin:0 0 12px;font-weight:900″>TRAINERS</h2>

<div>

<div style=”font-weight:900″>Ken Nakamura — Native Japanese Trainer</div>

Ken is a Tokyo-based native Japanese teacher with 6+ years teaching foreigners across conversation, JLPT and workplace Japanese. He focuses on practical speaking, pronunciation correction, and real role-play scenarios. Ken uses spaced-repetition (Anki), structured drills, and conversation practice to help students start speaking from day one. He has coached students to clear JLPT N5–N3 and supports job interview prep for part-time and full-time roles. Ken is patient, gives clear explanations in simple Japanese and English, and tailors lessons to each student’s goals.

</div>

<div>

<div style=”font-weight:900″>Gaurav Sherawat — JLPT Coach & Bilingual Instructor</div>

Gaurav is a certified JLPT N2 instructor with 5+ years experience teaching international learners. Fluent in English and Hindi, he breaks down grammar visually and focuses on exam strategies, reading techniques and active speaking practice. He helps students with study plans, mock tests and practical workplace Japanese. Gaurav’s classes are highly interactive, using short videos, role-plays and writing tasks to improve comprehension and output. He also provides targeted coaching for job interviews and JFT practice.

</div>

</section>

<!– TESTIMONIALS –>

<h2 style=”margin:0 0 12px;font-weight:900″>SUCCESS STORIES</h2>

<div style=”font-weight:900″>Priya — Tokyo</div>

<div class=”test-quote”>”Clear lessons and friendly trainers. I was able to manage hospital visits and part-time interviews after 2 months.”</div>

</div>

<div style=”font-weight:900″>Mohammad — Osaka</div>

<div class=”test-quote”>”Practical practice and mock JLPT tests helped me pass N5 quickly.”</div>

</div>

<div style=”font-weight:900″>Sara — Yokohama</div>

<div class=”test-quote”>”Role-play sessions made speaking comfortable — I use Japanese daily now.”</div>

</div>

</section>

<!– FAQ –>

<li>

<div class=”faq-question”>ARE CLASSES TAUGHT IN JAPANESE OR ENGLISH?</div>

<div class=”faq-answer”>Lessons are mostly in simple Japanese; English/Hindi support is available as needed to explain grammar and instructions.</div>

</li>

<li>

<div class=”faq-question”>WHAT IF I MISS A LESSON?</div>

<div class=”faq-answer”>Contact us — we offer recordings or makeup sessions depending on the course type.</div>

</li>

<li>

<div class=”faq-question”>DO YOU PROVIDE CERTIFICATES?</div>

<div class=”faq-answer”>Yes, a completion certificate is provided for each level after the student completes course milestones.</div>

</li>

<li>

<div class=”faq-question”>HOW DO I BOOK A TRIAL?</div>

<div class=”faq-answer”>CALL +81 80-4512-4020 to book a trial; we will advise the level and available slots over the phone.</div>

</li>

</ol>

</div>

</section>

<!– CONTACT & FOOTER –>

<div style=”font-weight:900″>LOCAL JAPAN CONTACT</div>

<div style=”color:var(–muted);margin-top:8px”>Call to book your trial class. We also arrange private N1/N2 tutoring at ¥2,000/hour.</div>

</div>

<div style=”font-weight:900″>EMAIL & WEBSITE</div>

<div style=”color:var(–muted);margin-top:8px”>Email: <a href=”mailto:contact@yuyanlanguage.com”>contact@yuyanlanguage.com</a></div>

<div style=”color:var(–muted);margin-top:6px”>Website: <a href=”https://www.yuyanlanguage.com” target=”_blank” rel=”noopener”>www.yuyanlanguage.com</a></div>

</div>

</section>

<div>Yuyan Language • LIVE JAPANESE CLASSES FOR FOREIGNERS IN JAPAN • <a href=”https://www.yuyanlanguage.com” target=”_blank” rel=”noopener”>www.yuyanlanguage.com</a></div>

</footer>

</div>

<!– sticky logo bottom-left –>

</div>

// Hide logo if missing

(function(){

var img = document.getElementById(‘siteLogo’);

if(img) img.onerror = function(){ img.style.display=’none’; };

var bottom = document.querySelector(‘.bottom-logo img’);

if(bottom) bottom.onerror = function(){ document.querySelector(‘.bottom-logo’).style.display=’none’; };

})();

</script>

</body>

</html>