[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_435":436,"_437":438},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_74":318,"_40":-7,"_319":-5,"_17":320,"_321":322,"_323":324,"_325":326,"_327":328,"_92":-5,"_329":330,"_331":332,"_333":48,"_334":335,"_336":26,"_337":-5,"_338":-5,"_339":340},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","huiyichen","name","onze-design","branchName","main","project",{"_32":59,"_13":14,"_34":276,"_46":-5,"_277":48,"_49":50,"_278":50,"_279":280,"_281":282,"_283":284,"_285":286,"_287":26,"_288":-5,"_289":-5,"_290":175,"_53":291,"_292":-5,"_293":-5,"_294":-5,"_295":-5,"_296":297,"_298":297,"_299":300,"_301":300,"_302":300,"_303":297,"_304":297,"_305":306,"_307":308,"_309":28,"_47":48},"ahead",15,"behind",2,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",16,"a72f0af2-f928-4b4f-928e-62e05a4b8cec","d2b682d9-0acf-455f-ad63-713096eed1f2",89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[179,180,181,182,183,184,185,186,187],"deleted",[167],"modified",[70,71,72,73],{"_74":151,"_76":152,"_78":153},{"_74":128,"_76":129,"_78":130},{"_74":110,"_76":111,"_78":112},{"_74":75,"_76":77,"_78":79},"path","frontend/index.html","targetFile",{"_32":101,"_13":81,"_82":102,"_84":103,"_86":33,"_87":104,"_88":48,"_34":105,"_40":106,"_91":92,"_93":107,"_66":48,"_95":-5,"_96":-7,"_74":108,"_98":109},"sourceFile",{"_32":80,"_13":81,"_82":83,"_84":85,"_86":58,"_87":22,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":-7,"_74":97,"_98":99},"31839070-1821-4d35-961a-1912d5311ca7","index.html","fileId","019edd49-cf47-77da-bcf5-a22e0d3b6900","parentId","019edd49-cf47-77da-bcf5-a8b0b77637f0","branchId","branchVersion","latest",["D",1781829075789],1,"fileType","file","content","\n\n \n \n \n ONZE Design — Designing Spaces That Understand You\n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n\n","label","children",[100,81],"contentHash","435c1c2e28d901989d20d7aa8d4b322b09fe6efcae8d5c1111c987548cf27dbd","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[100,81],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/favicon.svg",{"_32":121,"_13":114,"_82":122,"_84":103,"_86":33,"_87":123,"_88":26,"_34":124,"_40":90,"_91":92,"_93":125,"_66":48,"_95":-5,"_96":-7,"_74":126,"_98":127},{"_32":113,"_13":114,"_82":115,"_84":85,"_86":58,"_87":116,"_88":26,"_34":117,"_40":90,"_91":92,"_93":118,"_66":48,"_95":-5,"_96":-7,"_74":119,"_98":120},"84f762a3-2091-428b-95e7-a287cd0b24bc","favicon.svg","019edd49-cf46-74de-b0ae-061b10a57cf9",4,["D",1781829087389],"\n\n",[100,114],"b9ac304ff63e655bf88d35e1eb56cc314327e850c78e3ee343e398124e013a04","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"\n",[100,114],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/App.tsx",{"_32":142,"_13":132,"_82":143,"_84":144,"_86":33,"_87":145,"_88":26,"_34":146,"_40":147,"_91":137,"_93":148,"_66":48,"_95":-5,"_96":-7,"_74":149,"_98":150},{"_32":131,"_13":132,"_82":133,"_84":134,"_86":58,"_87":135,"_88":26,"_34":136,"_40":90,"_91":137,"_93":138,"_66":48,"_95":-5,"_96":-7,"_74":139,"_98":140},"8aec3468-07a8-45f6-85f2-7c30a45c34ce","App.tsx","019edd49-cf46-74de-b0ad-fbde43c26370","019edd49-cf46-74de-b0ae-02a0c418bccf",14,["D",1781829213339],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Nav } from \"./Nav.tsx\";\nimport { Hero } from \"./Hero.tsx\";\nimport { Vision } from \"./Vision.tsx\";\nimport { Experiences } from \"./Experiences.tsx\";\nimport { Projects } from \"./Projects.tsx\";\nimport { Technologies } from \"./Technologies.tsx\";\nimport { About } from \"./About.tsx\";\nimport { Contact, Footer } from \"./Contact.tsx\";\n\nexport function App() {\n return (\n

\n );\n}\n",[100,141,132],"75fd89f6e08260a09e2c90de015462c0f0870083d11c080f071596f0e772cdca","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[100,141,132],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":160,"_13":151,"_82":161,"_84":-5,"_86":33,"_87":60,"_88":48,"_34":162,"_40":163,"_91":92,"_93":164,"_66":48,"_95":-5,"_96":-7,"_74":165,"_98":166},{"_32":154,"_13":151,"_82":155,"_84":-5,"_86":58,"_87":20,"_88":26,"_34":156,"_40":90,"_91":92,"_93":157,"_66":48,"_95":-5,"_96":-7,"_74":158,"_98":159},"b81c4f6e-0849-4f3b-9999-a9ad2ded5e9e","019edd49-cf47-77da-bcf5-ad15b99e91e8",["D",1781829236997],"# ONZE Design\n\nA premium landing page for **ONZE Design** — a New York smart space design\nstudio fusing architecture, interior design, smart home systems, IoT, spatial\ncomputing, multimodal AI, and ambient intelligence.\n\nMinimalist, black-and-white, large typography, full-screen sections, smooth\nscroll animations, architectural photography, and glassmorphism — built to feel\nlike a high-end design startup.\n\n## Sections\n\n1. **Hero** — \"Designing Spaces That Understand You\"\n2. **Vision** — studio philosophy + stats\n3. **Smart Living Experiences** — the four intelligence pillars\n4. **Projects** — selected work in an editorial grid\n5. **Technologies** — full-stack capability grid + marquee\n6. **About** — studio principles\n7. **Contact** — call to action + details\n\n## Stack\n\nClient-side React (18.2.0) + Hono, styled with Twind (Tailwind utilities at\nruntime). Fonts: Syne (display) + Inter (body). Animations are CSS-driven, with\nscroll reveals powered by an `IntersectionObserver` in `Reveal.tsx`.\n\n## Architecture\n\n```mermaid\ngraph TD\n Browser -->|\"GET /\"| Hono[\"index.ts (Hono)\"]\n Hono -->|serves| HTML[\"frontend/index.html\"]\n HTML --> Entry[\"index.tsx\"]\n Entry --> App[\"App.tsx\"]\n App --> Nav & Hero & Vision & Experiences\n App --> Projects & Technologies & About & Contact\n Hero & Projects & About & Contact -.->|\"reusable\"| Reveal[\"Reveal.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono server (serves frontend + /source)\nfrontend/\n index.html ← shell: fonts, Twind theme, keyframes\n index.tsx ← mounts \n favicon.svg\n components/\n App.tsx ← composes all sections\n Nav.tsx ← sticky glass nav + mobile menu\n Hero.tsx ← full-screen hero\n Vision.tsx ← section 02\n Experiences.tsx ← section 03\n Projects.tsx ← section 04\n Technologies.tsx ← section 05 + marquee\n About.tsx ← section 06\n Contact.tsx ← section 07 + Footer\n Reveal.tsx ← scroll-reveal wrapper\n```\n\n## Customizing\n\n- **Copy & contact:** edit the data arrays at the top of each section component;\n update email/phone in `Contact.tsx`.\n- **Photography:** swap the Unsplash `img` URLs (placeholders for now — replace\n with ONZE's own project photography).\n- **Brand color:** the palette is intentionally black & white; accents come from\n white-on-black contrast and glass surfaces.\n",[151],"a63a572a16fc4ce15938c888ef54c823b7d1b006e393240fe552c97696889368","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[151],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_74":168,"_76":169,"_78":-7},"frontend/components/Counter.tsx",{"_32":170,"_13":171,"_82":172,"_84":144,"_86":33,"_87":173,"_88":26,"_34":174,"_40":175,"_91":137,"_93":176,"_66":48,"_95":-5,"_96":-7,"_74":177,"_98":178},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[100,141,171],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":266,"_76":-7,"_78":267},{"_74":256,"_76":-7,"_78":257},{"_74":246,"_76":-7,"_78":247},{"_74":237,"_76":-7,"_78":238},{"_74":227,"_76":-7,"_78":228},{"_74":217,"_76":-7,"_78":218},{"_74":207,"_76":-7,"_78":208},{"_74":197,"_76":-7,"_78":198},{"_74":188,"_76":-7,"_78":189},"frontend/components/Vision.tsx",{"_32":190,"_13":191,"_82":192,"_84":134,"_86":58,"_87":106,"_88":26,"_34":193,"_40":175,"_91":137,"_93":194,"_66":48,"_95":-5,"_96":-7,"_74":195,"_98":196},"912818c3-4a19-432e-af2b-394a9efff49c","Vision.tsx","4e11e1ee-6b76-11f1-bc27-1607ee4eb77e",["D",1781829128517],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Reveal } from \"./Reveal.tsx\";\n\nconst STATS = [\n [\"12+\", \"Disciplines under one roof\"],\n [\"2030\", \"Designing for the decade ahead\"],\n [\"100%\", \"Human-centered by principle\"],\n];\n\nexport function Vision() {\n return (\n

