Products Structure

Norio Next.js keeps routes, UI, data, styles, and motion in clear folders under norio-nextjs-dev. Use this map when adding pages or editing sections.

Folder structure

src/app
- layout.tsx — root layout, Inter font, globals
- page.tsx — home
- index-2, index-3, index-dark, …
- works, projects-*, project-details
- about, services, contact, …
- not-found.tsx
src/components
- layout — SiteShell, headers, footers, chrome
- sections — page sections (hero, projects, …)
- elements — shared UI pieces
- cards — card components
- effects — EffectsLoader / EffectsBootstrap
src/data
- JSON content for sections and site meta
src/effects
- Vanilla GSAP / Three.js effect modules
src/styles
- SCSS: abstracts, base, layout, sections, vendors
tokens
- tokens.json — design-token source of truth
public/assets
- Images, fonts, vendored JS (odometer, color-modes, …)