/* global React, window */ // Esimda shared components const { useState, useEffect, useRef, useMemo, useCallback } = React; /* ---------- i18n: detect language from URL path, expose t() globally ---------- */ window.LANG = (typeof location !== 'undefined' && location.pathname.startsWith('/ru')) ? 'ru' : 'en'; window.T = { en: { // Hero hero_h1_l1: 'Install once.', hero_h1_l2: 'Reuse on every trip.', hero_sub_a: '186 countries, plans from', hero_sub_b: '. Top up the same profile, add family members in one click.', hero_browse: 'Browse plans', hero_destinations: 'See destinations', we_accept: 'we accept', // Nav nav_rates: 'Rates', nav_how: 'How it works', nav_faq: 'FAQ', nav_credit_full: 'Get $5 credit', nav_credit_short: '$5 credit', lang_switch_label: 'RU', lang_switch_href: '/ru/', // Sections popular_eyebrow: 'popular destinations', popular_h: 'Where to next?', popular_search: 'Search 186 countries…', popular_search_regions: 'Search regions…', popular_search_cities: 'Search cities…', popular_search_global: 'Search global plans…', popular_no_match: 'No matches for', popular_show_all: 'Show all 186', popular_from: 'from', tab_countries: 'Countries', tab_regions: 'Regions', tab_global: 'Global', tab_cities: 'Cities', guarantees_eyebrow: 'what we promise', guarantees_h_a: 'New brand.', guarantees_h_b: 'Honest promises.', guarantees_lead: "We just launched, so we don't have years of reviews yet. What we have is a clear refund policy and an eSIM that either works on your phone or you pay nothing.", benefits_eyebrow: 'why simsimsim', benefits_h_a: 'Reliable eSIM', benefits_h_b: 'with', benefits_h_c: 'seamless coverage', benefits_h_dot: '.', whatis_eyebrow: 'what is an esim?', whatis_h_a: 'A SIM card, but ', whatis_h_b: 'built into your phone', whatis_h_dot: '.', whatis_lead_a: 'eSIM lets you activate mobile data directly from your phone’s settings — no physical card to swap, no SIM tray. With Simsimsim: pick a plan, install in 30 seconds, stay connected wherever.', whatis_li_1: 'Keeps your home number active — eSIM is a second profile', whatis_li_2: 'iPhone XS or later, Pixel 3 or later, Galaxy S20 or later, plus most modern unlocked Androids', whatis_li_3: 'Up to 8 different plans installed at once', whatis_learn: 'Learn more', hts_eyebrow: 'how to start', hts_h_a: 'From decision to data', hts_h_b: 'in', hts_h_c: 'under a minute', hts_h_dot: '.', carriers_eyebrow: '500+ partner networks · 186 countries', carriers_h: 'Auto-connect to the strongest local network — 5G or LTE, whatever your destination has.', payments_eyebrow: 'payment methods', payments_h: 'Pay your way.', payments_sub: 'Card, wallet or crypto — checkout in seconds.', faq_eyebrow: 'faq', faq_h: 'Frequently asked questions', // Hero phone-mockup chip just_launched: 'Just launched', welcome_credit: '$5 welcome credit', where_traveling_upper: 'WHERE ARE YOU TRAVELING?', where_traveling_hint: 'Japan, Spain, UAE, or any region…', // Footer footer_tagline: 'Travel data in 186 countries. Install once. Top up forever.', footer_col_product: 'Product', footer_col_company: 'Company', footer_col_support: 'Support', footer_col_legal: 'Legal', footer_link_rates: 'Rates', footer_link_countries: 'Countries', footer_link_how: 'How it works', footer_link_devices: 'Devices', footer_link_about: 'About', footer_link_press: 'Press', footer_link_careers: 'Careers', footer_link_blog: 'Blog', footer_link_help: 'Help center', footer_link_contact: 'Contact', footer_link_activation: 'Activation guide', footer_link_compat: 'Compatibility', footer_link_terms: 'Terms', footer_link_privacy: 'Privacy', footer_link_refund: 'Refund Policy', footer_link_imprint: 'Imprint', footer_copyright: '© 2026 Simsimsim B.V.', }, ru: { // Hero hero_h1_l1: 'Установите один раз.', hero_h1_l2: 'Используйте в каждой поездке.', hero_sub_a: '186 стран, тарифы от', hero_sub_b: '. Пополняйте тот же профиль, добавляйте семью в один клик.', hero_browse: 'Тарифы', hero_destinations: 'Страны', we_accept: 'принимаем', // Nav nav_rates: 'Тарифы', nav_how: 'Как это работает', nav_faq: 'Вопросы', nav_credit_full: 'Бонус $5', nav_credit_short: '$5 бонус', lang_switch_label: 'EN', lang_switch_href: '/', // Sections popular_eyebrow: 'популярные направления', popular_h: 'Куда дальше?', popular_search: 'Поиск среди 186 стран…', popular_search_regions: 'Поиск регионов…', popular_search_cities: 'Поиск городов…', popular_search_global: 'Поиск глобальных тарифов…', popular_no_match: 'Ничего не найдено по запросу', popular_show_all: 'Все 186', popular_from: 'от', tab_countries: 'Страны', tab_regions: 'Регионы', tab_global: 'Глобал', tab_cities: 'Города', guarantees_eyebrow: 'что мы обещаем', guarantees_h_a: 'Новый бренд.', guarantees_h_b: 'Честные обещания.', guarantees_lead: 'Мы только запустились, поэтому у нас пока нет тысяч отзывов. Зато есть чёткая политика возврата и eSIM, который либо работает на вашем телефоне, либо вы ничего не платите.', benefits_eyebrow: 'почему simsimsim', benefits_h_a: 'Надёжный eSIM', benefits_h_b: 'с', benefits_h_c: 'покрытием без швов', benefits_h_dot: '.', whatis_eyebrow: 'что такое esim?', whatis_h_a: 'SIM-карта, но ', whatis_h_b: 'встроенная в телефон', whatis_h_dot: '.', whatis_lead_a: 'eSIM позволяет активировать мобильный интернет прямо из настроек телефона — никаких физических карт, никаких слотов. С Simsimsim: выберите тариф, установите за 30 секунд, оставайтесь онлайн везде.', whatis_li_1: 'Ваш основной номер остаётся активным — eSIM это второй профиль', whatis_li_2: 'iPhone XS или новее, Pixel 3 или новее, Galaxy S20 или новее, а также большинство современных Android', whatis_li_3: 'До 8 разных тарифов установлено одновременно', whatis_learn: 'Подробнее', hts_eyebrow: 'как начать', hts_h_a: 'От решения до интернета', hts_h_b: 'за', hts_h_c: 'меньше минуты', hts_h_dot: '.', carriers_eyebrow: '500+ партнёрских сетей · 186 стран', carriers_h: 'Автоматическое подключение к самой сильной местной сети — 5G или LTE, что есть в стране назначения.', payments_eyebrow: 'способы оплаты', payments_h: 'Платите как удобно.', payments_sub: 'Карта, кошелёк или крипта — оплата за секунды.', faq_eyebrow: 'вопросы', faq_h: 'Часто задаваемые вопросы', // Hero phone-mockup chip just_launched: 'Только запустились', welcome_credit: 'Бонус $5 на первый тариф', where_traveling_upper: 'КУДА ЕДЕТЕ?', where_traveling_hint: 'Япония, Испания, ОАЭ или регион…', // Footer footer_tagline: 'Мобильный интернет в 186 странах. Установите один раз. Пополняйте всегда.', footer_col_product: 'Продукт', footer_col_company: 'Компания', footer_col_support: 'Поддержка', footer_col_legal: 'Юридическое', footer_link_rates: 'Тарифы', footer_link_countries: 'Страны', footer_link_how: 'Как это работает', footer_link_devices: 'Устройства', footer_link_about: 'О нас', footer_link_press: 'Пресса', footer_link_careers: 'Вакансии', footer_link_blog: 'Блог', footer_link_help: 'База знаний', footer_link_contact: 'Контакт', footer_link_activation: 'Установка', footer_link_compat: 'Совместимость', footer_link_terms: 'Условия', footer_link_privacy: 'Конфиденциальность', footer_link_refund: 'Возврат', footer_link_imprint: 'Реквизиты', footer_copyright: '© 2026 Simsimsim B.V.', }, }; window.t = (key) => (window.T[window.LANG] || window.T.en)[key] || key; /* ---------- icons (inline lucide-style) ---------- */ const Icon = ({ d, w = 18, stroke = 1.7, ...rest }) => ( {d} ); const I = { arrow: } />, arrowSm: } />, globe: } />, zap: } />, shield: } />, check: } />, x: } />, gift: } />, menu: } />, search: } />, qr: } />, signal: } />, phone: } />, chevD: } />, chevR: } />, plus: } />, star: } />, copy: } />, refresh: } />, euro: } />, lightning: } />, }; window.I = I; /* ---------- Logo ---------- */ function Logo({ size = 22, dark = false }) { return ( sim sim sim ); } window.Logo = Logo; /* ---------- Top Nav ---------- */ function TopNav({ creditAmount = 5, authed = false, current = 'home', onNav, onOpenSearch }) { const [open, setOpen] = useState(false); const go = (href) => (e) => { if (onNav) { e.preventDefault(); onNav(href); } }; return (
{window.t('lang_switch_label')}
{open && (
setOpen(false)}>
e.stopPropagation()}>
{[ [window.t('nav_rates'), '#countries'], [window.t('nav_how'), '#how'], [window.t('nav_faq'), '#faq'], [window.t('footer_link_refund'),'/refund'], ].map(([l, href]) => ( setOpen(false)} className="nav-link" style={{ padding: '14px 12px', fontSize: 16 }}>{l} ))} setOpen(false)} className="btn btn-accent" style={{ marginTop: 12, justifyContent: 'center' }}>🎁 {window.t('nav_credit_full')}
)}
); } window.TopNav = TopNav; /* ---------- Footer ---------- */ function Footer() { return (

{window.t('footer_tagline')}

{[ { h: window.t('footer_col_product'), l: [[window.t('footer_link_rates'), '#countries'], [window.t('footer_link_countries'), '#countries'], [window.t('footer_link_how'), '#how'], [window.t('footer_link_devices'), '#faq']] }, { h: window.t('footer_col_company'), l: [[window.t('footer_link_about'), '#'], [window.t('footer_link_press'), '#'], [window.t('footer_link_careers'), '#'], [window.t('footer_link_blog'), '#']] }, { h: window.t('footer_col_support'), l: [[window.t('footer_link_help'), '#faq'], [window.t('footer_link_contact'), 'mailto:support@simsimsim.app'], [window.t('footer_link_activation'), '#how'], [window.t('footer_link_compat'), '#faq']] }, { h: window.t('footer_col_legal'), l: [[window.t('footer_link_terms'), '#'], [window.t('footer_link_privacy'), '#'], [window.t('footer_link_refund'), '/refund'], [window.t('footer_link_imprint'), '#']] }, ].map((col) => (
{col.h}
    {col.l.map(([label, href]) =>
  • {label}
    • )}
))}
{window.t('footer_copyright')}
); } window.Footer = Footer; /* ---------- World Map ---------- */ function WorldMap({ countries, onPick, dense = false }) { const [hover, setHover] = useState(null); const world = window.ESIMDA_WORLD; const rows = world.length; const cols = world[0].length; // Build land dots const dots = useMemo(() => { const out = []; for (let y = 0; y < rows; y++) { for (let x = 0; x < cols; x++) { if (world[y][x] === '#') out.push([x, y]); } } return out; }, [world, rows, cols]); // Pins (countries with x,y in 0-100 percent of cols/rows space) const pins = countries; return (
{/* base subtle grid */} {!dense && [...Array(rows / 2 | 0)].map((_, j) => [...Array(cols / 2 | 0)].map((_, i) => ) )} {/* land dots */} {dots.map(([x, y]) => ( ))} {/* country pins */} {pins.map((c) => { const px = (c.x / 100) * cols; const py = (c.y / 100) * rows; const isHover = hover === c.iso; return ( setHover(c.iso)} onMouseLeave={() => setHover((h) => h === c.iso ? null : h)} onClick={() => onPick && onPick(c)} tabIndex={0} role="button" aria-label={`${c.name} from $${c.from.toFixed(2)}`} onKeyDown={(e) => { if (e.key === 'Enter') onPick && onPick(c); }} > {isHover && } ); })} {/* Tooltip layer (HTML positioned over SVG) */} {hover && (() => { const c = pins.find((p) => p.iso === hover); if (!c) return null; return (
{c.flag} {c.name} · from ${c.from.toFixed(2)}
); })()}
); } window.WorldMap = WorldMap; /* ---------- FAQ ---------- */ function FAQ({ items }) { const [open, setOpen] = useState(0); return (
{items.map((it, i) => { const isOpen = open === i; return (
{it.a}
); })}
); } window.FAQ = FAQ; /* ---------- ComparisonTable ---------- */ function ComparisonTable() { const rows = [ { label: '5 GB · 30 days in Japan', us: '$9.90', a: '$19.50', b: '$25.99' }, { label: 'Same eSIM, every trip', us: 'yes', a: 'no', b: 'no' }, { label: 'Browser activation (no app)', us: 'yes', a: 'no', b: 'no' }, { label: 'Top-up an existing eSIM', us: 'yes', a: 'limited', b: 'no' }, { label: 'Welcome credit', us: '$5', a: '—', b: '—' }, { label: 'Local 5G networks', us: 'yes', a: 'yes', b: 'yes' }, { label: 'Support response time', us: '< 10 min', a: '~2 h', b: '~24 h' }, ]; const cell = (v) => { if (v === 'yes') return {I.check} Yes; if (v === 'no') return {I.x} No; if (v === '—') return —; if (v === 'limited') return Limited; return {v}; }; return (
{rows.map((r) => ( ))}
Simsimsim Other A Other B
{r.label} {cell(r.us)} {cell(r.a)} {cell(r.b)}
); } window.ComparisonTable = ComparisonTable; /* ---------- Phone frame ---------- */ function PhoneFrame({ children, label }) { return (
{children}
{label &&
{label}
}
); } window.PhoneFrame = PhoneFrame; /* ---------- QR code (simple deterministic visual) ---------- */ function QRCode({ size = 140, seed = 'esimda' }) { const N = 21; const cells = useMemo(() => { // pseudo-random pattern from seed let s = 0; for (let i = 0; i < seed.length; i++) s = (s * 31 + seed.charCodeAt(i)) | 0; const rng = () => { s = (s * 1664525 + 1013904223) | 0; return ((s >>> 0) % 1000) / 1000; }; const grid = Array.from({ length: N }, () => Array(N).fill(false)); for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) grid[y][x] = rng() > 0.52; // finder squares const setFinder = (ox, oy) => { for (let y = 0; y < 7; y++) for (let x = 0; x < 7; x++) { grid[oy + y][ox + x] = (x === 0 || x === 6 || y === 0 || y === 6) || (x >= 2 && x <= 4 && y >= 2 && y <= 4); } // clear ring for (let i = -1; i <= 7; i++) { if (ox + i >= 0 && ox + i < N && oy - 1 >= 0) grid[oy - 1][ox + i] = false; if (ox + i >= 0 && ox + i < N && oy + 7 < N) grid[oy + 7][ox + i] = false; if (oy + i >= 0 && oy + i < N && ox - 1 >= 0) grid[oy + i][ox - 1] = false; if (oy + i >= 0 && oy + i < N && ox + 7 < N) grid[oy + i][ox + 7] = false; } }; setFinder(0, 0); setFinder(N - 7, 0); setFinder(0, N - 7); return grid; }, [seed]); const cell = size / N; return ( {cells.map((row, y) => row.map((on, x) => on ? : null))} ); } window.QRCode = QRCode; /* ---------- Skeleton ---------- */ function Skel({ w = '100%', h = 14, r = 6, style }) { return
; } window.Skel = Skel; /* ---------- Country Search (⌘K command palette) ---------- */ function CountrySearch({ open, onClose, onPick }) { const [q, setQ] = useState(''); const [active, setActive] = useState(0); const inputRef = useRef(null); const listRef = useRef(null); const all = window.ESIMDA_COUNTRIES; const RECENTS = ['jp', 'es', 'ae', 'tr']; const POPULAR = ['jp', 'us', 'th', 'es', 'ae', 'tr', 'de', 'gb']; // Filter const results = useMemo(() => { if (!q.trim()) return null; const needle = q.trim().toLowerCase(); const score = (c) => { const name = c.name.toLowerCase(); if (name === needle) return 100; if (name.startsWith(needle)) return 50; if (name.includes(needle)) return 20; if (c.iso.toLowerCase().startsWith(needle)) return 30; if (c.region.toLowerCase().includes(needle)) return 5; return 0; }; return all .map((c) => ({ ...c, _s: score(c) })) .filter((c) => c._s > 0) .sort((a, b) => b._s - a._s) .slice(0, 8); }, [q, all]); // Sections when no query const sections = useMemo(() => { if (results) return [{ title: 'Results', items: results }]; const recents = RECENTS.map((iso) => all.find((c) => c.iso === iso)).filter(Boolean); const popular = POPULAR.map((iso) => all.find((c) => c.iso === iso)).filter(Boolean); return [ { title: 'Recent', items: recents }, { title: 'Popular this week', items: popular }, ]; }, [results, all]); // Flatten for keyboard nav const flat = useMemo(() => sections.flatMap((s) => s.items), [sections]); useEffect(() => { if (open) { setQ(''); setActive(0); setTimeout(() => inputRef.current?.focus(), 50); } }, [open]); useEffect(() => { setActive(0); }, [q]); // Global ⌘K useEffect(() => { const onKey = (e) => { if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') { e.preventDefault(); window.dispatchEvent(new CustomEvent('esimda:opensearch')); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); // Local key nav while open useEffect(() => { if (!open) return undefined; const onKey = (e) => { if (e.key === 'Escape') { e.preventDefault(); onClose(); } else if (e.key === 'ArrowDown') { e.preventDefault(); setActive((i) => Math.min(flat.length - 1, i + 1)); } else if (e.key === 'ArrowUp') { e.preventDefault(); setActive((i) => Math.max(0, i - 1)); } else if (e.key === 'Enter') { e.preventDefault(); const c = flat[active]; if (c) onPick(c); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open, flat, active, onPick, onClose]); // Scroll active into view useEffect(() => { if (!open || !listRef.current) return; const el = listRef.current.querySelector(`[data-idx="${active}"]`); if (el) el.scrollIntoView({ block: 'nearest' }); }, [active, open]); if (!open) return null; let cursor = 0; return (
e.stopPropagation()} style={{ width: 'min(640px, calc(100% - 32px))', background: '#fff', borderRadius: 18, boxShadow: '0 30px 80px rgba(20, 16, 43, 0.5)', overflow: 'hidden', display: 'flex', flexDirection: 'column', maxHeight: '70vh', }} role="dialog" aria-label="Search countries" > {/* Search input */}
{I.search} setQ(e.target.value)} placeholder="Where are you traveling? Japan, Spain, UAE…" aria-label="Country search" style={{ flex: 1, border: 0, outline: 0, background: 'transparent', fontSize: 17, fontFamily: 'inherit', color: 'var(--fg)', padding: '8px 0', }} /> {q && ( )} esc
{/* Results */}
{flat.length === 0 && (
🔍
No matches for “{q}”
Try a different country, region, or ISO code.
)} {sections.map((sec) => ( sec.items.length > 0 && (
{sec.title} {sec.title === 'Results' && · {sec.items.length}}
{sec.items.map((c) => { const idx = cursor++; const isActive = idx === active; return ( ); })}
) ))}
{/* Footer hints */}
↑↓ navigate ↵ select esc close
186 countries indexed
); } function Kbd({ children }) { return ( {children} ); } window.CountrySearch = CountrySearch; /* ---------- Hero search input (the big white card that opens the modal) ---------- */ function HeroSearch({ onOpen }) { return ( ); } window.HeroSearch = HeroSearch; /* ---------- Nav search trigger (used inside TopNav) ---------- */ function NavSearchTrigger({ onOpen }) { return ( ); } window.NavSearchTrigger = NavSearchTrigger;