\n \n 01 — Vision\n \n\n \n

\n We believe a space should\n anticipate, not just\n contain.\n

\n \n\n

\n \n

\n ONZE Design is a New York studio working at the intersection of\n architecture, interior design, and intelligence. We craft\n environments that sense context, adapt to rhythm, and dissolve the\n line between the built world and the digital one.\n

\n Every project begins with people — how they move, rest, gather, and\n feel — then layers in IoT, spatial computing, and ambient\n intelligence so the technology recedes and the experience leads.\n

\n \n\n \n

\n {STATS.map(([num, label]) => (\n

{num}

{label}

\n ))}\n

\n \n

\n );\n}\n",[100,141,191],"7c44d7f2fc9a85f870fae356cbac61cfb5be63e8ffeea403e6e55b36cf781cf0","frontend/components/Technologies.tsx",{"_32":199,"_13":200,"_82":201,"_84":134,"_86":58,"_87":202,"_88":26,"_34":203,"_40":175,"_91":137,"_93":204,"_66":48,"_95":-5,"_96":-7,"_74":205,"_98":206},"b376e79c-c6f7-49bb-a0ae-48edd38b71d6","Technologies.tsx","6b7ac232-6b76-11f1-9228-1607ee4eb77e",11,["D",1781829177861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Reveal } from \"./Reveal.tsx\";\n\nconst STACK = [\n [\"Architecture\", \"Form, light & material\"],\n [\"Interior Design\", \"Atmosphere & detail\"],\n [\"Smart Home Systems\", \"Unified control\"],\n [\"IoT\", \"A connected device fabric\"],\n [\"Spatial Computing\", \"Screenless interfaces\"],\n [\"Multimodal AI\", \"Vision, voice & language\"],\n [\"Ambient Intelligence\", \"Context-aware environments\"],\n [\"Edge & Privacy\", \"On-site, secure by design\"],\n];\n\nconst MARQUEE = [\n \"Architecture\",\n \"Interior Design\",\n \"Smart Home\",\n \"IoT\",\n \"Spatial Computing\",\n \"Multimodal AI\",\n \"Ambient Intelligence\",\n \"Human-Centered Design\",\n];\n\nexport function Technologies() {\n return (\n

