const { Button: HBtn, Badge: HBadge, Card: HCard, ProgressBar: HProgress, Stat: HStat, Avatar: HAvatar, Tag: HTag } = window.BCDesignSystem_b342dd; function fmtVnd(n) { return new Intl.NumberFormat('vi-VN').format(n); } function HomeHero({ c, onDonate, onNavigate, onPlayVideo }) { return (
Đang gây quỹ Tây Nguyên

Mỗi bước chân hôm nay, một tương lai rộng mở

Hành trình vạn dặm bắt đầu từ một bước chân

Gây quỹ trại hè kỹ năng sống cho học sinh cấp 2 vùng Tây Nguyên — nơi các em được tiếp cận tư duy phản biện, AI và những hoạt động ngoại khoá đầu đời.

}>Quyên góp ngay Xem hành trình
Bước
Trại hè Bước · Mùa 2026
{fmtVnd(c.raised)}₫ / {fmtVnd(c.goal)}₫
Đồng hành cùng các em
); } function Mission() { const items = [ { icon: 'users', title: 'Học sinh cấp 2', text: 'Các bạn 13–18 tuổi ở vùng Tây Nguyên, nơi ít cơ hội tiếp cận hoạt động ngoại khoá.' }, { icon: 'lightbulb', title: 'Kỹ năng cho tương lai', text: 'Tư duy phản biện, cách học hiệu quả và làm quen với AI — hành trang bước vào đời.' }, { icon: 'handHeart', title: 'Học bổng 50–100%', text: 'Chi phí trại hè được tài trợ qua các gói học bổng, để không em nào bị bỏ lại.' }, ]; return (
Vì sao có Bước

Giáo dục là đặc quyền?

Trẻ em ở vùng xa không thiếu khả năng, các em chỉ thiếu một hệ sinh thái để phát huy tiềm năng đó.

{items.map(it => (

{it.title}

{it.text}

 ))}
); } function AnimatedCounter({ end, duration = 2000, suffix = '' }) { const [count, setCount] = React.useState(0); const ref = React.useRef(); React.useEffect(() => { const observer = new IntersectionObserver( (entries) => { if (entries[0].isIntersecting) { let startTimestamp = null; const step = (timestamp) => { if (!startTimestamp) startTimestamp = timestamp; const progress = Math.min((timestamp - startTimestamp) / duration, 1); // Ease out quad const easeProgress = progress * (2 - progress); setCount(Math.floor(easeProgress * end)); if (progress < 1) { window.requestAnimationFrame(step); } }; window.requestAnimationFrame(step); observer.disconnect(); } }, { threshold: 0.5 } ); if (ref.current) observer.observe(ref.current); return () => observer.disconnect(); }, [end, duration]); return {count}{suffix}; } function SocialImpact() { return (
Tác động Xã hội

Kiến tạo giá trị thực

Tỉnh Tây Nguyên

Trại sinh đến từ mọi miền của Tây Nguyên - Việt Nam.

Học sinh tham gia

Cung cấp cơ hội trải nghiệm thực tế và rèn luyện kỹ năng.

); } function VideoSection() { return (
); } function Phases({ onNavigate }) { const phases = [ { tag: 'Phase 1', icon: 'bookOpen', title: 'Tập huấn kỹ năng', dur: 'Trước trại hè', text: 'Các buổi training về tư duy phản biện, phương pháp học tập và làm quen với AI.', points: ['Tư duy phản biện', 'Cách học hiệu quả', 'Nhập môn AI'] }, { tag: 'Phase 2', icon: 'tent', title: 'Trại hè 4 ngày 3 đêm', dur: '4 ngày · 3 đêm', text: 'Các bạn cùng học tập, thực hành và trải nghiệm trong một môi trường trại hè đúng nghĩa.', points: ['Hoạt động nhóm', 'Thực hành dự án', 'Kết nối & sẻ chia'] }, ]; return (
Tiến trình dự án

Hai giai đoạn, một hành trình

{phases.map((p, i) => (
{p.tag}
{p.dur}

{p.title}

{p.points.map(pt => (
))}
))}
); } function RecapGallery() { return (
Nhìn lại chặng đường

Mùa 1 & Mùa 2

Recap 2024 Recap 2025
Mùa 2 - 2025
); } function ActivityGallery() { return (
Trải nghiệm Trại sinh

Học tập, thực hành và sẻ chia

{/* Row 1 */}
Sự phát triển Sự phát triển
{/* Row 2 */}

Giáo dục Thực tế Trực quan

Trại sinh được trực tiếp tham gia các hoạt động giáo dục thực tế trực quan, khơi dậy niềm đam mê khoa học và tìm tòi khám phá thông qua những thí nghiệm sinh động, giúp các em tự do sáng tạo và hiểu rõ hơn về thế giới xung quanh.

Thí nghiệm Thí nghiệm
{/* Row 3 */}
Hoạt động Hoạt động

Rèn luyện Kĩ năng Mềm

Học sinh được trải nghiệm các hoạt động thảo luận nhóm và trò chơi tập thể, từ đó rèn luyện tư duy phản biện, kĩ năng làm việc nhóm, giao tiếp và xử lý tình huống — những hành trang vô giá cho sự phát triển trong tương lai.

); } function FundUse({ c, onDonate }) { const rows = [ { label: 'Hoạt động & dụng cụ học tập', pct: 45, color: 'var(--purple-600)' }, { label: 'Ăn uống cho trại sinh', pct: 35, color: 'var(--purple-400)' }, { label: 'Hậu cần & di chuyển', pct: 20, color: 'var(--cream-500)' }, ]; return (
Quỹ kêu gọi

10.000.000₫ được dùng minh bạch

Toàn bộ số tiền kêu gọi đi thẳng đến trải nghiệm của các em — từ dụng cụ học tập, bữa ăn đến hậu cần trại hè.

{ let cumulative = 0; return rows.map(r => { const start = cumulative; cumulative += r.pct; return `${r.color} ${start}% ${cumulative}%`; }).join(', '); })()})`, boxShadow: 'var(--shadow-md)' }} />
{rows.map(r => (
{r.pct}%
))}
200.000₫

đủ để một em có suất ăn & dụng cụ trong suốt 4 ngày trại hè.

Tặng một suất
); } function DonorStrip({ c, onNavigate }) { return (

{c.donors} tấm lòng đã cùng Bước

Mỗi cái tên là một lời chúc gửi đến các em.

{c.recentDonors.slice(0, 7).map((d, i) => (
))}
+{c.donors - 7}
onNavigate('donors')} iconRight={}>Xem bảng vinh danh
); } function FinalCta({ onDonate }) { return (

Một bước của bạn, vạn dặm của các em

Cùng Bước trao cho học sinh Tây Nguyên một mùa hè được học, được chơi, và được mơ ước.

}>Quyên góp ngay
); } function HomeScreen({ onDonate, onNavigate }) { const c = window.CAMPAIGN; return (
{ const el = document.getElementById('video-section'); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' }); }} />
); } window.HomeScreen = HomeScreen;