/* global React, BrandMark, WaveDivider, IconPhone, IconClose, IconMapPin, IconMail */
const { useState, useEffect } = React;
const NAV_ITEMS = [
{ id: "home", label: "Home" },
{ id: "residences", label: "Residences" },
{ id: "amenities", label: "Amenities" },
{ id: "gallery", label: "Gallery" },
{ id: "location", label: "Location" },
{ id: "contact", label: "Contact" },
];
function Header({ page, navTo, openTour, showPreLeasing }) {
return (
<>
{showPreLeasing && (
Pre-Leasing Now — First Residents Move In Summer 2026 · Join the waitlist for priority access
)}
Oceanfront Living
◆
Enduring Quality
◆
Iconic Location
);
}
function Footer({ navTo, onWaitlistSubmit }) {
const [email, setEmail] = useState("");
const [submitted, setSubmitted] = useState(false);
const submit = async (e) => {
e.preventDefault();
if (!email.includes("@")) return;
try {
await window.submitForm({
subject: "[Boardwalk House] Waitlist signup — footer",
formType: "waitlist",
source: "footer",
email,
});
} catch (_) { /* silent — UI still confirms */ }
onWaitlistSubmit && onWaitlistSubmit(email);
setSubmitted(true);
setEmail("");
setTimeout(() => setSubmitted(false), 4000);
};
return (
);
}
function Modal({ open, onClose, title, eyebrow, children, wide }) {
useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === "Escape") onClose(); };
document.addEventListener("keydown", onKey);
return () => document.removeEventListener("keydown", onKey);
}, [open, onClose]);
return (
e.stopPropagation()}>
{eyebrow &&
{eyebrow}
}
{title}
{children}
);
}
// Section header used on every page
function SectionHead({ eyebrow, title, lede, light }) {
return (
{eyebrow &&
{eyebrow}}
{title}
{lede &&
{lede}
}
{list.map((t, i) => (
{i > 0 && ◆}
{t}
))}
);
}
// Page hero used on sub-pages
function PageHero({ eyebrow, title, lede, photoUrl, children }) {
return (
{photoUrl &&
}
{eyebrow &&
{eyebrow}}
{title}
{lede &&
{lede}
}
{children}