\n \n 04 — Technologies\n \n \n

\n One studio.
The whole stack.\n

\n We integrate every discipline a smart space needs — so nothing is\n handed off, and everything feels like one idea.\n

\n \n\n

\n {STACK.map((s, i) => (\n \n

{s[0]}

{s[1]}

\n \n ))}\n

\n\n {/* Glassmorphic marquee band */}\n

\n {[...MARQUEE, ...MARQUEE].map((m, i) => (\n \n {m}\n ◦\n \n ))}\n

\n );\n}\n",[100,141,200],"98a352289f65c53a039f1a10311007a9885f5ff288b229119c5775ef2fd45b5b","frontend/components/Reveal.tsx",{"_32":209,"_13":210,"_82":211,"_84":134,"_86":58,"_87":212,"_88":26,"_34":213,"_40":175,"_91":137,"_93":214,"_66":48,"_95":-5,"_96":-7,"_74":215,"_98":216},"382527ae-d1b7-4d3d-a656-70b44a0c3da0","Reveal.tsx","346e5d26-6b76-11f1-8759-1607ee4eb77e",3,["D",1781829085504],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\n/**\n * Wraps children in a div that fades + slides up when scrolled into view.\n * `delay` (ms) staggers grouped elements.\n */\nexport function Reveal(\n { children, delay = 0, className = \"\" }: {\n children: any;\n delay?: number;\n className?: string;\n },\n) {\n const ref = useRef(null);\n const [shown, setShown] = useState(false);\n\n useEffect(() => {\n const el = ref.current;\n if (!el) return;\n const io = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n setShown(true);\n io.disconnect();\n }\n },\n { threshold: 0.15 },\n );\n io.observe(el);\n return () => io.disconnect();\n }, []);\n\n return (\n \n {children}\n \n );\n}\n",[100,141,210],"9a31a4cc0a391695a809ec10b593800b69288ab5da0620aa1e11b1c713bda7be","frontend/components/Projects.tsx",{"_32":219,"_13":220,"_82":221,"_84":134,"_86":58,"_87":222,"_88":26,"_34":223,"_40":175,"_91":137,"_93":224,"_66":48,"_95":-5,"_96":-7,"_74":225,"_98":226},"bad52e45-aeec-41b8-b95f-33ca27cbba77","Projects.tsx","64708f08-6b76-11f1-bc48-1607ee4eb77e",10,["D",1781829166045],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Reveal } from \"./Reveal.tsx\";\n\nconst PROJECTS = [\n {\n title: \"Hudson Yards Residence\",\n tag: \"Private Residence · Manhattan\",\n desc: \"A 6,000 sq ft penthouse where circadian lighting and predictive climate follow the family through the day.\",\n img: \"https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1600&q=80\",\n span: \"lg:col-span-2 lg:row-span-2\",\n h: \"h-[420px] lg:h-full\",\n },\n {\n title: \"Tribeca Loft\",\n tag: \"Adaptive Reuse\",\n desc: \"Cast-iron heritage meets invisible spatial computing.\",\n img: \"https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=80\",\n span: \"\",\n h: \"h-[420px]\",\n },\n {\n title: \"The Quiet Office\",\n tag: \"Workspace · SoHo\",\n desc: \"An AI-tuned acoustic environment that adapts to focus and collaboration.\",\n img: \"https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80\",\n span: \"\",\n h: \"h-[420px]\",\n },\n {\n title: \"Coastal Sanctuary\",\n tag: \"Residence · The Hamptons\",\n desc: \"A glass house that reads the weather and choreographs light, shade, and air around it.\",\n img: \"https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1600&q=80\",\n span: \"lg:col-span-2\",\n h: \"h-[420px]\",\n },\n];\n\nexport function Projects() {\n return (\n

