The landing communicates Sealect Business value through targeted storytelling: hero with impactful headline ("Your school deserves more than a WhatsApp group"), problem section with real pain points (WhatsApp chaos, manual Excel, missed calls, out-of-sync staff), solution with feature blocks (drag & drop calendar, team management, automated emails, Stripe payments, public profile, reviews), transparent pricing with monthly/annual toggle, savings comparison vs competitors (FareHarbor 8% vs Sealect 2.5%), detailed FAQ, interactive browser showcase with dashboard screenshots, social proof trust bar, consumer banner cross-sell, and final CTA with 30-day free trial. Responsive design, GSAP animations, Montserrat + Londrina Solid typography, ocean-inspired palette (primary orange/red, secondary yellow/ochre, accent teal).

Key features

• Hero: headline + subheadline + primary CTA ("Start free — 30 days, no card required") + secondary CTA ("See how it works"), note below CTA ("Cancel anytime").
• Problem section: 6 visual pain points (WhatsApp confirmations, manual Excel, missed calls, out-of-sync staff, unknown revenue, restart every season).
• Solution section: 6 feature blocks with title + description (Drag & drop calendar bookings, Team management roles, Automated emails, Sealect public profile, Direct Stripe payments, Reputation amplification reviews).
• Interactive pricing: monthly/annual billing toggle with "2 months free" discount badge, BASE (€39/month) and PRO (€69/month + 2.5%, "Most popular" badge) cards, expandable features list, CTAs "Climb aboard" / "Cast off".
• Competitor comparison: savings table vs FareHarbor/Regiondo (8% vs 2.5%), example calculation (€10k bookings → €800 FH vs €319 Sealect).
• FAQ accordion: 14+ questions (trial, credit card, cancellation, upgrade, 2.5% commission, cancellations, no-show, team roles, multi-location, CSV export, mobile).
• Browser showcase: interactive component with dashboard screenshots, GSAP scroll-triggered animations.
• Trust bar: social proof placeholder (X schools, Y bookings, Z € processed), partner logos.
• Consumer banner: cross-sell to Sealect consumer platform (water experiences marketplace).
• Final CTA: headline "Ready to ditch the chaos?", subheadline 30-day trial, primary CTA, included support note.
• i18n: full IT/EN support with next-intl, complete translations for all sections, locale switcher.

Data layer & integrations

• Static landing: no backend/CMS, content hardcoded in translations (
  messages/it.json, messages/en.json).
• External links: primary CTA → signup business.sealect.app, consumer banner → Sealect marketplace.
• Structured data: JSON-LD for SEO (SoftwareApplication, Organization, FAQ schema).
• Analytics: Vercel Analytics for conversion tracking.

Security & access

• Public landing page, no authentication.
• Validated external links.
• Optimized SEO metadata with getPageMetadata().

UI/UX and performance

• Tailwind CSS 4 for styling (config via @theme in 
  globals.css).
• GSAP for smooth and scroll-triggered animations.
• Embla Carousel with autoplay for trust bar and testimonials.
• shadcn/ui for base components (Button, Accordion, Card, Badge).
• Lucide React for icons (no Unicode, no inline SVG).
• Font stack: Montserrat (sans-serif body) + Londrina Solid (serif headlines).
• Ocean palette: primary orange/red, secondary yellow/ochre, accent teal.
• Dark mode via .dark class (no prefers-color-scheme).
• Mobile-first responsive design, lazy loading, tuned LCP/CLS.

Technical highlights

• Next.js 16 + React 19 + TypeScript 6.
• Tailwind CSS v4 (config via CSS @theme, no tailwind.config.*).
• next-intl 4.9 for full i18n (IT/EN) with locale-aware routing.
• GSAP for animations, Embla Carousel for carousels.
• Interactive pricing with monthly/annual toggle, expand/collapse features.
• Browser showcase with dashboard screenshots and scroll animations.
• Competitor comparison with real savings calculations.
• FAQ accordion with 14+ detailed questions.
• Structured data JSON-LD for SEO (Software, Organization, FAQ).
• shadcn/ui 4.2, Lucide React, Biome lint/format.
• React Compiler enabled, Vercel Analytics.