Featured Listings - Copy this React, Tailwind Component to your project
Crea un mockup per una web app di affitti brevi chiamata "BoolBnB". Il design deve essere moderno, pulito e user friendly, adatto per una piattaforma che permette di trovare e gestire affitti brevi. Usa un layout responsive, adatto sia a desktop che mobile. Pagine principali e sezioni richieste: Homepage: Barra di ricerca principale con opzioni per città, check in, check out, e numero di ospiti. Sezione con appartamenti sponsorizzati evidenziati, con immagini e descrizioni brevi. Collegamenti rapidi alla "Ricerca Avanzata" e alle altre pagine. Pagina di Ricerca Avanzata: Barra dei filtri laterale con opzioni per numero minimo di stanze, letti, bagni, e servizi extra come WiFi, piscina, sauna, ecc. Risultati di ricerca visualizzati in griglia, ognuno con immagine principale, titolo, descrizione breve, e prezzo. Mappa interattiva integrata (usando API tipo TomTom) che mostra la posizione degli appartamenti con indicazioni di distanza. Pagina Dettaglio Appartamento: Galleria di immagini per l'appartamento, informazioni dettagliate su stanze, bagni, servizi, e posizione con mappa interattiva. Pulsante per "Contatta il proprietario" e un form di messaggio con campi come email e richiesta. Sezione di appartamenti simili o suggeriti. Dashboard Utente Registrato: Pagina Lista Appartamenti: elenco degli appartamenti pubblicati con opzioni di modifica, eliminazione, e visualizzazione dei messaggi. Pagina Sponsorizzazione: dettagli sul pacchetto promozionale da scegliere per evidenziare l'appartamento (24h, 72h, 144h) e pagamento tramite Braintree. Pagina Statistiche Appartamento: grafici che mostrano visualizzazioni e messaggi ricevuti nel tempo. Pagina di Registrazione/Login: Form con campi per email, password, nome, cognome, data di nascita. Visual design intuitivo per accesso rapido. Requisiti tecnici: Client side validation per tutti i form e un sistema di geolocalizzazione per il salvataggio delle posizioni. Design del mockup che supporti l’integrazione del sistema di pagamento Braintree. Realizza la ricerca degli appartamenti e l’applicazione dei filtri senza ricaricare la pagina.
