feat(website): add Phokus product site with optimized media pipeline

Single-page marketing site for phokus.jezz.wtf in the website/ pnpm workspace
(React 19 + Vite 7 + Tailwind v4). Sections: Hero, Local-first, Search, Explore
& timeline, Curate, Cleanup, Tech facts, Download. Product-first composition with
a recurring aperture motif (EdgeMark) bleeding off alternating edges.

Screenshots are transcoded to AVIF/WebP at build via vite-imagetools (sharp);
~5.3MB of masters -> ~0.5MB served. Commits only the 7 in-use captures.
This commit is contained in:
2026-06-15 19:39:56 +01:00
parent 584a92b7cd
commit 072c3887cf
21 changed files with 1063 additions and 0 deletions
+9
View File
@@ -0,0 +1,9 @@
// Typing for vite-imagetools `?as=picture` imports. The query ends in `as=picture`,
// so this wildcard matches each screenshot import. Shape mirrors imagetools' Picture.
declare module "*as=picture" {
const picture: {
sources: Record<string, string>;
img: { src: string; w: number; h: number };
};
export default picture;
}