index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>A-Plus Education | 全优教育</title>
<meta name="description" content="A-Plus Education — expert tutoring for high school entrance exams, high school prep, and university preparation." />
<style>
:root{
--black:#1c1c1c;
--panel:#242424;
--orange:#e8892b;
--orange-light:#f2a84f;
--slate:#7fa6c4;
--slate-light:#a9c4da;
--cream:#f7f4ef;
--text:#2a2a2a;
--muted:#6b6b6b;
--white:#ffffff;
--radius:14px;
--shadow:0 10px 30px rgba(0,0,0,.12);
--maxw:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
color:var(--text);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{line-height:1.2;font-weight:800;color:var(--black)}
a{text-decoration:none;color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.btn{
display:inline-block;background:var(--orange);color:#fff;padding:14px 30px;border-radius:40px;
font-weight:700;letter-spacing:.3px;transition:.25s;border:2px solid var(--orange);cursor:pointer;font-size:1rem;
}
.btn:hover{background:var(--orange-light);border-color:var(--orange-light);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--slate);border-color:var(--slate)}
.btn.ghost:hover{background:var(--slate);color:#fff}
/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(28,28,28,.96);backdrop-filter:blur(8px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:52px;width:52px;border-radius:50%;object-fit:cover}
.brand .name{color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:.5px}
.brand .name span{color:var(--orange)}
nav ul{display:flex;gap:28px;list-style:none;align-items:center}
nav a{color:#e8e8e8;font-weight:600;font-size:.95rem;transition:.2s;position:relative}
nav a:hover{color:var(--orange-light)}
.lang{display:flex;gap:4px;background:#333;border-radius:30px;padding:4px}
.lang button{
background:transparent;border:none;color:#cfcfcf;font-weight:700;font-size:.8rem;padding:6px 12px;
border-radius:30px;cursor:pointer;transition:.2s;
}
.lang button.active{background:var(--orange);color:#fff}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer}
/* Hero */
.hero{
background:radial-gradient(circle at 75% 30%,#2e2e2e 0%,var(--black) 60%);
color:#fff;padding:90px 0 100px;position:relative;overflow:hidden;
}
.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;
background:radial-gradient(circle,rgba(232,137,43,.25),transparent 70%);border-radius:50%}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;position:relative;z-index:2}
.hero h1{color:#fff;font-size:3rem;margin-bottom:18px}
.hero h1 em{color:var(--orange);font-style:normal}
.hero p.lead{font-size:1.2rem;color:#d8d8d8;margin-bottom:32px;max-width:520px}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero-badge{display:inline-block;background:rgba(127,166,196,.18);color:var(--slate-light);
padding:7px 16px;border-radius:30px;font-weight:700;font-size:.85rem;margin-bottom:22px;letter-spacing:.5px}
.hero-logo{display:flex;justify-content:center}
.hero-logo img{width:min(320px,80%);border-radius:50%;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.stats{display:flex;gap:38px;margin-top:44px;flex-wrap:wrap}
.stat .num{font-size:2.1rem;font-weight:800;color:var(--orange)}
.stat .lbl{font-size:.85rem;color:#bdbdbd;letter-spacing:.5px}
/* Sections */
section.block{padding:84px 0}
.section-head{text-align:center;max-width:640px;margin:0 auto 54px}
.section-head .kicker{color:var(--orange);font-weight:800;letter-spacing:2px;font-size:.8rem;text-transform:uppercase}
.section-head h2{font-size:2.2rem;margin:10px 0 14px}
.section-head p{color:var(--muted);font-size:1.05rem}
/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-card{background:var(--black);color:#fff;border-radius:var(--radius);padding:40px;box-shadow:var(--shadow)}
.about-card h3{color:#fff;font-size:1.5rem;margin-bottom:14px}
.about-card p{color:#cfcfcf;margin-bottom:16px}
.values{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.value{background:var(--white);border:1px solid #ececec;border-radius:12px;padding:22px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.value .ic{width:44px;height:44px;border-radius:10px;background:rgba(232,137,43,.14);color:var(--orange);
display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px;font-weight:800}
.value h4{font-size:1.05rem;margin-bottom:6px}
.value p{color:var(--muted);font-size:.92rem}
/* Programs */
#programs{background:#fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{
background:var(--cream);border-radius:var(--radius);padding:32px 28px;border:1px solid #ececec;
transition:.25s;position:relative;overflow:hidden;
}
.card:before{content:"";position:absolute;top:0;left:0;height:5px;width:100%;background:var(--orange)}
.card:nth-child(2):before{background:var(--slate)}
.card:nth-child(4):before{background:var(--slate)}
.card:nth-child(6):before{background:var(--slate)}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card .tag{font-size:.75rem;font-weight:800;color:var(--orange);letter-spacing:1px;text-transform:uppercase}
.card h3{font-size:1.25rem;margin:10px 0 10px}
.card p{color:var(--muted);font-size:.95rem}
.card ul{margin-top:14px;padding-left:18px;color:var(--text);font-size:.9rem}
.card ul li{margin-bottom:5px}
/* Contact */
#contact{background:radial-gradient(circle at 20% 20%,#2b2b2b,var(--black));color:#fff}
#contact .section-head h2{color:#fff}
#contact .section-head p{color:#c8c8c8}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.info-item{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}
.info-item .ic{min-width:46px;height:46px;border-radius:12px;background:rgba(232,137,43,.16);color:var(--orange);
display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.info-item h4{color:#fff;font-size:1rem;margin-bottom:2px}
.info-item p{color:#c4c4c4;font-size:.95rem}
form{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
form label{display:block;font-weight:700;font-size:.85rem;color:var(--text);margin:0 0 6px}
form input,form select,form textarea{
width:100%;padding:12px 14px;border:1px solid #dcdcdc;border-radius:10px;margin-bottom:18px;
font-family:inherit;font-size:.95rem;color:var(--text);background:#fafafa;
}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--orange);background:#fff}
form .btn{width:100%;border:none}
.form-note{font-size:.8rem;color:var(--muted);margin-top:12px;text-align:center}
/* Footer */
footer{background:#141414;color:#bcbcbc;padding:46px 0 26px}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center}
.foot-brand{display:flex;align-items:center;gap:12px}
.foot-brand img{height:46px;width:46px;border-radius:50%}
.foot-brand .name{color:#fff;font-weight:800}
.foot-brand .name span{color:var(--orange)}
.foot-links{display:flex;gap:22px;flex-wrap:wrap}
.foot-links a{color:#bcbcbc;font-size:.9rem;transition:.2s}
.foot-links a:hover{color:var(--orange-light)}
.copy{border-top:1px solid #2a2a2a;margin-top:26px;padding-top:20px;text-align:center;font-size:.82rem;color:#888}
@media(max-width:900px){
.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
.hero-logo{order:-1}
.cards{grid-template-columns:1fr 1fr}
nav ul{display:none}
.menu-toggle{display:block}
nav.open ul{
display:flex;flex-direction:column;position:absolute;top:76px;left:0;right:0;background:var(--black);
padding:20px 24px;gap:16px;align-items:flex-start;
}
}
@media(max-width:600px){
.hero h1{font-size:2.2rem}
.cards{grid-template-columns:1fr}
.values{grid-template-columns:1fr}
.section-head h2{font-size:1.7rem}
.foot-grid{flex-direction:column;text-align:center}
}
</style>
</head>
<body>
<header>
<div class="wrap">
<nav class="nav" id="mainNav">
<a href="#home" class="brand">
<img src="logo.png" onerror="this.onerror=null;this.src='logo.svg'" alt="A-Plus Education logo" />
<span class="name">A-PLUS <span>EDUCATION</span></span>
</a>
<button class="menu-toggle" id="menuToggle" aria-label="Menu"></button>
<ul>
<li><a href="#home" data-i18n="nav_home">Home</a></li>
<li><a href="#about" data-i18n="nav_about">About</a></li>
<li><a href="#programs" data-i18n="nav_programs">Programs</a></li>
<li><a href="#contact" data-i18n="nav_contact">Contact</a></li>
<li>
<div class="lang" role="group" aria-label="Language">
<button data-lang="en" class="active">EN</button>
<button data-lang="fr">FR</button>
<button data-lang="zh">中文</button>
</div>
</li>
</ul>
</nav>
</div>
</header>
<!-- HERO -->
<section class="hero" id="home">
<div class="wrap hero-grid">
<div>
<span class="hero-badge" data-i18n="hero_badge">全优教育 · Excellence in Learning</span>
<h1 data-i18n="hero_title">Unlock your child's <em>full potential</em></h1>
<p class="lead" data-i18n="hero_lead">Expert tutoring for high school entrance exams, high school prep, and university preparation — guided by teachers who care.</p>
<div class="cta-row">
<a href="#contact" class="btn" data-i18n="hero_cta1">Book a Free Consultation</a>
<a href="#programs" class="btn ghost" data-i18n="hero_cta2">View Programs</a>
</div>
<div class="stats">
<div class="stat"><div class="num">10+</div><div class="lbl" data-i18n="stat1">Years Experience</div></div>
<div class="stat"><div class="num">1,000+</div><div class="lbl" data-i18n="stat2">Students Taught</div></div>
<div class="stat"><div class="num">95%</div><div class="lbl" data-i18n="stat3">Success Rate</div></div>
</div>
</div>
<div class="hero-logo">
<img src="logo.png" onerror="this.onerror=null;this.src='logo.svg'" alt="A-Plus Education" />
</div>
</div>
</section>
<!-- ABOUT -->
<section class="block" id="about">
<div class="wrap">
<div class="section-head">
<div class="kicker" data-i18n="about_kicker">About Us</div>
<h2 data-i18n="about_title">Learning that builds confidence</h2>
<p data-i18n="about_sub">We are a dedicated tutoring team helping students achieve academic excellence through personalized teaching.</p>
</div>
<div class="about-grid">
<div class="about-card">
<h3 data-i18n="about_h3">Our Mission</h3>
<p data-i18n="about_p1">At A-Plus Education, we believe every student can excel with the right guidance. We combine experienced teachers, structured curriculum, and small-group attention to turn effort into results.</p>
<p data-i18n="about_p2">From entrance exams to university admissions, we walk with families every step of the way.</p>
</div>
<div class="values">
<div class="value"><div class="ic"></div><h4 data-i18n="val1_t">Expert Teachers</h4><p data-i18n="val1_p">Qualified, caring instructors with proven track records.</p></div>
<div class="value"><div class="ic"></div><h4 data-i18n="val2_t">Personalized Plans</h4><p data-i18n="val2_p">Lessons tailored to each student's level and goals.</p></div>
<div class="value"><div class="ic"></div><h4 data-i18n="val3_t">Proven Results</h4><p data-i18n="val3_p">Consistent improvement in grades and exam scores.</p></div>
<div class="value"><div class="ic"></div><h4 data-i18n="val4_t">Supportive Setting</h4><p data-i18n="val4_p">A positive environment where students love to learn.</p></div>
</div>
</div>
</div>
</section>
<!-- PROGRAMS -->
<section class="block" id="programs">
<div class="wrap">
<div class="section-head">
<div class="kicker" data-i18n="prog_kicker">Our Programs</div>
<h2 data-i18n="prog_title">Programs for every stage</h2>
<p data-i18n="prog_sub">Focused tutoring pathways designed to meet key academic milestones.</p>
</div>
<div class="cards">
<div class="card">
<div class="tag" data-i18n="p1_tag">Grades 6–9</div>
<h3 data-i18n="p1_t">High School Entrance Exam Prep</h3>
<p data-i18n="p1_p">Targeted preparation to help students earn placement in top secondary schools.</p>
<ul>
<li data-i18n="p1_l1">Exam strategy & timed practice</li>
<li data-i18n="p1_l2">Core subject mastery</li>
<li data-i18n="p1_l3">Interview & application support</li>
</ul>
</div>
<div class="card">
<div class="tag" data-i18n="p2_tag">Grades 9–12</div>
<h3 data-i18n="p2_t">High School Prep</h3>
<p data-i18n="p2_p">Build strong foundations and stay ahead across all major subjects.</p>
<ul>
<li data-i18n="p2_l1">Math, Sciences & English</li>
<li data-i18n="p2_l2">Homework & study skills</li>
<li data-i18n="p2_l3">Report-card improvement</li>
</ul>
</div>
<div class="card">
<div class="tag" data-i18n="p3_tag">Grade 12+</div>
<h3 data-i18n="p3_t">University Preparation</h3>
<p data-i18n="p3_p">Guidance for admissions success and readiness for higher education.</p>
<ul>
<li data-i18n="p3_l1">Application & essay coaching</li>
<li data-i18n="p3_l2">Advanced subject tutoring</li>
<li data-i18n="p3_l3">Test & interview prep</li>
</ul>
</div>
<div class="card">
<div class="tag" data-i18n="p4_tag">All Ages</div>
<h3 data-i18n="p4_t">Chinese Language</h3>
<p data-i18n="p4_p">Bilingual instruction to build fluency in reading, writing and speaking.</p>
<ul>
<li data-i18n="p4_l1">Beginner to advanced</li>
<li data-i18n="p4_l2">Conversation & characters</li>
<li data-i18n="p4_l3">Heritage & exam tracks</li>
</ul>
</div>
<div class="card">
<div class="tag" data-i18n="p5_tag">Flexible</div>
<h3 data-i18n="p5_t">Test Prep</h3>
<p data-i18n="p5_p">Structured preparation for standardized and school-entrance tests.</p>
<ul>
<li data-i18n="p5_l1">Diagnostic assessment</li>
<li data-i18n="p5_l2">Practice exams & review</li>
<li data-i18n="p5_l3">Confidence building</li>
</ul>
</div>
<div class="card">
<div class="tag" data-i18n="p6_tag">And More</div>
<h3 data-i18n="p6_t">Custom Tutoring</h3>
<p data-i18n="p6_p">Not sure which fits? We create a plan around your child's needs.</p>
<ul>
<li data-i18n="p6_l1">One-on-one or small group</li>
<li data-i18n="p6_l2">In-person or online</li>
<li data-i18n="p6_l3">Flexible scheduling</li>
</ul>
</div>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="block" id="contact">
<div class="wrap">
<div class="section-head">
<div class="kicker" data-i18n="contact_kicker">Get In Touch</div>
<h2 data-i18n="contact_title">Enroll or ask a question</h2>
<p data-i18n="contact_sub">Reach out to book a free consultation — we usually reply within one business day.</p>
</div>
<div class="contact-grid">
<div>
<div class="info-item"><div class="ic"></div><div><h4 data-i18n="ci_phone">Phone</h4><p>(000) 000-0000</p></div></div>
<div class="info-item"><div class="ic"></div><div><h4 data-i18n="ci_email">Email</h4><p><a href="mailto:wangyu3379@gmail.com" style="color:#c4c4c4">wangyu3379@gmail.com</a></p></div></div>
<div class="info-item"><div class="ic"></div><div><h4 data-i18n="ci_addr">Address</h4><p data-i18n="ci_addr_v">123 Learning Ave, Your City</p></div></div>
<div class="info-item"><div class="ic"></div><div><h4 data-i18n="ci_hours">Hours</h4><p data-i18n="ci_hours_v">Mon–Fri: 3pm–9pm · Sat–Sun: 9am–5pm</p></div></div>
</div>
<form onsubmit="handleSubmit(event)">
<label data-i18n="f_name">Full Name</label>
<input id="fName" type="text" required placeholder="Jane Doe" />
<label data-i18n="f_email">Email</label>
<input id="fEmail" type="email" required placeholder="you@email.com" />
<label data-i18n="f_prog">Program of Interest</label>
<select id="fProg">
<option data-i18n="f_opt1">High School Entrance Exam Prep</option>
<option data-i18n="f_opt2">High School Prep</option>
<option data-i18n="f_opt3">University Preparation</option>
<option data-i18n="f_opt4">Chinese Language</option>
<option data-i18n="f_opt5">Other</option>
</select>
<label data-i18n="f_msg">Message</label>
<textarea id="fMsg" rows="4" placeholder="Tell us about your goals..."></textarea>
<button type="submit" class="btn" data-i18n="f_send">Send Message</button>
<p class="form-note" data-i18n="f_note">This is a demo form. Connect it to your email service to receive submissions.</p>
</form>
</div>
</div>
</section>
<footer>
<div class="wrap">
<div class="foot-grid">
<a href="#home" class="foot-brand">
<img src="logo.png" onerror="this.onerror=null;this.src='logo.svg'" alt="A-Plus Education" />
<span class="name">A-PLUS <span>EDUCATION</span> · 全优教育</span>
</a>
<div class="foot-links">
<a href="#about" data-i18n="nav_about">About</a>
<a href="#programs" data-i18n="nav_programs">Programs</a>
<a href="#contact" data-i18n="nav_contact">Contact</a>
</div>
</div>
<div class="copy">© <span id="year"></span> A-Plus Education · 全优教育. <span data-i18n="rights">All rights reserved.</span></div>
</div>
</footer>
<script>
const I18N = {
en:{
nav_home:"Home",nav_about:"About",nav_programs:"Programs",nav_contact:"Contact",
hero_badge:"全优教育 · Excellence in Learning",
hero_title:"Unlock your child's <em>full potential</em>",
hero_lead:"Expert tutoring for high school entrance exams, high school prep, and university preparation — guided by teachers who care.",
hero_cta1:"Book a Free Consultation",hero_cta2:"View Programs",
stat1:"Years Experience",stat2:"Students Taught",stat3:"Success Rate",
about_kicker:"About Us",about_title:"Learning that builds confidence",
about_sub:"We are a dedicated tutoring team helping students achieve academic excellence through personalized teaching.",
about_h3:"Our Mission",
about_p1:"At A-Plus Education, we believe every student can excel with the right guidance. We combine experienced teachers, structured curriculum, and small-group attention to turn effort into results.",
about_p2:"From entrance exams to university admissions, we walk with families every step of the way.",
val1_t:"Expert Teachers",val1_p:"Qualified, caring instructors with proven track records.",
val2_t:"Personalized Plans",val2_p:"Lessons tailored to each student's level and goals.",
val3_t:"Proven Results",val3_p:"Consistent improvement in grades and exam scores.",
val4_t:"Supportive Setting",val4_p:"A positive environment where students love to learn.",
prog_kicker:"Our Programs",prog_title:"Programs for every stage",
prog_sub:"Focused tutoring pathways designed to meet key academic milestones.",
p1_tag:"Grades 6–9",p1_t:"High School Entrance Exam Prep",p1_p:"Targeted preparation to help students earn placement in top secondary schools.",
p1_l1:"Exam strategy & timed practice",p1_l2:"Core subject mastery",p1_l3:"Interview & application support",
p2_tag:"Grades 9–12",p2_t:"High School Prep",p2_p:"Build strong foundations and stay ahead across all major subjects.",
p2_l1:"Math, Sciences & English",p2_l2:"Homework & study skills",p2_l3:"Report-card improvement",
p3_tag:"Grade 12+",p3_t:"University Preparation",p3_p:"Guidance for admissions success and readiness for higher education.",
p3_l1:"Application & essay coaching",p3_l2:"Advanced subject tutoring",p3_l3:"Test & interview prep",
p4_tag:"All Ages",p4_t:"Chinese Language",p4_p:"Bilingual instruction to build fluency in reading, writing and speaking.",
p4_l1:"Beginner to advanced",p4_l2:"Conversation & characters",p4_l3:"Heritage & exam tracks",
p5_tag:"Flexible",p5_t:"Test Prep",p5_p:"Structured preparation for standardized and school-entrance tests.",
p5_l1:"Diagnostic assessment",p5_l2:"Practice exams & review",p5_l3:"Confidence building",
p6_tag:"And More",p6_t:"Custom Tutoring",p6_p:"Not sure which fits? We create a plan around your child's needs.",
p6_l1:"One-on-one or small group",p6_l2:"In-person or online",p6_l3:"Flexible scheduling",
contact_kicker:"Get In Touch",contact_title:"Enroll or ask a question",
contact_sub:"Reach out to book a free consultation — we usually reply within one business day.",
ci_phone:"Phone",ci_email:"Email",ci_addr:"Address",ci_addr_v:"123 Learning Ave, Your City",
ci_hours:"Hours",ci_hours_v:"Mon–Fri: 3pm–9pm · Sat–Sun: 9am–5pm",
f_name:"Full Name",f_email:"Email",f_prog:"Program of Interest",f_msg:"Message",f_send:"Send Message",
f_opt1:"High School Entrance Exam Prep",f_opt2:"High School Prep",f_opt3:"University Preparation",f_opt4:"Chinese Language",f_opt5:"Other",
f_note:"Sending opens your email app addressed to us — just hit send and we'll reply soon.",
rights:"All rights reserved.",thanks:"Thank you! Your email app will open — please hit send and we'll be in touch soon."
},
fr:{
nav_home:"Accueil",nav_about:"À propos",nav_programs:"Programmes",nav_contact:"Contact",
hero_badge:"全优教育 · L'excellence dans l'apprentissage",
hero_title:"Révélez le <em>plein potentiel</em> de votre enfant",
hero_lead:"Un tutorat expert pour les examens d'entrée au secondaire, la préparation au secondaire et l'entrée à l'université — avec des enseignants attentionnés.",
hero_cta1:"Réserver une consultation gratuite",hero_cta2:"Voir les programmes",
stat1:"Ans d'expérience",stat2:"Élèves formés",stat3:"Taux de réussite",
about_kicker:"À propos",about_title:"Un apprentissage qui bâtit la confiance",
about_sub:"Nous sommes une équipe de tutorat dévouée qui aide les élèves à atteindre l'excellence grâce à un enseignement personnalisé.",
about_h3:"Notre mission",
about_p1:"Chez A-Plus Education, nous croyons que chaque élève peut exceller avec le bon accompagnement. Nous allions enseignants expérimentés, programme structuré et suivi en petits groupes pour transformer les efforts en résultats.",
about_p2:"Des examens d'entrée à l'admission universitaire, nous accompagnons les familles à chaque étape.",
val1_t:"Enseignants experts",val1_p:"Des instructeurs qualifiés et bienveillants aux résultats prouvés.",
val2_t:"Plans personnalisés",val2_p:"Des cours adaptés au niveau et aux objectifs de chaque élève.",
val3_t:"Résultats prouvés",val3_p:"Une amélioration constante des notes et des résultats d'examen.",
val4_t:"Cadre bienveillant",val4_p:"Un environnement positif où les élèves aiment apprendre.",
prog_kicker:"Nos programmes",prog_title:"Des programmes pour chaque étape",
prog_sub:"Des parcours de tutorat ciblés conçus pour atteindre les grandes étapes scolaires.",
p1_tag:"6e–9e année",p1_t:"Préparation à l'examen d'entrée au secondaire",p1_p:"Une préparation ciblée pour intégrer les meilleures écoles secondaires.",
p1_l1:"Stratégie d'examen & pratique chronométrée",p1_l2:"Maîtrise des matières de base",p1_l3:"Soutien entretien & candidature",
p2_tag:"9e–12e année",p2_t:"Préparation au secondaire",p2_p:"Bâtir des bases solides et garder une longueur d'avance dans toutes les matières.",
p2_l1:"Maths, sciences & anglais",p2_l2:"Devoirs & méthodes d'étude",p2_l3:"Amélioration du bulletin",
p3_tag:"12e année +",p3_t:"Préparation à l'université",p3_p:"Un accompagnement vers l'admission et la réussite dans les études supérieures.",
p3_l1:"Coaching candidature & rédaction",p3_l2:"Tutorat de matières avancées",p3_l3:"Préparation tests & entretiens",
p4_tag:"Tous âges",p4_t:"Langue chinoise",p4_p:"Un enseignement bilingue pour maîtriser la lecture, l'écriture et l'oral.",
p4_l1:"Débutant à avancé",p4_l2:"Conversation & caractères",p4_l3:"Parcours patrimoine & examen",
p5_tag:"Flexible",p5_t:"Préparation aux tests",p5_p:"Une préparation structurée aux tests standardisés et d'entrée.",
p5_l1:"Évaluation diagnostique",p5_l2:"Examens blancs & révision",p5_l3:"Renforcement de la confiance",
p6_tag:"Et plus",p6_t:"Tutorat sur mesure",p6_p:"Vous hésitez ? Nous créons un plan adapté aux besoins de votre enfant.",
p6_l1:"Individuel ou petit groupe",p6_l2:"En personne ou en ligne",p6_l3:"Horaires flexibles",
contact_kicker:"Contactez-nous",contact_title:"Inscrivez-vous ou posez une question",
contact_sub:"Contactez-nous pour une consultation gratuite — nous répondons généralement sous un jour ouvrable.",
ci_phone:"Téléphone",ci_email:"Courriel",ci_addr:"Adresse",ci_addr_v:"123 av. du Savoir, Votre ville",
ci_hours:"Heures",ci_hours_v:"Lun–Ven : 15h–21h · Sam–Dim : 9h–17h",
f_name:"Nom complet",f_email:"Courriel",f_prog:"Programme souhaité",f_msg:"Message",f_send:"Envoyer",
f_opt1:"Préparation à l'examen d'entrée au secondaire",f_opt2:"Préparation au secondaire",f_opt3:"Préparation à l'université",f_opt4:"Langue chinoise",f_opt5:"Autre",
f_note:"L'envoi ouvre votre application courriel déjà adressée à nous — cliquez sur envoyer et nous répondrons bientôt.",
rights:"Tous droits réservés.",thanks:"Merci ! Votre application courriel va s'ouvrir — cliquez sur envoyer et nous vous contacterons bientôt."
},
zh:{
nav_home:"首页",nav_about:"关于我们",nav_programs:"课程",nav_contact:"联系我们",
hero_badge:"全优教育 · 追求卓越",
hero_title:"激发孩子的<em>无限潜能</em>",
hero_lead:"专业辅导,助力中考、高中备考及大学升学——由用心的老师全程指导。",
hero_cta1:"预约免费咨询",hero_cta2:"查看课程",
stat1:"年教学经验",stat2:"名学生",stat3:"成功率",
about_kicker:"关于我们",about_title:"让学习建立自信",
about_sub:"我们是一支专注的辅导团队,通过个性化教学帮助学生取得卓越成绩。",
about_h3:"我们的使命",
about_p1:"在全优教育,我们相信每位学生在正确引导下都能出类拔萃。我们结合经验丰富的老师、系统化课程和小班关注,把努力化为成果。",
about_p2:"从入学考试到大学录取,我们与每个家庭一路同行。",
val1_t:"资深师资",val1_p:"合格、用心且成绩斐然的老师。",
val2_t:"个性化方案",val2_p:"根据每位学生的水平和目标量身定制课程。",
val3_t:"成效显著",val3_p:"成绩与考试分数持续提升。",
val4_t:"温暖环境",val4_p:"积极的氛围,让学生爱上学习。",
prog_kicker:"我们的课程",prog_title:"覆盖每个学习阶段",
prog_sub:"精准的辅导路径,助你达成关键学业目标。",
p1_tag:"6–9年级",p1_t:"中考备考",p1_p:"针对性备考,助力学生考入顶尖中学。",
p1_l1:"应试策略与限时训练",p1_l2:"核心科目精通",p1_l3:"面试与申请指导",
p2_tag:"9–12年级",p2_t:"高中备考",p2_p:"打好扎实基础,在各主要科目中保持领先。",
p2_l1:"数学、科学与英语",p2_l2:"作业与学习方法",p2_l3:"成绩单提升",
p3_tag:"12年级以上",p3_t:"大学升学准备",p3_p:"指导申请成功,为高等教育做好准备。",
p3_l1:"申请与文书辅导",p3_l2:"高阶科目辅导",p3_l3:"考试与面试准备",
p4_tag:"各年龄段",p4_t:"中文课程",p4_p:"双语教学,提升听说读写的流利度。",
p4_l1:"从零基础到高级",p4_l2:"对话与汉字",p4_l3:"传承与考试方向",
p5_tag:"灵活安排",p5_t:"考试培训",p5_p:"系统备考标准化及入学考试。",
p5_l1:"诊断性测评",p5_l2:"模拟考试与讲评",p5_l3:"建立信心",
p6_tag:"更多",p6_t:"定制辅导",p6_p:"不确定选哪个?我们围绕孩子的需求量身规划。",
p6_l1:"一对一或小班",p6_l2:"线下或线上",p6_l3:"弹性排课",
contact_kicker:"联系我们",contact_title:"报名或咨询",
contact_sub:"联系我们预约免费咨询——我们通常在一个工作日内回复。",
ci_phone:"电话",ci_email:"邮箱",ci_addr:"地址",ci_addr_v:"学习大道123号,您的城市",
ci_hours:"营业时间",ci_hours_v:"周一至周五:下午3点–9点 · 周六日:上午9点–下午5点",
f_name:"姓名",f_email:"邮箱",f_prog:"感兴趣的课程",f_msg:"留言",f_send:"发送",
f_opt1:"中考备考",f_opt2:"高中备考",f_opt3:"大学升学准备",f_opt4:"中文课程",f_opt5:"其他",
f_note:"点击发送会打开您的邮箱应用并自动填好收件人——按发送即可,我们会尽快回复。",
rights:"版权所有。",thanks:"谢谢!您的邮箱应用将会打开,请点击发送,我们会尽快与您联系。"
}
};
function setLang(lang){
document.querySelectorAll('[data-i18n]').forEach(el=>{
const key=el.getAttribute('data-i18n');
const val=I18N[lang][key];
if(val!==undefined) el.innerHTML=val;
});
document.documentElement.lang = lang==='zh'?'zh-CN':lang;
document.querySelectorAll('.lang button').forEach(b=>{
b.classList.toggle('active', b.getAttribute('data-lang')===lang);
});
try{ localStorage.setItem('aplus_lang', lang); }catch(e){}
}
document.querySelectorAll('.lang button').forEach(b=>{
b.addEventListener('click',()=>setLang(b.getAttribute('data-lang')));
});
// mobile menu
document.getElementById('menuToggle').addEventListener('click',()=>{
document.getElementById('mainNav').classList.toggle('open');
});
document.querySelectorAll('#mainNav ul li a').forEach(a=>{
a.addEventListener('click',()=>document.getElementById('mainNav').classList.remove('open'));
});
function handleSubmit(e){
e.preventDefault();
const lang=document.documentElement.lang.startsWith('zh')?'zh':(document.documentElement.lang.startsWith('fr')?'fr':'en');
const name=document.getElementById('fName').value;
const email=document.getElementById('fEmail').value;
const prog=document.getElementById('fProg').value;
const msg=document.getElementById('fMsg').value;
const subject=encodeURIComponent('Booking request from '+name+' — A-Plus Education');
const body=encodeURIComponent(
'Name: '+name+'\nEmail: '+email+'\nProgram of interest: '+prog+'\n\nMessage:\n'+msg
);
window.location.href='mailto:wangyu3379@gmail.com?subject='+subject+'&body='+body;
alert(I18N[lang].thanks);
e.target.reset();
}
document.getElementById('year').textContent=new Date().getFullYear();
let saved='en'; try{ saved=localStorage.getItem('aplus_lang')||'en'; }catch(e){}
setLang(saved);
</script>
</body>
</html>