What the panel shows
Wave height and period, wind speed and direction, water and air temperature, and the next four tides for the Cocoa Beach break on Ocean Beach Blvd. Each load also carries a plain-language read for beginners — friendly, workable, or better left for another morning — which is the part guests actually act on.
The numbers come from Open-Meteo for the marine and weather data and from NOAA for the tide predictions at the Cocoa Beach station. Nothing is stored, and the panel updates every time a page is loaded.
Who it suits
Accommodation and hospitality sites are the obvious fit: a guest checking tomorrow's beach conditions on your site is a guest who is already planning their day. Local blogs, fishing and paddleboard pages, and surf-adjacent shops all work the same way.
If you would rather link than embed, a plain link to the full Cocoa Beach surf report is just as welcome — it carries the same live panel plus the guidance on when to book a lesson.
How to add it
Copy the snippet below into your page where you want the panel to appear. It is a single responsive iframe, so it works in any site builder, theme or page builder that accepts custom HTML.
If your builder does not allow iframes, paste the same address into a link instead — the panel is useful on its own, and the attribution requirement disappears with the embed.
The snippet
<iframe
src="https://www.floridaluxurysurfing.com/embed/surf-conditions/"
width="100%"
height="520"
title="Live Cocoa Beach surf conditions"
style="border:0;border-radius:16px;max-width:560px"
loading="lazy"
></iframe>Height and width can be changed to suit your page. Please leave the attribution line inside the panel.