/* global React */ const { useState, useEffect } = React; // ============================================================ // Shared primitives: Wordmark, SectionTitle, Placeholder // ============================================================ function Wordmark({ size = "md" }) { return ( 葉須木クリニック Hasuki Dental Clinic ); } function SectionTitle({ jp, en, align = "center", icon = "fa-tooth" }) { const cls = "hx-title" + (align === "left" ? " hx-title--left" : ""); return (

{jp}

{en}
); } function Placeholder({ label, ratio = "4 / 3", radius = 16, dark = false, style = {} }) { return (
{label}
); } // ============================================================ // Watercolor branch-and-leaves SVG (inline, painterly filter) // ============================================================ function WatercolorBranch({ seed = 7, style = {} }) { const uid = `wc-${seed}`; return ( ); } // ============================================================ // Topbar — horizontal nav (replaces Morinosato's left sidebar) // Dental sites traditionally use a horizontal header; we keep // the eyebrow EN+JP stack on each nav item. // ============================================================ function Topbar() { const links = [ ["当院について", "ABOUT"], ["診療案内", "MEDICAL"], ["院内紹介", "CLINIC"], ["スタッフ", "STAFF"], ["アクセス", "ACCESS"], ["FAQ", "FAQ"], ]; return (
TEL 0000-00-0000 WEB予約
); } // ============================================================ // Hero — JP display headline, Latin tagline, photo placeholder // A small card hovers over the photo's bottom-left, echoing the // Morinosato "English OK" callout but for first-visit reassurance. // ============================================================ function HeroSlideshow() { const slides = [ "assets/img_clinic_fv01.webp", "assets/img_clinic_fv02.webp", "assets/img_clinic_fv03.webp", ]; const [idx, setIdx] = useState(0); useEffect(() => { const t = setInterval(() => setIdx(i => (i + 1) % slides.length), 5000); return () => clearInterval(t); }, []); return (
{slides.map((src, i) => ( ))}
{slides.map((_, i) => ( ))}
); } function Hero() { return (
| DENTAL CLINIC |

歯のことで、
まよったら。

Take care of your smile, together.

お子さまからご年配の方まで、
ご家族みなさまで通える歯科医院です。
一人ひとりの歯に寄り添う診療を心がけています。

WEB予約 → はじめての方へ
✓ はじめての方も安心してご来院ください。
First-time patients are always welcome.
); } // ============================================================ // Specialty chips strip — a clean dental touch, reminding the // visitor what this clinic handles. Sits between hero and news. // ============================================================ function SpecialtyStrip() { const items = [ "一般歯科", "小児歯科", "予防歯科", "矯正歯科", "インプラント", "ホワイトニング", "審美歯科", "口腔外科", "訪問歯科", "マウスピース", ]; return (
{items.map(i => {i})}
); } window.Wordmark = Wordmark; window.SectionTitle = SectionTitle; window.Placeholder = Placeholder; window.WatercolorBranch = WatercolorBranch; window.Topbar = Topbar; window.Hero = Hero; window.SpecialtyStrip = SpecialtyStrip;