// Hero section with countdown const { useState, useEffect, useRef } = React; function useCountdown(target) { const [now, setNow] = useState(Date.now()); useEffect(() => { const id = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(id); }, []); const diff = Math.max(0, new Date(target).getTime() - now); const days = Math.floor(diff / 86400000); const hours = Math.floor((diff % 86400000) / 3600000); const mins = Math.floor((diff % 3600000) / 60000); const secs = Math.floor((diff % 60000) / 1000); return { days, hours, mins, secs }; } function Hero() { const d = window.REUNION_DATA; const c = useCountdown(d.eventDate); const [randomHeroQuote, setRandomHeroQuote] = React.useState(""); React.useEffect(() => { if (d.heroQuotes && d.heroQuotes.length > 0) { // Lấy ngẫu nhiên một câu nói từ data.js const randomIndex = Math.floor(Math.random() * d.heroQuotes.length); setRandomHeroQuote(d.heroQuotes[randomIndex]); } else { // Câu mặc định dự phòng nếu data.js chưa cập nhật setRandomHeroQuote("Một buổi chiều tháng bảy, chúng ta lại gặp nhau dưới mái trường THPT Huỳnh Ngọc Huệ nơi đã giữ những tiếng cười, những trang vở, những lời hẹn còn dang dở của tuổi mười tám. Hai mươi năm đủ dài để tóc pha sương, nhưng chưa bao giờ đủ để quên nhau."); } }, [d.heroQuotes]); return (

Kỷ yếu bỏ túi · Số đặc biệt

Tập 20 · Ấn bản 2026

Hội ngộ hai mươi năm

{randomHeroQuote ? ( <> {randomHeroQuote.charAt(0)} {randomHeroQuote.slice(1)} ) : ( "Một buổi sáng tháng Bảy, chúng ta lại gặp nhau dưới mái trường THPT Huỳnh Ngọc Huệ nơi đã giữ những tiếng cười, những trang vở, những lời hẹn còn dang dở của tuổi mười tám. Hai mươi năm đủ dài để tóc pha sương, nhưng chưa bao giờ đủ để quên nhau." )}

Tập thể Lớp 12A5

Ảnh kỷ yếu lớp 12A5 năm 2006

{ e.target.src = 'https://placehold.co/600x800/e8dcc0/2a2420?text=12A5+Huỳnh+Ngọc+Huệ'; }} />

Sân trường, tháng 5/2006

Thời gian

12 · 07 · 2026

Chủ nhật · 7:00

Địa điểm

Trường THPT Huỳnh Ngọc Huệ

Đại Lộc-Đà Nẵng

Chương trình

Chạm lại Thanh Xuân

Hội Khóa

Còn lại đến ngày hội ngộ

: : :

Đăng ký tham dự Xem chương trình

); } function CDUnit({ value, label }) { const padded = String(value).padStart(2, '0'); return (

{padded}

{label}

); } window.Hero = Hero;