Il sito offre una vetrina completa per il Loft 64: homepage strutturata con hero accattivante, sezione call-to-action per prenotazioni (contatto diretto e Airbnb), descrizione dell'appartamento, servizi/amenities (Wi-Fi, aria condizionata, terrazza privata, e-bike, parcheggio gratuito, ecc.), galleria fotografica, testimonial ospiti con recensioni autentiche, sezione esperienze consigliate nelle Langhe (degustazioni Barolo, caccia al tartufo, tour e-bike), mappa interattiva con indirizzo, e footer con social. Design responsive, ottimizzato per mobile e desktop.

Funzionalità principali

• Homepage multilingua: struttura organizzata in sezioni (Hero, Contact Us, Description, Services, Testimonials, Gallery, Experiences, Location).
• Form contatti: integrazione Web3Forms per invio messaggi diretti, validazione con Zod e gestione form con TanStack Form.
• Prenotazioni: CTA multipli per prenotazione diretta (form contatto) e prenotazione Airbnb (link esterno).
• Galleria fotografica: carousel Embla con autoplay e auto-scroll per mostrare interni, esterni e terrazza.
• Testimonials: recensioni ospiti autentiche (Georgios, Galina, Yanhua, Daniel, Stefania) con date e testi completi.
• Servizi/Amenities: lista completa (Wi-Fi, aria condizionata, riscaldamento, TV, macchina caffè, kitchenette, parcheggio gratuito, e-bike, terrazza privata, vista panoramica, lavatrice, animali ammessi).
• Esperienze Langhe: sezione dedicata con consigli per degustazioni vino, caccia tartufo, tour e-bike, ristoranti.
• SEO: metadata ottimizzati, sitemap dinamica, robots.txt, Open Graph e Twitter cards.

Data layer e integrazioni

• Web3Forms: servizio terze parti per gestione form contatti (no backend custom).
• Airbnb: link diretto per prenotazioni su piattaforma esterna.
• Instagram: link social per connessione con profilo Loft 64.
• Google Maps: integrazione mappa per visualizzare posizione (Via Acqui, 6, Alba).
• next-intl: gestione i18n con locale routing (it, en), default it, prefix as-needed.

UI/UX e performance

• Tailwind CSS 4 per styling utility-first.
• GSAP per animazioni fluide e scroll-triggered effects.
• Embla Carousel con plugin autoplay e auto-scroll per galleria.
• Radix UI per componenti accessibili (Dialog, Label, Slot).
• Lucide React e React Icons per icone.
• Sonner per toast notifications, next-themes per theme switching.
• Vercel Analytics e Speed Insights per monitoring performance.
• Responsive design, lazy loading immagini, ottimizzazione LCP/CLS.

Highlight tecnico

• Next.js 16 + React 19 + TypeScript.
• next-intl per i18n completo (IT/EN) con locale-aware routing.
• Web3Forms per form contatti senza backend custom.
• TanStack Form + Zod per validazione form client-side.
• GSAP per animazioni, Embla Carousel per gallery.
• Airbnb integration (link esterno per prenotazioni).
• SEO: metadata, sitemap, robots, Open Graph.
• Biome per linting/formatting.
• pnpm come package manager.