/* global React, ReactDOM */ const { useEffect, useRef, useState, useMemo, useCallback } = React; // ===================== Nav ===================== function Nav() { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return (
Yogavibe Reviews
); } // ===================== Hero ===================== function Hero({ stats }) { return (
Antwerp · Essaouira · Phuket Est. 2017

What guests
say after
the week.

Honest reflections from every guest who has joined a Yogavibe retreat. Verified, unedited, and gathered in one place — read them all, or add your own.

Read all reviews Share your story
Morning yoga class on the riad terrace in Essaouira
Morning class · Riad terrace, Essaouira
{stats.avg.toFixed(1)}/5
Based on {stats.total} verified reviews  ·  {stats.fiveStarPct}% rated five stars
Last updated · {formatDate(stats.lastDate)} Verify on Trustpilot
); } // ===================== Marquee ===================== function Marquee() { const items = [ "Came back fully zen", "Best yoga retreat ever", "Food for body, mind and soul", "A week that reset everything", "A retreat beautifully in balance", "Everything was wonderful", ]; const row = (key) => ( {items.map((t, i) => ( {t} ))} ); return ( ); } // ===================== Glimpses gallery ===================== function Glimpses() { const photos = [ { src: "images/surf-class.jpg", alt: "Six guests on surfboards practising on Sidi Kaouki beach", caption: "Surf class · Sidi Kaouki", cols: 7, rows: 1 }, { src: "images/dunes-group.jpg", alt: "Group of guests posing on a sand dune above the Atlantic", caption: "Dunes · Atlantic coast", cols: 5, rows: 2 }, { src: "images/riad-lunch.jpg", alt: "Long lunch under stone arches at the riad in Essaouira", caption: "Long lunch · The riad", cols: 4, rows: 1 }, { src: "images/horseback.jpg", alt: "Three guests on horseback riding through coastal scrubland", caption: "Horseback · Coastal trail", cols: 3, rows: 1 }, { src: "images/garden-meditation.jpg", alt: "Seated meditation in the garden, framed by palm fronds", caption: "Seated meditation · Garden", cols: 6, rows: 1 }, { src: "images/pool-friends.jpg", alt: "Seven guests in the riad pool, smiling", caption: "Afternoon swim · The pool", cols: 6, rows: 1 }, ]; return (
Glimpses

The reviews, in motion.

{photos.map((p) => (
{p.alt}
{p.caption}
))}
); } // ===================== Review card ===================== function ReviewCard({ r }) { const [expanded, setExpanded] = useState(false); const long = (r.body || "").length > 380; return (
{r.name}
{r.country ? `${r.country} · ` : ""} {r.reviewCount ? `${r.reviewCount} ${r.reviewCount === 1 ? "review" : "reviews"}` : "1 review"}

{r.title}

{r.body}

{long && ( )}
{formatDate(r.date)} {r.location && {r.location}}
); } // ===================== Filters + feed ===================== function ReviewsFeed({ reviews }) { const [rating, setRating] = useState("all"); const [sort, setSort] = useState("recent"); const [shown, setShown] = useState(9); const filtered = useMemo(() => { let list = reviews.slice(); if (rating !== "all") list = list.filter((r) => r.rating === Number(rating)); if (sort === "recent") list.sort((a, b) => new Date(b.date) - new Date(a.date)); if (sort === "oldest") list.sort((a, b) => new Date(a.date) - new Date(b.date)); if (sort === "highest") list.sort((a, b) => b.rating - a.rating || new Date(b.date) - new Date(a.date)); if (sort === "lowest") list.sort((a, b) => a.rating - b.rating || new Date(b.date) - new Date(a.date)); return list; }, [reviews, rating, sort]); useEffect(() => { setShown(9); }, [rating, sort]); return (
The Feed · {filtered.length} of {reviews.length}

Every review, in one place.

Filter by star rating or sort by date. Nothing here is paid for or moderated for tone.

{[ { id: "all", label: "All ratings" }, { id: "5", label: "5 ★" }, { id: "4", label: "4 ★" }, ].map((c) => ( ))}
{filtered.length === 0 ? (

No reviews match these filters.

) : ( <>
{filtered.slice(0, shown).map((r) => ( ))}
{shown < filtered.length && (
)} )}
); } // ===================== Leave-a-review form ===================== const FORMSPREE_ENDPOINT = "https://formspree.io/f/xlgvbeja"; function LeaveReview() { const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); const [rating, setRating] = useState(0); const [hover, setHover] = useState(0); const [name, setName] = useState(""); const [country, setCountry] = useState(""); const [email, setEmail] = useState(""); const [title, setTitle] = useState(""); const [body, setBody] = useState(""); const [retreat, setRetreat] = useState(""); const [consent, setConsent] = useState(false); const [err, setErr] = useState(""); const wordCount = body.trim().split(/\s+/).filter(Boolean).length; async function handleSubmit(e) { e.preventDefault(); setErr(""); if (!name.trim()) return setErr("Please add your name."); if (!rating) return setErr("Please choose a rating."); if (!title.trim()) return setErr("Please add a short title."); if (body.trim().length < 30) return setErr("Tell us a bit more — at least a couple of sentences."); if (!email.trim()) return setErr("Please add your email so we can follow up."); if (!consent) return setErr("Please confirm you agree to publish your review."); setSubmitting(true); try { const payload = { rating: `${rating} / 5`, name: name.trim(), country: country.trim().toUpperCase().slice(0, 2), email: email.trim(), retreat: retreat.trim(), title: title.trim(), review: body.trim(), consent: consent ? "yes" : "no", _subject: `New Yogavibe review — ${rating}★ from ${name.trim()}`, }; const res = await fetch(FORMSPREE_ENDPOINT, { method: "POST", headers: { "Accept": "application/json", "Content-Type": "application/json" }, body: JSON.stringify(payload), }); if (!res.ok) { const data = await res.json().catch(() => ({})); const msg = data && data.errors && data.errors[0] && data.errors[0].message ? data.errors[0].message : "Something went wrong sending your review. Please try again, or email hello@yogavibe.eu."; setErr(msg); setSubmitting(false); return; } setSubmitted(true); } catch (e2) { setErr("Couldn't reach the server. Please check your connection and try again."); } finally { setSubmitting(false); } } if (submitted) { return (
Thank you

Your review is in.

We've received it and will publish it on this page within a couple of days, after a quick check for spam. You'll get an email from Charlotte when it goes live.

Back to the feed
); } return (
Direct submission

Share your
week with us.

Whether you joined in Essaouira, Phuket, or a custom retreat — your honest reflection helps the next guest decide. We read every submission and publish it on this page after a quick check.

Where it appears
Right here on yogavibe-reviews.com, in the live feed above.
Turnaround
Usually published within 1–2 days after a quick spam check.
Your data
Email stays private. First name & country shown publicly.
{[1, 2, 3, 4, 5].map((n) => ( ))} {rating ? `${rating} of 5` : "Pick a rating"}
setName(e.target.value)} placeholder="Charlotte S." required />
setCountry(e.target.value)} placeholder="BE / NL / DE" maxLength="2" />
setEmail(e.target.value)} placeholder="you@example.com" />
setRetreat(e.target.value)} placeholder="Essaouira · Mar 2026" />
setTitle(e.target.value)} placeholder="A week that stayed with me…" maxLength="80" required />