The site provides a complete showcase for Loft 64: structured homepage with eye-catching hero, call-to-action section for bookings (direct contact and Airbnb), apartment description, services/amenities (Wi-Fi, air conditioning, private terrace, e-bike, free parking, etc.), photo gallery, guest testimonials with authentic reviews, recommended Langhe experiences section (Barolo wine tastings, truffle hunting, e-bike tours), interactive map with address, and footer with socials. Responsive design, optimized for mobile and desktop.

Key features

• Multilingual homepage: organized in sections (Hero, Contact Us, Description, Services, Testimonials, Gallery, Experiences, Location).
• Contact form: Web3Forms integration for direct messaging, Zod validation and TanStack Form for form management.
• Bookings: multiple CTAs for direct booking (contact form) and Airbnb booking (external link).
• Photo gallery: Embla carousel with autoplay and auto-scroll to showcase interiors, exteriors, and terrace.
• Testimonials: authentic guest reviews (Georgios, Galina, Yanhua, Daniel, Stefania) with dates and full text.
• Services/Amenities: complete list (Wi-Fi, air conditioning, heating, TV, coffee machine, kitchenette, free parking, e-bike, private terrace, panoramic view, washer, pets welcome).
• Langhe experiences: dedicated section with recommendations for wine tastings, truffle hunting, e-bike tours, restaurants.
• SEO: optimized metadata, dynamic sitemap, robots.txt, Open Graph and Twitter cards.

Data layer & integrations

• Web3Forms: third-party service for contact form management (no custom backend).
• Airbnb: direct link for bookings on external platform.
• Instagram: social link to connect with Loft 64 profile.
• Google Maps: map integration to display location (Via Acqui, 6, Alba).
• next-intl: i18n management with locale routing (it, en), default it, prefix as-needed.

UI/UX and performance

• Tailwind CSS 4 for utility-first styling.
• GSAP for smooth animations and scroll-triggered effects.
• Embla Carousel with autoplay and auto-scroll plugins for gallery.
• Radix UI for accessible components (Dialog, Label, Slot).
• Lucide React and React Icons for icons.
• Sonner for toast notifications, next-themes for theme switching.
• Vercel Analytics and Speed Insights for performance monitoring.
• Responsive design, lazy image loading, tuned LCP/CLS.

Technical highlights

• Next.js 16 + React 19 + TypeScript.
• next-intl for full i18n (IT/EN) with locale-aware routing.
• Web3Forms for contact form without custom backend.
• TanStack Form + Zod for client-side form validation.
• GSAP for animations, Embla Carousel for gallery.
• Airbnb integration (external link for bookings).
• SEO: metadata, sitemap, robots, Open Graph.
• Biome for linting/formatting.
• pnpm as package manager.