Zenzero App - Copy this React, Tailwind Component to your project

Voglio creare un'interfaccia utente per un'app mobile che si chiama ZENZERO, progettata per ridurre la dipendenza dai social media e migliorare la produttività personale. L'app ha un design pulito e moderno, e deve essere facile da usare. Ecco le funzionalità principali che voglio includere nell'interfaccia: Schermata Principale: Un cruscotto che mostra il tempo di focus accumulato e il numero di punti guadagnati dall'utente. Un pulsante per iniziare/terminare una sessione di focus. Durante la sessione, gli avvisi dei social media sono bloccati. Un pulsante per avviare una sessione di scrolling consapevole, che permette di guadagnare punti extra scorrendo consapevolmente gli annunci. Un grafico a linea che mostra l'uso settimanale dei social media (suddiviso per giorni). Navigazione: Tab bar nella parte inferiore dello schermo per accedere rapidamente alle diverse sezioni dell'app: Home, Ricompense, Impostazioni. Schermata Ricompense: Una lista di premi disponibili, come buoni Amazon, donazioni a charity, o lo sblocco di temi. Ogni premio mostra il costo in punti e l'utente può cliccare per riscattarlo. Schermata Impostazioni: Opzione per attivare/disattivare il tema scuro. Opzione per abilitare/disabilitare le notifiche. Un pulsante per cancellare i dati di utilizzo. Un pulsante per il logout. Schermata di Login: Un'interfaccia semplice con campo email e password e un pulsante per effettuare il login. Preferisco un design minimalista con colori rilassanti e elementi ben distanziati per ridurre il sovraccarico visivo. Gli utenti devono poter vedere le informazioni chiave senza distrazioni. Utilizza icone intuitive per la navigazione e usa colori diversi per rappresentare diverse attività (come il tempo di focus e l'uso dei social media). Il design deve essere ottimizzato per dispositivi mobili, con una UX semplice, adatta a chi cerca di migliorare la propria produttività senza stress