Frame Group Website

Un sito portfolio e studio dal linguaggio cinematografico per Frame Group, realizzato con Next.js, React, TypeScript e Tailwind CSS. Il progetto racconta il lavoro dello studio tra produzioni, eventi, Hirpinia Film Lab, studio principale e pagine di presentazione/contatto.

Informazioni

L'esperienza è costruita attorno a immagini d'impatto, motion design e storytelling editoriale. Il sito include sezioni dedicate a:

• produzioni e lavori video
• fotografia e copertura eventi
• Hirpinia Film Lab, un progetto cinematografico di formazione e produzione
• informazioni sullo studio e sul noleggio degli spazi
• team, contatti e collegamenti social

Avvio rapido

Installa le dipendenze e avvia il dev server:

npm install
npm run dev

Poi apri http://localhost:3000 nel browser.

Script disponibili

• npm run dev — avvia il server di sviluppo con Turbopack
• npm run build — crea la build di produzione
• npm run start — avvia il server di produzione
• npm run lint — esegue ESLint su src
• npm run typecheck — esegue il controllo TypeScript senza generare file
• npm run prettier — formatta i file sorgente
• npm run prettier-check — verifica la formattazione

Stack tecnologico

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS v4
• GSAP per le animazioni
• integrazione Video.js per la riproduzione media
• Sharp per l'elaborazione delle immagini

Struttura del progetto

• src/app — segmenti di route e layout delle pagine
• src/components — componenti UI riutilizzabili
• src/contexts — stato condiviso tramite React Context
• src/utils — helper, dati immagini e utility di animazione
• public/assets — asset statici locali

Note

• La homepage e le pagine di sezione sono fortemente visuali e dipendono da asset multimediali curati.
• Il sito include una narrazione coordinata per Frame Group e Hirpinia Film Lab.

Licenza

Tutti i diritti riservati.

Made with ♥ by Antonio Wang.