/* global React, useLang, useBP */ /* ============================================================ Sessions — the wedding-photography packages. Sub-sections (all mounted in one editorial flow): #sessions-plans Three plans, side-by-side #sessions-addons Add-ons + extended-location grid #sessions-details Numbered details (wardrobe, hair, transport, etc.) #sessions-album Album & side-film offer ============================================================ */ const { useState: useS } = React; /* ---------------------------------------------------------------- Top of the section — editorial hero ---------------------------------------------------------------- */ const SessionsHero = () => { const { t } = useLang(); const { notLg } = useBP(); return (
{t("sess.folio")}
TOKYO · KYOTO 2026
{t("sess.kicker")}

{t("sess.title")} {t("sess.title.l2")}

{t("sess.intro")}

); }; /* ---------------------------------------------------------------- Plan card — one of three columns ---------------------------------------------------------------- */ const PlanCard = ({ id, popular, image }) => { const { t, lang } = useLang(); const rows = [ `p.${id}.duration`, `p.${id}.transport`, `p.${id}.photos`, `p.${id}.retouch`, `p.${id}.outfits`, `p.${id}.locations`, ]; return (
{popular && (
{t("p.popular")}
)}
{t(`p.${id}.kicker`)}

{t(`p.${id}.name`)}

{t(`p.${id}.price`)}
{image && (
)}
    {rows.map((k) => (
  • · {t(k)}
    • ))} {id === "c" && (
  • ＋ {t("p.c.album")}
    • )}
{t("p.cta")}
); }; const Plans = () => { const { t } = useLang(); const { sm, md } = useBP(); return (

※ {t("p.common.area")}

); }; /* ---------------------------------------------------------------- Short Sessions — casual / kimono / family portraits Two compact cards + add-ons strip + editorial notes. ---------------------------------------------------------------- */ const ShortPlanCard = ({ id, image, accent }) => { const { t } = useLang(); const { sm } = useBP(); const rows = [ `short.${id}.duration`, `short.${id}.outfit`, `short.${id}.location`, `short.${id}.transport`, `short.${id}.party`, `short.${id}.target`, `short.${id}.photos`, ]; return (
{accent && (
● {t("short.b.extendable")}
)}
{t(`short.${id}.kicker`)} {t("short.summer").replace(/^●\s*/, "")}

{t(`short.${id}.name`)}

{t(`short.${id}.price`)} {t(`short.${id}.price.was`)}
{image && (
)}
    {rows.map((k) => (
  • · {t(k)}
    • ))}
{t("p.cta")}
); }; const ShortAddRow = ({ titleKey, priceKey, last }) => { const { t } = useLang(); const { sm } = useBP(); return (
{t(titleKey)}
{t(priceKey)}
); }; const ShortSessions = () => { const { t } = useLang(); const { sm, md, notLg } = useBP(); const notes = [1, 2, 3, 4, 5, 6, 7]; return (
{/* heading */}
{t("short.kicker")}
1 — 1.5 HRS GION · ASAKUSA
— {t("short.kicker").replace(/^●\s*/, "")}

{t("short.title")} {t("short.title.l2")}

{t("short.intro")}

{/* two plan cards */}
{/* add-ons + notes */}
● {t("short.ad.title")}

{t("short.ad.subtitle")}

● {t("short.notes.title")}
    {notes.map((n) => (
  1. {String(n).padStart(2, "0")} {t(`short.notes.${n}`)}
    2. ))}
); }; /* ---------------------------------------------------------------- Add-ons — three highlight cards + extended-location list ---------------------------------------------------------------- */ const AddonHighlight = ({ titleKey, priceKey }) => { const { t } = useLang(); return (
{t(titleKey)}
{t(priceKey)}
); }; const Addons = () => { const { t } = useLang(); const { sm, md, notLg } = useBP(); const locCols = sm ? 1 : md ? 2 : 4; const locs = [ ["addons.kamakura", "addons.kamakura.p"], ["addons.nara", "addons.nara.p"], ["addons.echigo", "addons.echigo.p"], ["addons.karuizawa", "addons.karuizawa.p"], ["addons.fuji", "addons.fuji.p"], ["addons.okinawa", "addons.okinawa.p"], ["addons.hokkaido", "addons.hokkaido.p"], ["addons.other", "addons.other.p"], ]; return (
● {t("addons.loc.title")}
{locs.map(([nameK, priceK], i) => { const inLastRow = i >= locs.length - locCols; const col = i % locCols; return (
{t(nameK)}
{t(priceK)}
); })}
); }; /* ---------------------------------------------------------------- Details — accordion of the 8 numbered explanations ---------------------------------------------------------------- */ const DetailRow = ({ n, titleKey, bodyKey, open, onToggle }) => { const { t } = useLang(); const { sm } = useBP(); return (

{t(bodyKey)}

); }; const Details = () => { const { t } = useLang(); const { sm } = useBP(); const [open, setOpen] = useS(0); // first one open by default const rows = [1, 2, 3, 4, 5, 6, 7, 8]; return (
{rows.map((n) => ( setOpen(open === n - 1 ? -1 : n - 1)} /> ))}
); }; /* ---------------------------------------------------------------- Album & Film — two-up offer with hanko accent ---------------------------------------------------------------- */ const Album = () => { const { t } = useLang(); const { sm, notLg } = useBP(); return (
● 01 · Album

{t("af.album.title")}

{t("af.album.price")}

{t("af.album.body")}

● 02 · Film

{t("af.film.title")}

{t("af.film.price")}

{t("af.film.body")}

寫
{t("af.cta")}
); }; /* ---------------------------------------------------------------- Top-level export ---------------------------------------------------------------- */ const SessionsSection = () => (
); Object.assign(window, { SessionsSection, SessionsHero, Plans, ShortSessions, Addons, Details, Album, PlanCard });