La landing comunica il valore di Sealect Business attraverso storytelling mirato: hero con headline impattante ("La tua scuola merita più di un gruppo WhatsApp"), sezione problema con pain points reali (WhatsApp caos, Excel manuale, chiamate perse, staff non sincronizzato), soluzione con feature blocks (calendario drag & drop, team management, email automatiche, pagamenti Stripe, profilo pubblico, reviews), pricing trasparente con toggle mensile/annuale, confronto risparmio vs competitor (FareHarbor 8% vs Sealect 2.5%), FAQ dettagliate, browser showcase interattivo con screenshot dashboard, trust bar social proof, consumer banner cross-sell, e CTA finale con trial 30 giorni gratuito. Design responsive, animazioni GSAP, tipografia Montserrat + Londrina Solid, palette ocean-inspired (primary arancione/rosso, secondary giallo/ocra, accent teal).

Funzionalità principali

• Hero: headline + subheadline + CTA primaria ("Inizia gratis — 30 giorni, nessuna carta richiesta") + CTA secondaria ("Guarda come funziona"), nota sotto CTA ("Disdici quando vuoi").
• Sezione Problema: 6 pain points visuali (conferme WhatsApp, Excel manuale, chiamate perse, staff non aggiornato, revenue sconosciuto, ricomincia ogni stagione).
• Sezione Soluzione: 6 feature blocks con titolo + descrizione (Prenotazioni calendario drag & drop, Team management ruoli, Email automatiche, Profilo pubblico Sealect, Pagamenti Stripe diretti, Reviews amplificazione reputazione).
• Pricing interattivo: toggle billing mensile/annuale con discount badge "2 mesi gratis", cards BASE (€39/mese) e PRO (€69/mese + 2.5%, badge "Più popolare"), lista features espandibile, CTA "Sali a bordo" / "Molla gli ormeggi".
• Confronto competitor: tabella risparmio vs FareHarbor/Regiondo (8% vs 2.5%), calcolo esempio (€10k prenotazioni → €800 FH vs €319 Sealect).
• FAQ accordion: 14+ domande (trial, carta credito, disdetta, upgrade, commissione 2.5%, cancellazioni, no-show, team roles, multi-sede, export CSV, mobile).
• Browser showcase: componente interattivo con screenshot dashboard gestionale, animazioni GSAP scroll-triggered.
• Trust bar: social proof placeholder (X scuole, Y prenotazioni, Z € processati), logo partner.
• Consumer banner: cross-sell piattaforma consumer Sealect (marketplace esperienze acquatiche).
• CTA finale: headline "Pronto a toglierti di dosso il caos?", subheadline trial 30 giorni, CTA primaria, nota supporto incluso.
• i18n: supporto completo IT/EN con next-intl, traduzioni complete per tutte le sezioni, locale switcher.

Data layer e integrazioni

• Static landing: no backend/CMS, content hardcoded in traduzioni (
  messages/it.json, messages/en.json).
• Links esterni: CTA principale → signup business.sealect.app, consumer banner → marketplace Sealect.
• Structured data: JSON-LD per SEO (SoftwareApplication, Organization, FAQ schema).
• Analytics: Vercel Analytics per tracking conversioni.

Sicurezza e accessi

• Landing page pubblica, no autenticazione.
• Link esterni validati.
• SEO metadata ottimizzati con getPageMetadata().

UI/UX e performance

• Tailwind CSS 4 per styling (configurazione via @theme in 
  globals.css).
• GSAP per animazioni fluide e scroll-triggered effects.
• Embla Carousel con autoplay per trust bar e testimonials.
• shadcn/ui per componenti base (Button, Accordion, Card, Badge).
• Lucide React per icone (no Unicode, no SVG inline).
• Font stack: Montserrat (sans-serif body) + Londrina Solid (serif headlines).
• Palette ocean: primary arancione/rosso, secondary giallo/ocra, accent teal.
• Dark mode via classe .dark (no prefers-color-scheme).
• Responsive design mobile-first, lazy loading, ottimizzazione LCP/CLS.

Highlight tecnico

• Next.js 16 + React 19 + TypeScript 6.
• Tailwind CSS v4 (config via CSS @theme, no tailwind.config.*).
• next-intl 4.9 per i18n completo (IT/EN) con locale-aware routing.
• GSAP per animazioni, Embla Carousel per carousel.
• Pricing interattivo con toggle mensile/annuale, expand/collapse features.
• Browser showcase con screenshot dashboard e scroll animations.
• Confronto competitor con calcoli risparmio reali.
• FAQ accordion con 14+ domande dettagliate.
• Structured data JSON-LD per SEO (Software, Organization, FAQ).
• shadcn/ui 4.2, Lucide React, Biome lint/format.
• React Compiler abilitato, Vercel Analytics.