This Shabbos
{parsha.parsha}
{parsha.candleLight} · {parsha.havdalah}
) : null}
/>
{/* ── HERO ────────────────────────────────────────────────────
Trimmed-down version of the desktop centered hero:
· Eyebrow ("Dyra Kosher Rentals")
· Headline with gold-foil "gold standard"
· Search pill as the primary CTA (replaces old "Find your
stay" button — the user asked for one CTA only)
The Hebrew accent line, descriptive paragraph, and "Host with
Dyra" button have been promoted out of the hero. The two
top-of-page links live in the sticky header (m-shell.jsx). */}
{/* Striped backdrop, full-bleed (accent-tinted, no label) */}
{/* Soft wash so type stays legible against the stripes */}
{/* Centered editorial column */}
Dyra Kosher Rentals
The gold standard of kosher stays in the heart of Crown Heights.
{/* Search pill — primary (and only) hero CTA */}
{/* ── FEATURED PROPERTIES ─────────────────────────────────
Same role as desktop "The portfolio." section, but laid out
as a horizontal scroll carousel for thumb-friendly browsing. */}
The portfolio.
{/* Horizontal carousel */}
{featured.map(p => (
))}
{/* ── DYRA PROMISE ─────────────────────────────────────────
Same six pillars as the desktop home, restyled as a vertical
list of editorial cards. Icon → headline → body. Anchored on
the dark ink background to read as the brand commitment. */}
The Dyra Promise
{[
{ ico: 'pin', t: 'Unmatched location', s: 'Every home is walking distance to 770, close to mikvah, shuls, and Kingston.' },
{ ico: 'flame', t: 'Kosher kitchen', s: 'Every home is strictly kosher. Separate meat and dairy \u2014 sinks, counters, dishes, silverware.' },
{ ico: 'candle', t: 'Shabbos-ready', s: 'Every home comes with an urn, a blech / hot plate, and Shabbos lamps ready to go.' },
{ ico: 'home', t: 'Elevated comfort', s: 'Freshly-washed linens, plush towels, full-sized appliances, and thoughtful details. Designed to feel like home, only better.' },
{ ico: 'sparkle', t: 'Fast, responsive support', s: 'A real person on WhatsApp. Most messages answered in under ten minutes \u2014 before, during, and after your stay.' },
{ ico: 'shield', t: 'Reliable every time', s: 'Same standard, every home. Every turnover. No surprises on arrival, no improvisation \u2014 just a place that\u2019s ready for you.' },
].map((x, i) => (
{x.t}
{x.s}
))}
{/* ── CONTACT FORM ─────────────────────────────────────────
Same role as the desktop home's contact block: send a
message, populates admin Inquiries via DyraStore. */}
);
}
// Hebrew month length table + Aleph–Lamed letter labels for day numbers.
// Anchored at 2026-05-14 = 26 Iyar 5786; the calendar walks forward/backward
// to roll across month boundaries so every Gregorian date in the picker has
// a Hebrew equivalent (not just the current month).
const M_HEB_MONTHS = [
{ name: 'Tishrei', len: 30 }, { name: 'Cheshvan', len: 29 }, { name: 'Kislev', len: 30 },
{ name: 'Tevet', len: 29 }, { name: 'Shvat', len: 30 }, { name: 'Adar', len: 29 },
{ name: 'Nisan', len: 30 }, { name: 'Iyar', len: 29 }, { name: 'Sivan', len: 30 },
{ name: 'Tammuz', len: 29 }, { name: 'Av', len: 30 }, { name: 'Elul', len: 29 },
];
const M_HEB_LETTER_DAY = [
'', 'א','ב','ג','ד','ה','ו','ז','ח','ט','י',
'יא','יב','יג','יד','טו','טז','יז','יח','יט','כ',
'כא','כב','כג','כד','כה','כו','כז','כח','כט','ל',
];
function mHebrewForISO(iso) {
if (!iso) return null;
const anchor = new Date('2026-05-14T00:00:00');
const d = new Date(iso + 'T00:00:00');
let dayOffset = Math.round((d - anchor) / 86400000);
let monthIdx = 7; // Iyar
let dayInMonth = 26 + dayOffset;
while (dayInMonth > M_HEB_MONTHS[monthIdx].len) {
dayInMonth -= M_HEB_MONTHS[monthIdx].len;
monthIdx = (monthIdx + 1) % 12;
}
while (dayInMonth < 1) {
monthIdx = (monthIdx - 1 + 12) % 12;
dayInMonth += M_HEB_MONTHS[monthIdx].len;
}
return {
monthName: M_HEB_MONTHS[monthIdx].name,
monthIdx,
day: dayInMonth,
letter: M_HEB_LETTER_DAY[dayInMonth] || String(dayInMonth),
};
}
// ─── Mini calendar — multi-month, click first date = check-in, click second
// date = check-out, click again = restart. Default is EMPTY (no pre-fill)
// so the user's selection is the only thing highlighted.
//
// `blockedRanges` (optional) is a list of {start, end} ISO date pairs marking
// days that are already booked or admin-blocked. The picker greys those days
// out, refuses to start a check-in on them, and refuses to span across one
// while picking a check-out.
function MMiniCalendar({ dates, setDates, onPick, blockedRanges, minNights }) {
const today = useMemo(() => { const d = new Date(); d.setHours(0,0,0,0); return d; }, []);
const initial = PARSE_ISO(dates.checkIn) || today;
const [cursor, setCursor] = useState(() => new Date(initial.getFullYear(), initial.getMonth(), 1));
const [warning, setWarning] = useState('');
const monthName = cursor.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });
const firstWeekday = cursor.getDay(); // 0=Sun
const lastDay = new Date(cursor.getFullYear(), cursor.getMonth()+1, 0).getDate();
const startISO = dates.checkIn;
const endISO = dates.checkOut;
const minN = Math.max(1, Number(minNights) || 1);
// Earliest legal check-out ISO given the current check-in. While the guest
// is picking checkout (start chosen, end not yet), any cell strictly before
// this date violates the minimum-stay rule and should be disabled.
const minCheckoutISO = useMemo(() => {
if (!startISO || endISO) return null;
const a = new Date(startISO + 'T00:00:00');
a.setDate(a.getDate() + minN);
return a.toISOString().slice(0, 10);
}, [startISO, endISO, minN]);
// Expand blocked ranges into a Set of unavailable ISO dates. Each range is
// half-open [start, end) — the check-out day is free for the next guest.
const blockedSet = useMemo(() => {
const s = new Set();
(blockedRanges || []).forEach(r => {
if (!r || !r.start || !r.end) return;
const a = new Date(r.start + 'T00:00:00');
const b = new Date(r.end + 'T00:00:00');
for (let d = new Date(a); d < b; d.setDate(d.getDate() + 1)) {
s.add(d.toISOString().slice(0, 10));
}
});
return s;
}, [blockedRanges]);
function rangeContainsBlocked(fromISO, toISO) {
if (!fromISO || !toISO) return false;
const a = new Date(fromISO + 'T00:00:00');
const b = new Date(toISO + 'T00:00:00');
for (let d = new Date(a); d < b; d.setDate(d.getDate() + 1)) {
if (blockedSet.has(d.toISOString().slice(0, 10))) return true;
}
return false;
}
function pickDay(iso) {
setWarning('');
if (blockedSet.has(iso)) return; // can't start a stay on a booked day
if (!startISO || (startISO && endISO)) {
// first tap (or restart): set check-in, clear check-out
setDates({ checkIn: iso, checkOut: '' });
onPick && onPick({ checkIn: iso, checkOut: '' });
return;
}
// second tap: pick check-out, but if user tapped the same day or earlier,
// treat it as restarting check-in.
if (iso <= startISO) {
setDates({ checkIn: iso, checkOut: '' });
onPick && onPick({ checkIn: iso, checkOut: '' });
return;
}
// Enforce minimum-night stay before committing the checkout. The cell is
// also visually disabled, but a defensive check here prevents accidental
// commits if a guest somehow taps through it (e.g. screen-reader path).
const proposedNights = Math.round(
(new Date(iso + 'T00:00:00') - new Date(startISO + 'T00:00:00')) / 86400000
);
if (proposedNights < minN) {
setWarning(`Minimum stay is ${minN} night${minN === 1 ? '' : 's'}.`);
return;
}
// Refuse to span across a blocked day.
if (rangeContainsBlocked(startISO, iso)) {
setDates({ checkIn: iso, checkOut: '' });
onPick && onPick({ checkIn: iso, checkOut: '' });
return;
}
setDates({ checkIn: startISO, checkOut: iso });
onPick && onPick({ checkIn: startISO, checkOut: iso });
}
// Day-of-week headers — Sunday-first to match the cell layout below.
const dow = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
function shiftMonth(delta) {
setCursor(c => new Date(c.getFullYear(), c.getMonth() + delta, 1));
}
const prevDisabled = cursor.getFullYear() < today.getFullYear() ||
(cursor.getFullYear() === today.getFullYear() && cursor.getMonth() <= today.getMonth());
return (