// Sasabe Seitai-in — Hero Section // Yobuko, Karatsu, Saga. Founded 2014. const { useState, useEffect, useRef } = React; // ---------- SVG Placeholder: Yobuko port at golden hour ---------- function PortPhotoPlaceholder() { return ( {Array.from({ length: 28 }).map((_, i) => ( ))} ); } // ---------- Header ---------- function Header({ onOpenMenu, scrolled, sea }) { const navItems = ["院長", "症状別", "お客様の声", "料金", "アクセス", "ご予約"]; return (
Sasabe Seitai-in 笹部整体院
お電話 0955-82-6062
); } // ---------- Mobile Drawer ---------- function MobileDrawer({ open, onClose, sea }) { const items = ["院長", "症状別", "お客様の声", "料金", "アクセス", "ご予約"]; return (
); } // ---------- Trust Badge (Google ★4.84) ---------- function TrustBadge({ sea, gold }) { return (
Google 認定の声
★★★★★ 4.84
口コミ 119件 呼子で1番
); } // ---------- Vertical-tate catchphrase ---------- function VerticalCatch({ sea, accentColor, columns }) { return (
{columns.map((col, i) => { const isAccent = !!col.accent; return (
{col.text}
); })}
); } // ---------- Hero ---------- function Hero({ accentColor }) { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); const sea = "#2C7DA0"; const gold = "#B89968"; const ink = "#1F2937"; const ivory = "#FBF8F2"; useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const columns = [ { text: "呼子に根ざして" }, { text: "十二年" }, { text: "治療家620名が", accent: true }, { text: "学ぶ手技を、地域へ" }, ]; return (
setMenuOpen(true)} scrolled={scrolled} sea={sea} /> setMenuOpen(false)} sea={sea} />
2014—2026
Sasabe Seitai-in  |  Est. 2014  |  Yobuko
営業 平日 10:00–21:00 ／ 土曜 9:00–20:00
佐賀県唐津市呼子町殿ノ浦 1595-3
{/* Real photo first, SVG fallback if image fails */} 呼子港の朝
— 院について
); } // ---------- App (production: Tweaks removed, fixed accent) ---------- function App() { return ; } ReactDOM.createRoot(document.getElementById("root")).render();