A premium landing page for ONZE Design — a New York smart space design studio fusing architecture, interior design, smart home systems, IoT, spatial computing, multimodal AI, and ambient intelligence.

Minimalist, black-and-white, large typography, full-screen sections, smooth scroll animations, architectural photography, and glassmorphism — built to feel like a high-end design startup.

1. Hero — "Designing Spaces That Understand You"
2. Vision — studio philosophy + stats
3. Smart Living Experiences — the four intelligence pillars
4. Projects — selected work in an editorial grid
5. Technologies — full-stack capability grid + marquee
6. About — studio principles
7. Contact — call to action + details

Client-side React (18.2.0) + Hono, styled with Twind (Tailwind utilities at runtime). Fonts: Syne (display) + Inter (body). Animations are CSS-driven, with scroll reveals powered by an IntersectionObserver in Reveal.tsx.

Rendering mermaid diagram...

index.ts                       ← Hono server (serves frontend + /source)
frontend/
  index.html                   ← shell: fonts, Twind theme, keyframes
  index.tsx                    ← mounts <App />
  favicon.svg
  components/
    App.tsx                    ← composes all sections
    Nav.tsx                    ← sticky glass nav + mobile menu
    Hero.tsx                   ← full-screen hero
    Vision.tsx                 ← section 02
    Experiences.tsx            ← section 03
    Projects.tsx               ← section 04
    Technologies.tsx           ← section 05 + marquee
    About.tsx                  ← section 06
    Contact.tsx                ← section 07 + Footer
    Reveal.tsx                 ← scroll-reveal wrapper

• Copy & contact: edit the data arrays at the top of each section component; update email/phone in Contact.tsx.
• Photography: swap the Unsplash img URLs (placeholders for now — replace with ONZE's own project photography).
• Brand color: the palette is intentionally black & white; accents come from white-on-black contrast and glass surfaces.