);
}
// ===== Nav =====
function Nav() {
return (
);
}
// ===== Radar SVG =====
function HeroRadar() {
const [angle, setAngle] = useState(0);
useEffect(() => {
let raf;
let t = 0;
const tick = () => {
t += 0.6;
setAngle(t);
raf = requestAnimationFrame(tick);
};
tick();
return () => cancelAnimationFrame(raf);
}, []);
const targets = [
{ r: 90, a: 30, hr: 78 },
{ r: 140, a: 200, hr: 92 },
{ r: 175, a: 290, hr: 0 },
];
return (
);
}
// ===== Reveal hook =====
function useReveal() {
useEffect(() => {
// If user prefers reduced motion, just reveal everything immediately.
const prm = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (prm) {
const reveal = () => {
document.querySelectorAll('.reveal:not(.in), .reveal-stagger:not(.in)').forEach((el) => el.classList.add('in'));
};
reveal();
const mo = new MutationObserver(reveal);
mo.observe(document.body, { childList: true, subtree: true });
return () => mo.disconnect();
}
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
e.target.classList.add('in');
io.unobserve(e.target);
}
});
}, { threshold: 0.1 });
const observeAll = () => {
document.querySelectorAll('.reveal:not(.in), .reveal-stagger:not(.in)').forEach((el) => io.observe(el));
};
observeAll();
// Watch for newly mounted nodes (e.g. accordion children, lazy sections)
const mo = new MutationObserver(() => observeAll());
mo.observe(document.body, { childList: true, subtree: true });
// safety fallback: if anything visible is still hidden after 2s, force-reveal
const t = setTimeout(() => {
document.querySelectorAll('.reveal:not(.in), .reveal-stagger:not(.in)').forEach((el) => {
const r = el.getBoundingClientRect();
if (r.top < window.innerHeight * 1.2) el.classList.add('in');
});
observeAll();
}, 1500);
return () => { io.disconnect(); mo.disconnect(); clearTimeout(t); };
}, []);
}
// ===== Hero =====
function Hero({ showRadar = true }) {
const [time, setTime] = useState(new Date());
useEffect(() => {
const t = setInterval(() => setTime(new Date()), 1000);
return () => clearInterval(t);
}, []);
const pad = (n) => String(n).padStart(2, '0');
const ts = `${time.getUTCFullYear()}.${pad(time.getUTCMonth()+1)}.${pad(time.getUTCDate())} · ${pad(time.getUTCHours())}:${pad(time.getUTCMinutes())}:${pad(time.getUTCSeconds())} UTC`;
return (
LinkGuard-E 為基於 Sub-GHz LoRa 異質網路與超寬頻定位之廢墟穿透搜救通訊系統 —— 整合 433 MHz ISM CSS 擴頻、UWB PDOA 公分級定位與 BLE 5.0 穿戴式生理感測， 在地震倒塌建築形成的法拉第籠下，建立穩定的雙向資料鏈路。 讓黃金 72 小時不再失聯。
台灣位於板塊交界，地震頻仍。從 集集 到 維冠大樓， 真正奪走生命的不是搖晃本身，而是建築倒塌後形成的封閉空間與斷絕的通訊。
現代 RC 建築倒塌後，密集的鋼筋網格形成 法拉第籠 —— 4G、5G、Wi-Fi 等高頻訊號在進入廢墟的瞬間遭受極大衰減， 受困者瞬間淪為數位孤島。
LinkGuard 從物理層出發，採用 433MHz ISM 頻段的長波長繞射優勢， 結合 LoRa 擴頻調變的低訊噪比解調能力，重新建立廢墟內外的生命線。