\n \n 03 — Projects\n \n \n

\n Selected work\n

\n A glimpse of spaces we've made intelligent — each one designed\n around the people who live and work in it.\n

\n \n\n

\n {PROJECTS.map((p, i) => (\n \n \n \n

{p.tag}

{p.title}

\n {p.desc}\n

\n \n \n ))}\n

\n );\n}\n",[100,141,220],"caeecb969f6ec216bc7227955c793e583f86c7ee4ad6aa0f8d574ac44c6fdb4c","frontend/components/Nav.tsx",{"_32":229,"_13":230,"_82":231,"_84":134,"_86":58,"_87":232,"_88":26,"_34":233,"_40":175,"_91":137,"_93":234,"_66":48,"_95":-5,"_96":-7,"_74":235,"_98":236},"6cca57d3-86e5-4be8-b9ac-a7ad752b1f06","Nav.tsx","3f832db8-6b76-11f1-8251-1607ee4eb77e",6,["D",1781829104090],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst LINKS = [\n [\"Vision\", \"#vision\"],\n [\"Experiences\", \"#experiences\"],\n [\"Projects\", \"#projects\"],\n [\"Technologies\", \"#technologies\"],\n [\"About\", \"#about\"],\n [\"Contact\", \"#contact\"],\n];\n\nexport function Nav() {\n const [scrolled, setScrolled] = useState(false);\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n const onScroll = () => setScrolled(window.scrollY > 24);\n onScroll();\n window.addEventListener(\"scroll\", onScroll, { passive: true });\n return () => window.removeEventListener(\"scroll\", onScroll);\n }, []);\n\n return (\n \n

