<!DOCTYPE html>
<html lang=”vi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Khóa Học Tiếng Anh Giao Tiếp Cho Trẻ Em (6-10 Tuổi) | Online 1 Kèm 1 | Tommy English</title>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Paytone+One&family=Nunito:wght@400;600;700;800;900&family=Mulish:wght@400;500;600;700&display=swap” rel=”stylesheet”>
<style>
#te-page *, #te-page *::before, #te-page *::after { box-sizing: border-box; margin: 0; padding: 0; }
#te-page {
–or: #F25B1E;
–or-d: #C14514;
–or-l: #FFF1E9;
–ye: #FFB800;
–ye-l: #FFF6D8;
–te: #0FB3AC;
–te-l: #D4F4F3;
–pu: #7B3AED;
–pu-l: #EDE9FE;
–bg: #FFFBF8;
–white: #FFFFFF;
–dk: #1A0C06;
–tx: #2D1C14;
–muted: #7A6258;
–ff-disp: ‘Paytone One’, sans-serif;
–ff-head: ‘Nunito’, sans-serif;
–ff-body: ‘Mulish’, sans-serif;
font-family: var(–ff-body);
background: var(–bg);
color: var(–tx);
overflow-x: hidden;
line-height: 1.65;
}
#te-page img { max-width: 100%; display: block; }
#te-page a { text-decoration: none; color: inherit; }
/* ── CONTAINER ── */
.te-container { max-width: 960px; margin: 0 auto; padding: 0 20px; }
.te-container-wide { max-width: 1120px; margin: 0 auto; padding: 0 20px; }
/* ── SECTION LABELS ── */
.te-label {
display: inline-flex; align-items: center; gap: 6px;
background: var(–or-l); color: var(–or-d);
font-family: var(–ff-head); font-weight: 800; font-size: 12px;
letter-spacing: .08em; text-transform: uppercase;
padding: 6px 14px; border-radius: 100px;
border: 1.5px solid rgba(242,91,30,.2);
margin-bottom: 16px;
}
/* ── BUTTONS ── */
.te-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
font-family: var(–ff-head); font-weight: 800; font-size: 15px;
padding: 15px 32px; border-radius: 100px; cursor: pointer;
transition: transform .18s, box-shadow .18s; border: none;
text-decoration: none; white-space: nowrap;
}
.te-btn-primary {
background: var(–or); color: #fff;
box-shadow: 0 4px 24px rgba(242,91,30,.4);
}
.te-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(242,91,30,.5); }
.te-btn-ghost {
background: transparent; color: #fff;
border: 2px solid rgba(255,255,255,.5);
}
.te-btn-ghost:hover { background: rgba(255,255,255,.1); transform: translateY(-2px); }
.te-btn-yellow {
background: var(–ye); color: var(–dk);
box-shadow: 0 4px 24px rgba(255,184,0,.45);
}
.te-btn-yellow:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,184,0,.6); }
.te-btn-lg { font-size: 17px; padding: 18px 44px; }
.te-btn-pulse { animation: te-pulse 2s infinite; }
@keyframes te-pulse {
0%, 100% { box-shadow: 0 4px 24px rgba(255,184,0,.45); }
50% { box-shadow: 0 4px 40px rgba(255,184,0,.8), 0 0 0 8px rgba(255,184,0,.15); }
}
/* ── HERO ── */
.te-hero {
position: relative;
background: linear-gradient(145deg, #1A0700 0%, #3A1100 50%, #5C1E00 100%);
padding: 72px 20px 96px;
overflow: hidden;
}
.te-hero-glow1 {
position: absolute; top: -120px; right: -80px;
width: 520px; height: 520px; border-radius: 50%;
background: radial-gradient(circle, rgba(242,91,30,.35) 0%, transparent 65%);
pointer-events: none;
}
.te-hero-glow2 {
position: absolute; bottom: -180px; left: -60px;
width: 440px; height: 440px; border-radius: 50%;
background: radial-gradient(circle, rgba(255,184,0,.2) 0%, transparent 65%);
pointer-events: none;
}
.te-hero-glow3 {
position: absolute; top: 40%; left: 50%;
width: 300px; height: 300px; border-radius: 50%;
background: radial-gradient(circle, rgba(15,179,172,.1) 0%, transparent 70%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.te-hero-inner {
position: relative; z-index: 2;
max-width: 800px; margin: 0 auto; text-align: center;
}
.te-hero-badge {
display: inline-flex; align-items: center; gap: 8px;
background: rgba(255,184,0,.15); border: 1.5px solid rgba(255,184,0,.4);
color: var(–ye); font-family: var(–ff-head); font-weight: 700;
font-size: 13px; letter-spacing: .05em;
padding: 8px 18px; border-radius: 100px; margin-bottom: 28px;
}
.te-hero-badge span { display: inline-block; animation: te-sparkle 2s ease-in-out infinite alternate; }
@keyframes te-sparkle {
from { transform: scale(1) rotate(-5deg); }
to { transform: scale(1.2) rotate(5deg); }
}
.te-hero-title {
font-family: var(–ff-disp); color: #fff;
font-size: clamp(32px, 6vw, 56px); line-height: 1.15;
margin-bottom: 8px;
}
.te-hero-title span { color: var(–ye); }
.te-hero-title2 {
font-family: var(–ff-head); font-weight: 900;
color: var(–or); font-size: clamp(18px, 3.5vw, 28px);
margin-bottom: 24px;
}
.te-hero-sub {
font-family: var(–ff-body); color: rgba(255,255,255,.78);
font-size: clamp(14px, 2vw, 17px); max-width: 620px;
margin: 0 auto 40px; line-height: 1.75;
}
.te-hero-sub em { color: #fff; font-style: normal; font-weight: 600; }
.te-hero-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.te-hero-stats {
display: flex; justify-content: center; flex-wrap: wrap; gap: 0;
margin-top: 56px;
border-top: 1px solid rgba(255,255,255,.12);
padding-top: 40px;
}
.te-hero-stat {
flex: 1; min-width: 140px; max-width: 220px;
text-align: center; padding: 0 20px;
border-right: 1px solid rgba(255,255,255,.1);
}
.te-hero-stat:last-child { border-right: none; }
.te-hero-stat-num {
font-family: var(–ff-disp); color: var(–ye);
font-size: clamp(26px, 4vw, 38px); line-height: 1;
display: block; margin-bottom: 6px;
}
.te-hero-stat-label {
color: rgba(255,255,255,.6); font-size: 13px; font-family: var(–ff-body); font-weight: 500;
}
/* ── WAVE DIVIDER ── */
.te-wave { width: 100%; overflow: hidden; line-height: 0; background: var(–bg); }
.te-wave svg { display: block; }
/* ── PROGRAM SECTION ── */
.te-program {
background: var(–bg);
padding: 72px 20px;
}
.te-section-head { text-align: center; margin-bottom: 52px; }
.te-section-title {
font-family: var(–ff-head); font-weight: 900; line-height: 1.2;
font-size: clamp(26px, 4vw, 40px); color: var(–tx);
margin-bottom: 14px;
}
.te-section-title span { color: var(–or); }
.te-section-sub {
font-size: 16px; color: var(–muted); max-width: 600px; margin: 0 auto;
}
.te-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
}
.te-card {
background: var(–white);
border-radius: 20px;
padding: 28px 24px;
border: 1.5px solid rgba(0,0,0,.06);
transition: transform .2s, box-shadow .2s;
}
.te-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.1); }
.te-card-icon {
width: 52px; height: 52px; border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 24px; margin-bottom: 16px;
}
.te-card-icon-or { background: var(–or-l); }
.te-card-icon-ye { background: var(–ye-l); }
.te-card-icon-te { background: var(–te-l); }
.te-card-icon-pu { background: var(–pu-l); }
.te-card-num {
font-family: var(–ff-head); font-weight: 900; font-size: 12px;
letter-spacing: .08em; text-transform: uppercase;
margin-bottom: 8px;
}
.te-card-num-or { color: var(–or); }
.te-card-num-ye { color: var(–ye); }
.te-card-num-te { color: var(–te); }
.te-card-num-pu { color: var(–pu); }
.te-card h3 {
font-family: var(–ff-head); font-weight: 800; font-size: 17px;
color: var(–tx); margin-bottom: 10px; line-height: 1.3;
}
.te-card p { font-size: 14px; color: var(–muted); line-height: 1.7; }
/* ── PRICING SECTION ── */
.te-pricing {
background: linear-gradient(140deg, #C83F0A 0%, #F25B1E 50%, #FF7D3C 100%);
padding: 72px 20px;
position: relative; overflow: hidden;
}
.te-pricing::before {
content: ”; position: absolute; top: -80px; right: -80px;
width: 360px; height: 360px; border-radius: 50%;
background: rgba(255,255,255,.06);
}
.te-pricing::after {
content: ”; position: absolute; bottom: -100px; left: -60px;
width: 300px; height: 300px; border-radius: 50%;
background: rgba(0,0,0,.06);
}
.te-pricing-inner {
position: relative; z-index: 2;
text-align: center; max-width: 640px; margin: 0 auto;
}
.te-pricing-label {
display: inline-flex; align-items: center; gap: 6px;
background: rgba(255,255,255,.18); border: 1.5px solid rgba(255,255,255,.3);
color: #fff; font-family: var(–ff-head); font-weight: 800;
font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
padding: 8px 18px; border-radius: 100px; margin-bottom: 20px;
}
.te-pricing-head {
font-family: var(–ff-disp); color: #fff;
font-size: clamp(28px, 5vw, 44px); line-height: 1.2; margin-bottom: 32px;
}
.te-price-card {
background: #fff;
border-radius: 24px;
padding: 40px 36px;
display: inline-block;
max-width: 440px; width: 100%;
box-shadow: 0 20px 60px rgba(0,0,0,.2);
position: relative;
margin-bottom: 28px;
}
.te-price-save {
position: absolute; top: -14px; right: 24px;
background: var(–ye); color: var(–dk);
font-family: var(–ff-head); font-weight: 900; font-size: 13px;
padding: 6px 16px; border-radius: 100px;
box-shadow: 0 4px 16px rgba(255,184,0,.5);
}
.te-price-orig {
font-family: var(–ff-body); color: #b0a09a; font-size: 17px;
text-decoration: line-through; margin-bottom: 8px;
}
.te-price-now {
font-family: var(–ff-disp); color: var(–or);
font-size: clamp(52px, 10vw, 80px); line-height: 1;
margin-bottom: 4px;
}
.te-price-unit {
font-family: var(–ff-head); font-weight: 700; color: var(–muted);
font-size: 16px; margin-bottom: 24px;
}
.te-price-divider {
height: 1px; background: rgba(0,0,0,.08); margin: 20px 0;
}
.te-price-includes {
text-align: left; display: flex; flex-direction: column; gap: 10px;
}
.te-price-item {
display: flex; align-items: flex-start; gap: 10px;
font-size: 14px; color: var(–tx);
}
.te-price-check {
width: 20px; height: 20px; border-radius: 50%;
background: var(–te-l); color: var(–te);
display: flex; align-items: center; justify-content: center;
font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 1px;
}
/* ── WHY US ── */
.te-why {
background: var(–bg); padding: 80px 20px;
}
.te-why-grid {
display: grid; gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.te-why-card {
background: var(–white); border-radius: 20px;
padding: 32px 28px;
border: 1.5px solid rgba(0,0,0,.06);
transition: transform .2s, box-shadow .2s;
position: relative; overflow: hidden;
}
.te-why-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,.1); }
.te-why-card::before {
content: attr(data-num);
position: absolute; top: -12px; right: 20px;
font-family: var(–ff-disp); font-size: 80px; line-height: 1;
opacity: .06; color: var(–tx);
}
.te-why-num {
font-family: var(–ff-head); font-weight: 900; font-size: 11px;
letter-spacing: .1em; text-transform: uppercase;
margin-bottom: 14px;
}
.te-why-icon {
width: 56px; height: 56px; border-radius: 16px;
display: flex; align-items: center; justify-content: center;
font-size: 28px; margin-bottom: 18px;
}
.te-why-card h3 {
font-family: var(–ff-head); font-weight: 900; font-size: 19px;
color: var(–tx); margin-bottom: 12px; line-height: 1.3;
}
.te-why-card p { font-size: 14.5px; color: var(–muted); line-height: 1.75; }
.te-why-tag {
display: inline-block; margin-top: 16px;
font-family: var(–ff-head); font-weight: 700; font-size: 12px;
padding: 5px 12px; border-radius: 100px;
}
/* ── FORM SECTION ── */
.te-register {
background: linear-gradient(150deg, #1A0700 0%, #2C1000 100%);
padding: 80px 20px;
position: relative; overflow: hidden;
}
.te-register::before {
content: ”; position: absolute; top: -100px; right: -60px;
width: 400px; height: 400px; border-radius: 50%;
background: radial-gradient(circle, rgba(242,91,30,.25) 0%, transparent 65%);
}
.te-register-inner {
position: relative; z-index: 2;
display: grid; gap: 48px;
grid-template-columns: 1fr 1fr;
max-width: 900px; margin: 0 auto;
align-items: start;
}
@media (max-width: 680px) {
.te-register-inner { grid-template-columns: 1fr; }
}
.te-register-left h2 {
font-family: var(–ff-disp); color: #fff;
font-size: clamp(28px, 5vw, 42px); line-height: 1.2; margin-bottom: 16px;
}
.te-register-left h2 span { color: var(–ye); }
.te-register-left p {
color: rgba(255,255,255,.7); font-size: 15px; line-height: 1.8; margin-bottom: 28px;
}
.te-register-checks { display: flex; flex-direction: column; gap: 12px; }
.te-register-check {
display: flex; align-items: center; gap: 12px;
color: rgba(255,255,255,.85); font-size: 14px; font-weight: 500;
}
.te-register-check-icon {
width: 28px; height: 28px; border-radius: 50%;
background: rgba(255,184,0,.2); border: 1.5px solid rgba(255,184,0,.5);
display: flex; align-items: center; justify-content: center;
color: var(–ye); font-size: 13px; flex-shrink: 0; font-weight: 700;
}
.te-form-card {
background: #fff; border-radius: 24px; padding: 36px;
box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.te-form-card h3 {
font-family: var(–ff-head); font-weight: 900; font-size: 22px;
color: var(–tx); margin-bottom: 6px;
}
.te-form-card .te-form-sub {
color: var(–muted); font-size: 14px; margin-bottom: 24px;
}
.te-field { margin-bottom: 16px; }
.te-field label {
display: block; font-family: var(–ff-head); font-weight: 700;
font-size: 13px; color: var(–tx); margin-bottom: 6px;
}
.te-field label span { color: var(–or); }
.te-field input,
.te-field select,
.te-field textarea {
width: 100%;
border: 1.5px solid rgba(0,0,0,.12);
border-radius: 12px;
padding: 12px 16px;
font-family: var(–ff-body); font-size: 15px; color: var(–tx);
background: var(–bg);
transition: border-color .18s, box-shadow .18s;
outline: none;
appearance: none;
}
.te-field input:focus,
.te-field select:focus,
.te-field textarea:focus {
border-color: var(–or);
box-shadow: 0 0 0 3px rgba(242,91,30,.12);
background: #fff;
}
.te-field textarea { resize: vertical; min-height: 90px; }
.te-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 440px) { .te-field-row { grid-template-columns: 1fr; } }
.te-form-note {
font-size: 12px; color: var(–muted); text-align: center;
margin-top: 14px; line-height: 1.6;
}
/* ── FOOTER CTA ── */
.te-footer-cta {
background: var(–ye);
padding: 28px 20px;
text-align: center;
}
.te-footer-cta p {
font-family: var(–ff-head); font-weight: 800; font-size: 16px;
color: var(–dk); display: flex; align-items: center; justify-content: center;
gap: 10px; flex-wrap: wrap;
}
.te-footer-cta a {
font-family: var(–ff-head); font-weight: 900; font-size: 15px;
background: var(–dk); color: var(–ye);
padding: 10px 24px; border-radius: 100px;
transition: transform .18s, opacity .18s;
display: inline-block;
}
.te-footer-cta a:hover { transform: scale(1.03); opacity: .9; }
/* ── SCROLL ANIMATIONS ── */
.te-fade { opacity: 0; transform: translateY(28px); transition: opacity .6s, transform .6s; }
.te-fade.te-visible { opacity: 1; transform: translateY(0); }
.te-fade-d1 { transition-delay: .1s; }
.te-fade-d2 { transition-delay: .2s; }
.te-fade-d3 { transition-delay: .3s; }
.te-fade-d4 { transition-delay: .4s; }
/* ── RESPONSIVE ── */
@media (max-width: 600px) {
.te-hero-stats { gap: 16px; }
.te-hero-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); padding: 16px 0; }
.te-hero-stat:last-child { border-bottom: none; }
.te-price-card { padding: 32px 24px; }
.te-form-card { padding: 28px 20px; }
}
</style>
</head>
<body>
<div id=”te-page”>
<section class=”te-hero”>
<div class=”te-hero-glow1″></div>
<div class=”te-hero-glow2″></div>
<div class=”te-hero-glow3″></div>
<div class=”te-hero-inner”>
<div class=”te-hero-badge”>
<span>✦</span> GIAI ĐOẠN VÀNG PHÁT TRIỂN NGÔN NGỮ <span>✦</span>
</div>
<h1 class=”te-hero-title”>
Khóa Học Tiếng Anh<br>
<span>Giao Tiếp Cho Trẻ Em</span>
</h1>
<p class=”te-hero-title2″>6 – 10 Tuổi | Online 1 Kèm 1</p>
<p class=”te-hero-sub”>
Ba mẹ có biết, <em>6 đến 10 tuổi là “giai đoạn vàng”</em> để trẻ hấp thụ ngôn ngữ tự nhiên nhất?
Tommy English thiết kế lộ trình riêng với phương pháp <em>”Học mà chơi – Chơi mà học”</em>,
giúp bé không chỉ giỏi tiếng Anh mà còn thực sự ĐAM MÊ ngôn ngữ này!
</p>
<div class=”te-hero-actions”>
<a href=”#te-register” class=”te-btn te-btn-yellow te-btn-lg te-btn-pulse”>
🎁 Nhận ưu đãi 299K/buổi ngay
</a>
<a href=”#te-register” class=”te-btn te-btn-ghost”>
Tư vấn miễn phí →
</a>
</div>
<div class=”te-hero-stats”>
<div class=”te-hero-stat”>
<span class=”te-hero-stat-num”>500+</span>
<span class=”te-hero-stat-label”>Học sinh đã học</span>
</div>
<div class=”te-hero-stat”>
<span class=”te-hero-stat-num”>98%</span>
<span class=”te-hero-stat-label”>Ba mẹ hài lòng</span>
</div>
<div class=”te-hero-stat”>
<span class=”te-hero-stat-num”>3</span>
<span class=”te-hero-stat-label”>Tháng hè đặc biệt</span>
</div>
<div class=”te-hero-stat”>
<span class=”te-hero-stat-num”>1-1</span>
<span class=”te-hero-stat-label”>Coach riêng mỗi bé</span>
</div>
</div>
</div>
</section>
<div class=”te-wave” style=”background: linear-gradient(145deg, #1A0700 0%, #5C1E00 100%);”>
<svg viewBox=”0 0 1440 54″ xmlns=”http://www.w3.org/2000/svg” preserveAspectRatio=”none” height=”54″>
<path d=”M0,54 L0,30 C240,54 480,10 720,28 C960,46 1200,12 1440,30 L1440,54 Z” fill=”#FFFBF8″/>
</svg>
</div>
<section class=”te-program”>
<div class=”te-container”>
<div class=”te-section-head te-fade”>
<div class=”te-label”>✦ Chương trình đặc biệt mùa hè</div>
<h2 class=”te-section-title”>
Tiếng Anh Kids <span>1-1 Online</span> Qua Zoom<br>
<small style=”font-size:.65em; font-weight:700; color:var(–muted);”>(Lộ trình 3 tháng hè)</small>
</h2>
<p class=”te-section-sub”>
3 tháng hè là khoảng thời gian tuyệt vời để con học thêm một điều mới và phát triển bản thân.
Tommy English đồng hành cùng các con với lộ trình Online 1 kèm 1 tối ưu:
</p>
</div>
<div class=”te-cards-grid”>
<div class=”te-card te-fade te-fade-d1″>
<div class=”te-card-icon te-card-icon-pu”>🎯</div>
<div class=”te-card-num te-card-num-pu”>01 — Cá nhân hóa</div>
<h3>Lộ trình cá nhân hóa</h3>
<p>Thiết kế bài giảng bám sát trình độ tiếp thu thực tế của từng bé, không theo công thức chung chung.</p>
</div>
<div class=”te-card te-fade te-fade-d2″>
<div class=”te-card-icon te-card-icon-te”>🔄</div>
<div class=”te-card-num te-card-num-te”>02 — Linh hoạt</div>
<h3>Mục tiêu linh hoạt</h3>
<p>Phù hợp cho cả bé cần củng cố nền tảng lẫn bé muốn bứt phá phản xạ giao tiếp nhanh.</p>
</div>
<div class=”te-card te-fade te-fade-d3″>
<div class=”te-card-icon te-card-icon-or”>🤝</div>
<div class=”te-card-num te-card-num-or”>03 — Tương tác</div>
<h3>Tương tác 1-1 trực tiếp</h3>
<p>Bé được Coach quan tâm, sửa lỗi trực tiếp và đồng hành sát sao trong suốt buổi học.</p>
</div>
<div class=”te-card te-fade te-fade-d4″>
<div class=”te-card-icon te-card-icon-ye”>🏠</div>
<div class=”te-card-num te-card-num-ye”>04 — Tiện lợi</div>
<h3>Tiện lợi & an toàn</h3>
<p>Học ngay tại nhà qua Zoom, linh hoạt thời gian, ba mẹ dễ dàng theo dõi và kiểm soát.</p>
</div>
</div>
</div>
</section>
<section class=”te-pricing”>
<div class=”te-pricing-inner”>
<div class=”te-pricing-label te-fade”>🎁 BÙNG NỔ ƯU ĐÃI HÈ 🎁</div>
<h2 class=”te-pricing-head te-fade”>
Học phí cực hấp dẫn<br>chỉ trong mùa hè này!
</h2>
<div class=”te-price-card te-fade”>
<div class=”te-price-save”>Tiết kiệm 200.000đ</div>
<p class=”te-price-orig”>Giá gốc: 499.000đ/buổi</p>
<div class=”te-price-now”>299K</div>
<p class=”te-price-unit”>/ buổi học (60 phút)</p>
<div class=”te-price-divider”></div>
<div class=”te-price-includes”>
<div class=”te-price-item”>
<div class=”te-price-check”>✓</div>
<span>Học 1 kèm 1 cùng Coach chuyên biệt cho trẻ em</span>
</div>
<div class=”te-price-item”>
<div class=”te-price-check”>✓</div>
<span>Giáo trình cá nhân hóa theo trình độ bé</span>
</div>
<div class=”te-price-item”>
<div class=”te-price-check”>✓</div>
<span>Báo cáo tiến độ sau mỗi tháng học</span>
</div>
<div class=”te-price-item”>
<div class=”te-price-check”>✓</div>
<span>Test năng lực miễn phí trước khi học</span>
</div>
</div>
</div>
<a href=”#te-register” class=”te-btn te-btn-yellow te-btn-lg te-btn-pulse te-fade”>
👉 Nhận ưu đãi 299K/buổi ngay
</a>
</div>
</section>
<section class=”te-why”>
<div class=”te-container”>
<div class=”te-section-head te-fade”>
<div class=”te-label”>🎯 Điểm khác biệt</div>
<h2 class=”te-section-title”>
Vì Sao Ba Mẹ Nên Chọn <span>Tommy English?</span>
</h2>
<p class=”te-section-sub”>
Không phải ngẫu nhiên hàng trăm gia đình tin tưởng và gắn bó với Tommy English.
</p>
</div>
<div class=”te-why-grid”>
<div class=”te-why-card te-fade te-fade-d1″ data-num=”1″>
<div class=”te-why-num” style=”color:var(–pu);”>Lý do 01</div>
<div class=”te-why-icon” style=”background:var(–pu-l);”>🗣️</div>
<h3>Tập trung vào tính ứng dụng</h3>
<p>Mục đích cuối cùng là con có thể chủ động giới thiệu bản thân và tự tin giao tiếp. Tommy English nói không với học vẹt, nhồi nhét từ vựng thụ động.</p>
<span class=”te-why-tag” style=”background:var(–pu-l); color:var(–pu);”>Ứng dụng thực tế</span>
</div>
<div class=”te-why-card te-fade te-fade-d2″ data-num=”2″>
<div class=”te-why-num” style=”color:var(–te);”>Lý do 02</div>
<div class=”te-why-icon” style=”background:var(–te-l);”>🎙️</div>
<h3>Phát âm chuẩn ngay từ đầu</h3>
<p>Rèn luyện khẩu hình miệng, ngữ điệu tự nhiên như người bản xứ ngay từ những buổi đầu tiên. Tránh thói quen xấu khó sửa sau này.</p>
<span class=”te-why-tag” style=”background:var(–te-l); color:var(–te);”>Phát âm chuẩn quốc tế</span>
</div>
<div class=”te-why-card te-fade te-fade-d3″ data-num=”3″>
<div class=”te-why-num” style=”color:var(–or);”>Lý do 03</div>
<div class=”te-why-icon” style=”background:var(–or-l);”>📈</div>
<h3>Đội ngũ đồng hành sát sao</h3>
<p>Mô hình 1-1 đảm bảo Coach nắm rõ điểm mạnh, điểm yếu của từng bé để điều chỉnh phương pháp kịp thời. Cam kết tiến bộ rõ ràng sau mỗi tháng học.</p>
<span class=”te-why-tag” style=”background:var(–or-l); color:var(–or-d);”>Cam kết tiến bộ</span>
</div>
</div>
</div>
</section>
<section class=”te-register” id=”te-register”>
<div class=”te-register-inner te-container”>
<div class=”te-register-left te-fade”>
<h2>🚀 Đăng Ký<br><span>Tư Vấn Miễn Phí</span></h2>
<p>
Để mùa hè này trở thành hành trình giúp con tự tin hơn, chủ động hơn
và yêu thích tiếng Anh hơn mỗi ngày.
</p>
<div class=”te-register-checks”>
<div class=”te-register-check”>
<div class=”te-register-check-icon”>✓</div>
<span>Tư vấn lộ trình hoàn toàn miễn phí</span>
</div>
<div class=”te-register-check”>
<div class=”te-register-check-icon”>✓</div>
<span>Test năng lực tiếng Anh miễn phí cho bé</span>
</div>
<div class=”te-register-check”>
<div class=”te-register-check-icon”>✓</div>
<span>Nhận ưu đãi học phí 299K/buổi</span>
</div>
<div class=”te-register-check”>
<div class=”te-register-check-icon”>✓</div>
<span>Không áp lực, không cam kết trước</span>
</div>
</div>
</div>
<div class=”te-form-card te-fade te-fade-d2″ id=”te-form-placeholder”>
<h3>Ba mẹ để lại thông tin</h3>
<p class=”te-form-sub”>Đội ngũ Tommy English sẽ liên hệ trong vòng 30 phút!</p>
<form action=”#” method=”post” onsubmit=”teFormSubmit(event)”>
<div class=”te-field-row”>
<div class=”te-field”>
<label for=”te-name”>Tên bé <span>*</span></label>
<input type=”text” id=”te-name” name=”ten_be” placeholder=”VD: Minh Anh” required>
</div>
<div class=”te-field”>
<label for=”te-age”>Tuổi bé <span>*</span></label>
<select id=”te-age” name=”tuoi_be” required>
<option value=”” disabled selected>Chọn tuổi</option>
<option value=”6″>6 tuổi</option>
<option value=”7″>7 tuổi</option>
<option value=”8″>8 tuổi</option>
<option value=”9″>9 tuổi</option>
<option value=”10″>10 tuổi</option>
</select>
</div>
</div>
<div class=”te-field”>
<label for=”te-phone”>Số điện thoại Ba/Mẹ <span>*</span></label>
<input type=”tel” id=”te-phone” name=”sdt” placeholder=”VD: 0912 345 678″ required>
</div>
<div class=”te-field”>
<label for=”te-level”>Trình độ tiếng Anh hiện tại của bé</label>
<select id=”te-level” name=”trinh_do”>
<option value=”” disabled selected>Chọn trình độ</option>
<option value=”chua-biet-gi”>Chưa biết gì</option>
<option value=”biet-it”>Biết chút ít (đã học ở trường)</option>
<option value=”co-nen-tang”>Có nền tảng, muốn bứt phá</option>
</select>
</div>
<div class=”te-field”>
<label for=”te-note”>Ghi chú (không bắt buộc)</label>
<textarea id=”te-note” name=”ghi_chu” placeholder=”Ba mẹ có thể ghi mong muốn cho bé…”></textarea>
</div>
<button type=”submit” class=”te-btn te-btn-primary te-btn-lg” style=”width:100%; margin-top:4px;”>
Gửi đăng ký tư vấn miễn phí →
</button>
</form>
<p class=”te-form-note”>
🔒 Thông tin của ba mẹ được bảo mật tuyệt đối.<br>
Tommy English cam kết không spam hay chia sẻ thông tin cho bên thứ ba.
</p>
</div>
</div>
</section>
<div class=”te-footer-cta”>
<p>
🔥 Ưu đãi hè chỉ 299K/buổi — số lượng có hạn!
<a href=”#te-register”>Đăng ký ngay</a>
</p>
</div>
</div>
<script>
(function() {
var obs = new IntersectionObserver(function(entries) {
entries.forEach(function(e) {
if (e.isIntersecting) { e.target.classList.add(‘te-visible’); obs.unobserve(e.target); }
});
}, { threshold: 0.12 });
document.querySelectorAll(‘#te-page .te-fade’).forEach(function(el) { obs.observe(el); });
window.teFormSubmit = function(e) {
e.preventDefault();
var btn = e.target.querySelector(‘button[type=submit]’);
btn.disabled = true;
btn.textContent = ‘Đang gửi…’;
setTimeout(function() {
e.target.innerHTML = ‘<div style=”text-align:center;padding:32px 0″><div style=”font-size:56px;margin-bottom:16px”>🎉</div><h3 style=”font-family:var(–ff-head);font-size:22px;color:var(–tx);margin-bottom:10px”>Đăng ký thành công!</h3><p style=”color:var(–muted);font-size:15px;line-height:1.7″>Tommy English sẽ liên hệ Ba/Mẹ<br>trong vòng <strong>30 phút</strong> để tư vấn lộ trình và<br>sắp xếp buổi test năng lực miễn phí cho bé!</p></div>’;
}, 1000);
};
document.querySelectorAll(‘#te-page a[href^=”#”]’).forEach(function(a) {
a.addEventListener(‘click’, function(e) {
var t = document.querySelector(a.getAttribute(‘href’));
if (t) { e.preventDefault(); t.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); }
});
});
})();
</script>
</body>
</html>
(Đăng ký ngay để trải nghiệm hệ thống học tiếng Anh giao tiếp đã giúp hơn 100.000 học viên thành công trên con đường chinh phục tiếng Anh. Và giờ, đến lượt bạn … )
[/ux_text]