Il sito offre un'esperienza completa per la ricerca immobiliare: homepage con hero, valori aziendali e proprietà in evidenza, catalogo con filtri per tipo, prezzo, metratura, camere e caratteristiche, pagine dettaglio con info complete (descrizioni, specifiche, classe energetica, gallerie foto, planimetrie, video), form contatti generici e dedicati per proporre immobili, e SEO ottimizzato. L'architettura è moderna e responsive, ottimizzata per desktop e mobile.
Funzionalità principali
- Integrazione APIMO: sincronizzazione automatica proprietà, info complete (descrizioni, specifiche, classe energetica, ecc.), dettagli multilingua (IT/EN), gallerie high-res e tour virtuali.
- Catalogo avanzato: filtri per tipo proprietà, range prezzo, location, metratura, camere, caratteristiche, stato vendita/affitto.
- Pagine dettaglio: info chiave (prezzo, metratura, camere, bagni), descrizione completa, caratteristiche, classe energetica, planimetrie, video, galleria interattiva con Yet Another React Lightbox.
- Form contatti: integrazione GoHighLevel per gestione CRM, form contatto generale, form dedicato "Proponi il tuo immobile".
- Multilingua: supporto completo IT/EN con next-intl, contenuti proprietà tradotti dinamicamente.
- SEO: metadata ottimizzati, sitemap dinamica, structured data.
Data layer e integrazioni
- APIMO API: fetch proprietà con autenticazione (provider ID, token), mappatura dati completi (tipo, prezzo, area, stanze, caratteristiche, energia, foto, planimetrie, video).
- GoHighLevel: integrazione form per lead tracking e CRM.
- URL state management: nuqs per filtri persistenti in URL.
- Zod per validazioni form.
- Pino per logging strutturato.
UI/UX e performance
- Tailwind CSS 4 + shadcn/ui (Radix) per componenti accessibili.
- GSAP per animazioni fluide.
- Embla Carousel per carousel proprietà in evidenza (con auto-scroll e wheel gestures).
- Yet Another React Lightbox per gallerie foto interattive.
- Responsive design, skeleton loading, lazy images, ottimizzazione LCP/CLS.
Highlight tecnico
- Next.js 15 + React 19 + TypeScript.
- APIMO API integration (sincronizzazione proprietà, multilingua, foto/video).
- Filtri avanzati con URL state (tipo, prezzo, metratura, camere, caratteristiche).
- GoHighLevel per form e CRM.
- next-intl per i18n (IT/EN).
- Yet Another React Lightbox, GSAP, Embla Carousel.
- Zod, nuqs, Pino, Tailwind 4, Radix UI.