// FireTail portfolio — Nav + Footer
const { Button } = window.FireTailDesignSystem_df7a18;
function FlameMark({ size = 34 }) {
return (
);
}
function ThemeToggle() {
const osPrefersDark = () => window.matchMedia("(prefers-color-scheme: dark)").matches;
const getEffective = () => {
const stored = localStorage.getItem("firetail-theme");
if (stored) return stored;
return osPrefersDark() ? "dark" : "light";
};
const [mode, setMode] = React.useState(getEffective);
const apply = (m) => {
const cl = document.documentElement.classList;
cl.remove("theme-light", "theme-dark");
cl.add(m === "light" ? "theme-light" : "theme-dark");
};
React.useEffect(() => {
apply(mode);
const mq = window.matchMedia("(prefers-color-scheme: dark)");
const onChange = () => {
if (!localStorage.getItem("firetail-theme")) {
const next = mq.matches ? "dark" : "light";
setMode(next);
apply(next);
}
};
mq.addEventListener("change", onChange);
return () => mq.removeEventListener("change", onChange);
}, []);
const toggle = () => {
const next = mode === "dark" ? "light" : "dark";
localStorage.setItem("firetail-theme", next);
setMode(next);
apply(next);
};
return (
);
}
function Nav({ onHome }) {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const el = document.querySelector("#ft-scroll");
const t = el || window;
const fn = () => setScrolled((el ? el.scrollTop : window.scrollY) > 20);
fn();
t.addEventListener("scroll", fn, { passive: true });
return () => t.removeEventListener("scroll", fn);
}, []);
const links = ["Work", "About", "Contact"];
return (
);
}
function Footer() {
const [narrow, setNarrow] = React.useState(() => window.innerWidth < 768);
React.useEffect(() => {
const mq = window.matchMedia("(max-width: 767px)");
const fn = (e) => setNarrow(e.matches);
mq.addEventListener("change", fn);
return () => mq.removeEventListener("change", fn);
}, []);
const brand = (
Smit Waghela
FireTail Studio
);
const tagline = (
Gameplay systems & tools. Quiet fires, loud results.
);
const copy = (
© 2026 SMIT WAGHELA
);
return (
);
}
Object.assign(window, { Nav, Footer });