\n \n \n \n \n \n ONZE\n \n\n \n\n \n Start a project\n \n\n setOpen((o) => !o)}\n aria-label=\"Menu\"\n >\n \n \n \n \n

\n\n {open && (\n

\n {LINKS.map(([label, href]) => (\n setOpen(false)}\n class=\"text-lg text-white/80 hover:text-white\"\n >\n {label}\n \n ))}\n

\n )}\n \n );\n}\n",[100,141,230],"646c6a620aa4624082473531279a9df8b37c34bb66d8aa7926ff55a1f52646e1","frontend/components/Hero.tsx",{"_32":239,"_13":240,"_82":241,"_84":134,"_86":58,"_87":57,"_88":26,"_34":242,"_40":90,"_91":137,"_93":243,"_66":48,"_95":-5,"_96":-7,"_74":244,"_98":245},"7136032f-9205-42da-9525-f747993d2e66","Hero.tsx","463e9c32-6b76-11f1-833b-1607ee4eb77e",["D",1781830080753],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\n// What we plan for every home.\nconst CAPABILITIES = [\n \"Smart home workflows\",\n \"Automation scenarios\",\n \"Device ecosystems\",\n \"Voice interaction\",\n \"Lighting behavior\",\n \"Security experiences\",\n \"Daily routines\",\n];\n\n// Ecosystems we install and integrate.\nconst ECOSYSTEMS = [\n \"Alexa\",\n \"Google Home\",\n \"Home Assistant\",\n \"Philips Hue\",\n \"Lutron\",\n \"Aqara\",\n \"Sonos\",\n];\n\nexport function Hero() {\n return (\n

\n {/* Architectural backdrop */}\n

\n \n

\n\n

\n \n \n New York · Intelligent Living Experiences\n \n

\n\n \n Designing How
Your Home Behaves.\n \n\n \n We turn houses into intelligent living environments through thoughtful\n automation, seamless technology, and human-centered design.\n

\n\n {/* What we plan */}\n \n {CAPABILITIES.map((c) => (\n \n {c}\n \n ))}\n

\n\n \n \n Explore our work\n →\n \n \n Our vision\n \n \n\n {/* Ecosystems we integrate */}\n \n

\n We install & integrate the best of\n

\n {ECOSYSTEMS.map((e) => (\n \n {e}\n \n ))}\n

\n \n \n\n {/* Scroll cue */}\n

\n Scroll\n \n

\n );\n}\n",[100,141,240],"6dad0b71304e2baaf5fa2e76e30e3141904112d11c0cff4e18b0584b77f53464","frontend/components/Experiences.tsx",{"_32":248,"_13":249,"_82":250,"_84":134,"_86":58,"_87":251,"_88":26,"_34":252,"_40":175,"_91":137,"_93":253,"_66":48,"_95":-5,"_96":-7,"_74":254,"_98":255},"33058b62-2cb5-44d1-8eba-772a4a28c246","Experiences.tsx","57e38510-6b76-11f1-a54f-1607ee4eb77e",9,["D",1781829144991],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Reveal } from \"./Reveal.tsx\";\n\nconst EXPERIENCES = [\n {\n k: \"Ambient Intelligence\",\n t: \"Rooms that read the moment\",\n d: \"Lighting, climate, acoustics, and scent shift quietly with the time of day, the weather, and who's present.\",\n icon: \"M12 3v2m0 14v2m9-9h-2M5 12H3m14.5-6.5-1.5 1.5M7 17l-1.5 1.5M17 17l1.5 1.5M7 7 5.5 5.5\",\n },\n {\n k: \"Spatial Computing\",\n t: \"Interfaces without screens\",\n d: \"Gesture, voice, and presence become the controls. Information appears where you need it and vanishes when you don't.\",\n icon: \"M3 7l9-4 9 4-9 4-9-4zm0 0v10l9 4 9-4V7\",\n },\n {\n k: \"Multimodal AI\",\n t: \"A home that holds a conversation\",\n d: \"Natural language, vision, and context fuse into one assistant that understands intent across every room.\",\n icon: \"M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 1 1 21 11.5z\",\n },\n {\n k: \"Connected Living\",\n t: \"Every device, one nervous system\",\n d: \"IoT systems orchestrated into a single, secure fabric — resilient, private, and effortless to live with.\",\n icon: \"M5 12.55a11 11 0 0 1 14 0M8.5 16a6 6 0 0 1 7 0M12 20h.01\",\n },\n];\n\nexport function Experiences() {\n return (\n

