Design Directions

The real site tree, one complete mockup: homepage, lessons, rentals, pricing, gallery, reviews, FAQ, location, contact, legal pages, and the blog scaffold. Not a concept — this is what ships.

Interactive water hero (cursor ripples) into a scroll-driven day-to-night journey through all four services.

Minimalist, huge whitespace, one CTA per screen. Persistent mobile Call + Book bar.

Matches the locked design direction exactly — real colors, real fonts, Vissla mosaic + Roark cinematic hero.

Single-scroll ad-landing page, no nav to leave through, all four services on one page ending at one CTA.

Warm sunset poster aesthetic — sky and horizon shift as you scroll. Exploratory, off-brief.

Cinematic dark mode — cursor through the hero ripples light. Exploratory, off-brief.

Bold flat-color screenprint surf poster energy, scrolling ticker marquee. Exploratory, off-brief.

Single-scroll ad-landing page, no nav to leave through, all four services on one page ending at one CTA.

All 4 real services, real prices, trust facts, 3 real audit-sourced FAQs.

FareHarbor-style booking widget mockup matched to the live TripAdvisor listing.

Real filterable masonry gallery with lightbox, pulling from the actual photo library.

Real live sunset time + moon phase, re-fetched every visit. Speculative — not in the confirmed real-site scope.

Side-by-side reference of all 14 logo variants + 2 favicons from Documentation/Assets/Media/Art Assets/New Logos. Reference only, not a proposal for any one variant.

Fully custom button designs — Retro Square (exact old-site recreation), Neon Glow, Glassmorphism, Gradient Shift, Brutalist, Outline Fill, 3D Press, Neumorphic, Sticker/Bubble, Handwritten. No FareHarbor style constraints, confirmed unnecessary by the old site’s own custom buttons.

Pick a custom cursor image and stack live effects (glow, pulse, spin, hue shift, screen blend) on top. Auto-loads whatever is in public/cursors/.