/* global React, ReactDOM */ const { useState, useEffect, useRef, useMemo } = React; // Resource resolver — uses window.__resources (blob URLs) when present (standalone bundle), // otherwise returns the original path. const R = (path) => { if (!path) return path; const map = (typeof window !== "undefined" && window.__resources) || null; if (!map) return path; const key = path.replace(/^assets\//, "").replace(/\.[^.]+$/, ""); return map[key] || path; }; // ========================= // Icons (inline SVG) // ========================= const Icon = { Pin: (props) => ( ), Map: (props) => ( ), Search: (props) => ( ), Heart: (props) => ( ), Route: (props) => ( ), Camera: (props) => ( ), Globe: (props) => ( ), Plus: (props) => ( ), Star: (props) => ( ), ArrowRight: (props) => ( ), GooglePlay: (props) => ( ), Apple: (props) => ( ), X: (props) => ( ), Mail: (props) => ( ), }; // ========================= // Hero Map Illustration // ========================= function HeroMap() { return (
Isometric map illustration
アニメで絞り込む
NOW TRENDING
聖地スポット 約1,000件 全国 / 47都道府県
); } // ========================= // Nav // ========================= function Nav({ lang, setLang, t }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return ( ); } // ========================= // Hero // ========================= function Hero({ t }) { return (
{t.hero.eyebrow}

{t.hero.titleA}
{t.hero.titleB}

{t.hero.lede}

{t.hero.statsSpots}{t.hero.countSpots}
{t.hero.statsAnime}{t.hero.countAnime}
{t.hero.statsPref}{t.hero.countPref}
); } // ========================= // Marquee strip // ========================= function Marquee({ items }) { const list = [...items, ...items]; return (
{list.map((it, i) => {it})}
); } // ========================= // Photo Compare visual (feature 05 — no screenshot available) // ========================= function ComparePreview() { return (
ANIME
REAL
2026.04 撮影
); } // ========================= // Features // ========================= function Features({ t, enabled }) { if (!enabled) return null; return (
{t.features.head.eyebrow}

{t.features.head.title}

{t.features.head.lede}

{t.features.items.map((f, i) => (
{f.num}

{f.title}

{f.desc}

{f.tags.map((tag, j) => {tag})}
{i === 4 ? ( ) : (
{f.title}
)}
))}
); } // ========================= // For Who // ========================= function ForWho({ t, enabled }) { if (!enabled) return null; return (
{t.forwho.head.eyebrow}

{t.forwho.head.title}

{t.forwho.items.map((it, i) => (
0{i + 1}
{it.glyph}

{it.title}

{it.desc}

))}
); } // ========================= // Voices // ========================= function Voices({ t, enabled }) { if (!enabled) return null; return (
{t.voices.head.eyebrow}

{t.voices.head.title}

{t.voices.head.lede}

{t.voices.items.map((v, i) => (
{Array.from({ length: 5 }).map((_, j) => ( ))}
{v.body}
{v.name.slice(0, 1)}
{v.name} {v.meta}
))}
); } // ========================= // News // ========================= function News({ t, enabled }) { if (!enabled) return null; return (
{t.news.head.eyebrow}

{t.news.head.title}

{t.news.items.map((n, i) => (
{n.date}
{n.tagLabel}

{n.title}

 ))}
); } // ========================= // iOS coming // ========================= function IosComing({ t, enabled }) { if (!enabled) return null; return (
● {t.ios.eyebrow}

{t.ios.title}

{t.ios.desc}

S
); } // ========================= // FAQ // ========================= function Faq({ t, enabled }) { if (!enabled) return null; const [openIdx, setOpenIdx] = useState(0); return (
{t.faq.head.eyebrow}

{t.faq.head.title}

{t.faq.items.map((it, i) => (
{it.a}
))}
); } // ========================= // Final CTA // ========================= function FinalCta({ t }) { return (

{t.finalCta.title}

{t.finalCta.lede}

e.preventDefault()}> {t.hero.googlePlay} {t.hero.googlePlayBig} { e.preventDefault(); document.getElementById("ios")?.scrollIntoView({behavior:"smooth"}); }}> {t.hero.ios} {t.hero.iosBig} {t.hero.comingSoon}

{t.finalCta.note}

); } // ========================= // Footer // ========================= function Footer({ t }) { return ( ); } // ========================= // App // ========================= const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "warm", "font": "default", "showFeatures": true, "showForWho": true, "showVoices": true, "showNews": true, "showIos": true, "showFaq": true }/*EDITMODE-END*/; function App() { const [lang, setLang] = useState("ja"); const [tw] = useState(TWEAK_DEFAULTS); const t = window.SM_I18N[lang]; // Apply theme + font to root useEffect(() => { const html = document.documentElement; if (tw.theme === "dark") html.setAttribute("data-theme", "dark"); else if (tw.theme === "light") html.setAttribute("data-theme", "light"); else html.removeAttribute("data-theme"); html.setAttribute("data-font", tw.font); }, [tw.theme, tw.font]); // Reveal observer useEffect(() => { const els = document.querySelectorAll(".reveal"); const obs = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("in"); obs.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -40px 0px" }); els.forEach((el) => obs.observe(el)); return () => obs.disconnect(); }, [lang, tw.showFeatures, tw.showForWho, tw.showVoices, tw.showNews, tw.showIos, tw.showFaq]); return ( <>