\n \n 02 — Smart Living\n \n \n

\n Smart living experiences\n

\n Four pillars that turn a beautiful space into an intuitive one.\n

\n \n\n

\n {EXPERIENCES.map((e, i) => (\n \n

\n \n

{e.k}

{e.t}

{e.d}

\n \n ))}\n

\n );\n}\n",[100,141,249],"0bdabe2573cdc57acbaf7f334db17bf4455b0b059f70215878860e6a20e3c098","frontend/components/Contact.tsx",{"_32":258,"_13":259,"_82":260,"_84":134,"_86":58,"_87":261,"_88":26,"_34":262,"_40":175,"_91":137,"_93":263,"_66":48,"_95":-5,"_96":-7,"_74":264,"_98":265},"da6e9021-3037-4228-916e-13f26d454ece","Contact.tsx","7cebd8ee-6b76-11f1-95fb-1607ee4eb77e",13,["D",1781829207121],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Reveal } from \"./Reveal.tsx\";\n\nexport function Contact() {\n return (\n

\n \n

\n\n

\n \n 06 — Contact\n \n \n

\n Let's design
what's next.\n

\n \n \n

\n Tell us about your space and how you want it to feel. We'll show you\n what intelligence can make possible.\n

\n \n\n \n

\n \n studio@onze.design\n →\n \n \n +1 (212) 000-0000\n \n

\n \n\n \n

\n New York, NY\n ·\n Mon–Fri, 9–6 ET\n ·\n Worldwide commissions\n

\n \n

\n );\n}\n\nexport function Footer() {\n return (\n \n );\n}\n",[100,141,259],"738c8a9986504e33b2565decc81ed9298965417fd0e9f69f9cab6467da5a56a2","frontend/components/About.tsx",{"_32":268,"_13":269,"_82":270,"_84":134,"_86":58,"_87":271,"_88":26,"_34":272,"_40":175,"_91":137,"_93":273,"_66":48,"_95":-5,"_96":-7,"_74":274,"_98":275},"261934b3-4fec-4d93-9b26-48c6e7ea5e25","About.tsx","74937652-6b76-11f1-88bd-1607ee4eb77e",12,["D",1781829193112],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Reveal } from \"./Reveal.tsx\";\n\nconst PRINCIPLES = [\n [\"Human first\", \"Technology serves the person in the room — never the other way around.\"],\n [\"Invisible by design\", \"The best system is the one you never have to think about.\"],\n [\"Built to last\", \"Architecture is permanent. We make the intelligence inside it just as durable.\"],\n];\n\nexport function About() {\n return (\n

\n \n

Based in New York

Working with clients worldwide

\n \n\n

\n \n 05 — About\n \n \n

\n A studio for the intelligent age\n

\n \n \n

\n We are architects, interior designers, engineers, and AI\n researchers who believe the next great design medium is intelligence\n itself. ONZE brings these disciplines together under one roof to\n create spaces that are as thoughtful as they are beautiful.\n

\n \n\n

\n {PRINCIPLES.map((p, i) => (\n \n

\n 0{i + 1}\n

{p[0]}

{p[1]}

\n \n ))}\n

