// app.jsx — Andrew Jiang personal site. Composes WaveField + paper-card sections.
const NOT_READY = true;
const CONTENT = {
name: 'Andrew Jiang',
pretitle: 'Personal Site · 2026',
tagline: 'I build things people can feel.',
intro: [
"Hi, I'm Andrew. I'm 18, based in Oakville, and I build hardware that blurs the line between digital and physical.",
"Right now: haptic sweaters that let you feel AR objects.",
],
now: [
{ label: 'Building', value: 'Caestus Labs — haptic sweaters for AR' },
{ label: 'Previously', value: 'Factful — 100k+ users, started at 15' },
{ label: 'Based in', value: 'Oakville, Ontario' },
{ label: 'Reach out', value: 'andrew@jiang.now — I read every email' },
],
projects: [
{
year: '2026', title: 'Caestus Labs', kind: 'Current · Pre-seed',
blurb: "Haptic sweaters that let you feel AR objects. The thing I would have wanted to build at 13 and didn't have the skills for. Now I do.",
href: 'https://caestuslabs.com',
},
{
year: '2023–25', title: 'Factful', kind: 'Previous · 100k+ users',
blurb: "Started as a fact-checker for writing — Grammarly on steroids. Pivoted to inverting the AI/human relationship: instead of AI fixing your work after the fact, it prompted you and gave feedback as you wrote. Built a custom RAG and text-parsing pipeline that was near-instant and accurate, and cracked the thing Grammarly's whole moat depends on — native underlines and popups inside Google Docs. Grew to 100,000+ users across beta and college pilots before shutting down over cofounder differences and weak conversion.",
href: 'https://factful.io',
},
],
contacts: [
{ label: 'Email', value: 'andrew@jiang.now', href: 'mailto:andrew@jiang.now' },
{ label: 'LinkedIn', value: 'linkedin.com/in/andrew-jiang1', href: 'https://ca.linkedin.com/in/andrew-jiang1' },
{ label: 'GitHub', value: 'github.com/Helloduck1234', href: 'https://github.com/Helloduck1234' },
],
};
const ABOUT_PARAGRAPHS = [
"I grew up in Oakville, Ontario, and got into computers the way a lot of people my age did — bored out of my mind during COVID. The first real thing I built was a fully functioning computer inside Minecraft, in grade 8. It worked. Mostly.",
"That set the tone. I started with software because it was the easiest way to ship things from a bedroom. At 15, I founded Factful, which grew to over 100,000 users by the time I finished high school. But I always wanted to build things you could actually touch.",
"That's what Caestus Labs is. We're building haptic wearables that let you physically feel AR objects — starting with sweaters. It's the thing I would have wanted to build at 13 and didn't have the skills for. Now I do.",
];
const { useEffect, useRef, useState, useMemo, useCallback } = React;
function useScrollProgress() {
const [p, setP] = useState(0);
useEffect(() => {
let raf = 0, pending = false;
const compute = () => {
pending = false;
const h = document.documentElement;
const max = Math.max(1, h.scrollHeight - window.innerHeight);
setP(Math.min(1, Math.max(0, window.scrollY / max)));
};
const onScroll = () => {
if (pending) return;
pending = true;
raf = requestAnimationFrame(compute);
};
compute();
window.addEventListener('scroll', onScroll, { passive: true });
window.addEventListener('resize', onScroll);
return () => {
cancelAnimationFrame(raf);
window.removeEventListener('scroll', onScroll);
window.removeEventListener('resize', onScroll);
};
}, []);
return p;
}
function Nav() {
const [time, setTime] = useState('');
useEffect(() => {
const tick = () => {
const d = new Date();
const hh = String(d.getHours()).padStart(2, '0');
const mm = String(d.getMinutes()).padStart(2, '0');
setTime(`${hh}:${mm} ET`);
};
tick();
const iv = setInterval(tick, 30000);
return () => clearInterval(iv);
}, []);
return (
);
}
function Hero() {
const [hbOpacity, setHbOpacity] = useState(1);
useEffect(() => {
let raf = 0, pending = false;
const compute = () => {
pending = false;
const y = window.scrollY;
const o = Math.max(0, Math.min(1, 1 - y / 140));
setHbOpacity(o);
};
const onScroll = () => { if (pending) return; pending = true; raf = requestAnimationFrame(compute); };
compute();
window.addEventListener('scroll', onScroll, { passive: true });
return () => { cancelAnimationFrame(raf); window.removeEventListener('scroll', onScroll); };
}, []);
return (
{CONTENT.pretitle}
{CONTENT.tagline}
{CONTENT.intro.map((p, i) =>
{p}
)}
↓ scroll · the sea is louder below43°27′N · 79°41′W