);
}
function LogoMark({ size = 28 }) {
return (
);
}
/* ============ HERO ============ */
function Hero({ heroLayout, setPage }) {
if (heroLayout === 'editorial') return
;
if (heroLayout === 'fullbleed') return
;
return
;
}
function HeroSplit({ setPage }) {
return (
Essaouira · 2026
Salt air,
slow mornings,
and the sea.
Yogavibe runs small, unhurried retreats in Morocco and Thailand, yoga at sunrise, surf at noon, hammam at dusk. Come as you are.
Trusted by
9 years running
);
}
function HeroEditorial({ setPage }) {
return (
Vol. 09, Spring 2026
A field guide to slow travel
Come for the yoga.
Stay for the everything else.
Featuring
Six days in Essaouira, Morocco
Yoga · Surf · Hammam · Horseback
);
}
function HeroFullBleed({ setPage }) {
return (
Essaouira · 2026
Salt air,
slow mornings,
and the sea.
Small, unhurried retreats in Morocco.
Yoga at sunrise, surf at noon, hammam at dusk.
);
}
/* When deployed on Vercel, route images through /_vercel/image so they get
resized, format-converted (AVIF/WebP), and cached at the edge. Locally
(file:// or non-Vercel hosts) fall back to the raw src. */
function vercelImage(src, width, quality = 75) {
if (!src) return src;
if (typeof window === 'undefined') return src;
// Local development → just return the raw image.
if (window.location.hostname === 'localhost' || window.location.protocol === 'file:') return src;
const url = src.startsWith('/') ? src : '/' + src;
return `/_vercel/image?url=${encodeURIComponent(url)}&w=${width}&q=${quality}`;
}
function Placeholder({ coords = ",", label = "", tag = "", dark = false, ratio = null, className = "", src = null, pos = "center", priority = false, group = null, groupImages = null, groupIndex = 0 }) {
const style = ratio ? { aspectRatio: ratio } : {};
const handleClick = src ? (e) => {
e.stopPropagation();
if (window._openLightbox) {
const imgs = (group && groupImages) ? groupImages : [{ src, label }];
const idx = (group && groupImages) ? groupIndex : 0;
window._openLightbox(imgs, idx);
}
} : null;
if (src) {
const widths = [400, 800, 1200, 1600];
const srcSet = widths.map(w => `${vercelImage(src, w)} ${w}w`).join(', ');
return (
{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleClick(e); } }}
aria-label={`View ${label} full size`}
>
[ {coords} ]
{tag}
);
}
return (
[ {coords} ]
{tag}
→ {label}
);
}
/* ============ LIGHTBOX ============ */
function LightboxRoot() {
const [state, setState] = React.useState({ open: false, images: [], index: 0 });
React.useEffect(() => {
window._openLightbox = (images, index = 0) => {
setState({ open: true, images, index });
document.body.style.overflow = 'hidden';
};
return () => { delete window._openLightbox; };
}, []);
const close = React.useCallback(() => {
setState(s => ({ ...s, open: false }));
document.body.style.overflow = '';
}, []);
const prev = React.useCallback(() => setState(s => ({
...s, index: (s.index - 1 + s.images.length) % s.images.length
})), []);
const next = React.useCallback(() => setState(s => ({
...s, index: (s.index + 1) % s.images.length
})), []);
React.useEffect(() => {
if (!state.open) return;
const onKey = (e) => {
if (e.key === 'Escape') close();
if (e.key === 'ArrowLeft') prev();
if (e.key === 'ArrowRight') next();
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [state.open, close, prev, next]);
const touchStart = React.useRef(null);
const onTouchStart = (e) => { touchStart.current = e.touches[0].clientX; };
const onTouchEnd = (e) => {
if (touchStart.current === null) return;
const diff = e.changedTouches[0].clientX - touchStart.current;
if (Math.abs(diff) > 50) { diff > 0 ? prev() : next(); }
touchStart.current = null;
};
if (!state.open) return null;
const img = state.images[state.index];
if (!img) return null;
const hasMultiple = state.images.length > 1;
return (
{hasMultiple && (
<>
)}
e.stopPropagation()}>
{img.label &&
{img.label}
}
{hasMultiple &&
{state.index + 1} / {state.images.length}
}
);
}
Object.assign(window, { Nav, Hero, HeroSplit, HeroEditorial, HeroFullBleed, LogoMark, Placeholder, LightboxRoot, usePageSEO, PageSEO, PAGE_SEO, pathToPage, pageToPath, PAGE_TO_PATH });