\n );\n}\n",[100,141,269],"2b6ccb81bf21091d74cdf1e0cd77f2b4228e8bf141bf374687ba5ea8c22d107d",["D",1781829062348],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789740111&sig=8f527397f2abe7f62f039024eb24ead22d253a12bc850f1f84258ef63027dc77","userId","cfcec6a8-3ac9-4a8d-9e80-06269c13710c","pinnedFileId","019edd49-cf47-77da-bcf5-b065e78fec93","pinPreview","pinMigrated","screenshotVersion","likeCount","019edcfb-9acb-730e-976c-b18b93e2146e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_317":313},"org",{"_11":12,"_310":311,"_312":313,"_283":284,"_314":315,"_316":48},"branch","displayName","Huiyi Chen","avatar","https://lh3.googleusercontent.com/a/ACg8ocKcvnKesQOhxk6RpFlvfII1aVl78dXHVoigJacgq_fiz1OoKIc=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":431,"_46":-5,"_277":48,"_49":50,"_278":50,"_279":280,"_281":282,"_283":284,"_285":286,"_287":26,"_288":-5,"_289":-5,"_290":175,"_53":291,"_292":-5,"_293":-5,"_294":-5,"_295":-5,"_296":297,"_298":297,"_299":300,"_301":300,"_302":300,"_303":297,"_304":297,"_305":432,"_307":433,"_309":434,"_47":48},"tree",[371,386,387],"files",[371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387],"counts",{"_361":175,"_362":90,"_363":175,"_364":365,"_366":367},"contents",[346,347,348],"upstreamProject",{"_32":39,"_13":56,"_279":280,"_281":343,"_49":50,"_305":344},"upstreamBranch",{"_32":33,"_34":341,"_36":342,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789740112&sig=0fe248e58ca0a1646e6002434f48ab2cf31e90100663bb18752302054c5f64f6",{"_11":52,"_317":345},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789740112&sig=d441c56a8be2b285b9daaaf962511257241f7914e0d0a39d8503963722993af7",{"_32":357,"_13":100,"_82":85,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":358,"_40":175,"_91":359,"_93":-5,"_66":48,"_95":-5,"_74":360},{"_32":154,"_13":151,"_82":155,"_84":-5,"_86":58,"_87":20,"_88":26,"_34":355,"_40":90,"_91":92,"_93":157,"_66":48,"_95":-5,"_74":356},{"_32":349,"_13":350,"_82":286,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":351,"_40":175,"_91":352,"_93":353,"_66":48,"_95":14,"_74":354},"a8c27349-88e6-4cf4-b681-42bb0d88b3be","index.ts",["D",1781829062348],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n",[350],["D",1781829236997],[151],"934d61e3-43a5-45f0-867f-b0d90a5ebf33",["D",1781829062348],"directory",[100],"pulls","branches","forks","envVars",{"_368":175,"_370":175},"connections",{"_368":175,"_369":175},"count","unfilledCount","emptyCount",{"_32":357,"_13":100,"_82":85,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":428,"_40":175,"_91":359,"_93":-5,"_66":48,"_95":-5,"_96":429,"_74":430},{"_32":424,"_13":141,"_82":134,"_84":85,"_86":58,"_87":90,"_88":26,"_34":425,"_40":175,"_91":359,"_93":-5,"_66":48,"_95":-5,"_96":426,"_74":427},{"_32":268,"_13":269,"_82":270,"_84":134,"_86":58,"_87":271,"_88":26,"_34":272,"_40":175,"_91":137,"_93":273,"_66":48,"_95":-5,"_96":422,"_74":423},{"_32":131,"_13":132,"_82":133,"_84":134,"_86":58,"_87":135,"_88":26,"_34":136,"_40":90,"_91":137,"_93":138,"_66":48,"_95":-5,"_96":420,"_74":421},{"_32":258,"_13":259,"_82":260,"_84":134,"_86":58,"_87":261,"_88":26,"_34":262,"_40":175,"_91":137,"_93":263,"_66":48,"_95":-5,"_96":418,"_74":419},{"_32":248,"_13":249,"_82":250,"_84":134,"_86":58,"_87":251,"_88":26,"_34":252,"_40":175,"_91":137,"_93":253,"_66":48,"_95":-5,"_96":416,"_74":417},{"_32":239,"_13":240,"_82":241,"_84":134,"_86":58,"_87":57,"_88":26,"_34":242,"_40":90,"_91":137,"_93":243,"_66":48,"_95":-5,"_96":414,"_74":415},{"_32":229,"_13":230,"_82":231,"_84":134,"_86":58,"_87":232,"_88":26,"_34":233,"_40":175,"_91":137,"_93":234,"_66":48,"_95":-5,"_96":412,"_74":413},{"_32":219,"_13":220,"_82":221,"_84":134,"_86":58,"_87":222,"_88":26,"_34":223,"_40":175,"_91":137,"_93":224,"_66":48,"_95":-5,"_96":410,"_74":411},{"_32":209,"_13":210,"_82":211,"_84":134,"_86":58,"_87":212,"_88":26,"_34":213,"_40":175,"_91":137,"_93":214,"_66":48,"_95":-5,"_96":408,"_74":409},{"_32":199,"_13":200,"_82":201,"_84":134,"_86":58,"_87":202,"_88":26,"_34":203,"_40":175,"_91":137,"_93":204,"_66":48,"_95":-5,"_96":406,"_74":407},{"_32":190,"_13":191,"_82":192,"_84":134,"_86":58,"_87":106,"_88":26,"_34":193,"_40":175,"_91":137,"_93":194,"_66":48,"_95":-5,"_96":404,"_74":405},{"_32":113,"_13":114,"_82":115,"_84":85,"_86":58,"_87":116,"_88":26,"_34":117,"_40":90,"_91":92,"_93":118,"_66":48,"_95":-5,"_96":402,"_74":403},{"_32":80,"_13":81,"_82":83,"_84":85,"_86":58,"_87":22,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":400,"_74":401},{"_32":393,"_13":394,"_82":395,"_84":85,"_86":58,"_87":90,"_88":26,"_34":396,"_40":175,"_91":137,"_93":397,"_66":48,"_95":-5,"_96":398,"_74":399},{"_32":154,"_13":151,"_82":155,"_84":-5,"_86":58,"_87":20,"_88":26,"_34":156,"_40":90,"_91":92,"_93":157,"_66":48,"_95":-5,"_96":391,"_74":392},{"_32":349,"_13":350,"_82":286,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":388,"_40":175,"_91":352,"_93":353,"_66":48,"_95":14,"_96":389,"_74":390},["D",1781829062348],[],[350],[],[151],"a864fa5f-ce56-49ee-abe9-9eeebf85188f","index.tsx","019edd49-cf47-77da-bcf5-a7b853bf8a6d",["D",1781829062348],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[100,394],[],[100,81],[],[100,114],[],[100,141,191],[],[100,141,200],[],[100,141,210],[],[100,141,220],[],[100,141,230],[],[100,141,240],[],[100,141,249],[],[100,141,259],[],[100,141,132],[],[100,141,269],"6b6ade74-a64e-485e-8ede-b5e75a896d32",["D",1781829062348],[373,374,375,376,377,378,379,380,381,382],[100,141],["D",1781829062348],[372,383,384,385],[100],["D",1781829062348],{"_11":12,"_317":313},{"_11":12,"_310":311,"_312":313,"_283":284,"_314":315,"_316":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_305":-5,"_338":468,"_469":470,"_471":472,"_473":48,"_474":48,"_475":48,"_476":26,"_477":-5,"_478":-7,"_479":-7,"_480":175,"_481":48,"_482":48,"_483":-5,"_484":48,"_485":48,"_486":48,"_487":-5},"ENV",{"_439":440,"_441":442,"_443":16,"_444":445,"_446":447,"_448":449,"_450":451,"_452":453,"_454":455,"_456":457,"_458":459,"_460":461,"_462":463,"_464":465,"_466":467},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

React + Hono Starter

\n We believe a space should\n anticipate, not just\n contain.\n

\n One studio.The whole stack.\n

\n Selected work\n

{p.title}

\n Smart living experiences\n

{e.t}

\n Let's designwhat's next.\n

\n A studio for the intelligent age\n

\n One studio.
The whole stack.\n

\n Let's design
what's next.\n

Compare

Mergehuiyichen/mainintotemplates/main

README.md+49-44

frontend/components/App.tsx+20-7

frontend/favicon.svg+4-3

frontend/index.html+38-8

frontend/components/About.tsx+64-0

frontend/components/Contact.tsx+83-0

frontend/components/Experiences.tsx+66-0

frontend/components/Hero.tsx+121-0

frontend/components/Nav.tsx+87-0

frontend/components/Projects.tsx+82-0

frontend/components/Reveal.tsx+43-0

frontend/components/Technologies.tsx+70-0

frontend/components/Vision.tsx+55-0

frontend/components/Counter.tsx+0-18