// SPACEWALKER v3 — Our Work, Marketplace, Contact, Footer
const { useEffect: useEffectM, useState: useStateM, useRef: useRefM } = React;

const WORKS_BASE = [
  { domain: "cmpopsushi.com",       url: "https://cmpopsushi.com" },
  { domain: "sign-d.net",           url: "https://sign-d.net" },
  { domain: "carpenterai.web.app",  url: "https://carpenterai.web.app" },
];

function Work() {
  const [tr] = useLang();
  const works = WORKS_BASE.map((w, i) => ({ ...w, ...tr.work.items[i] }));
  const ref = useRefM(null);
  useEffectM(() => {
    const obs = new IntersectionObserver((entries) => {
      entries.forEach(e => e.isIntersecting && e.target.classList.add("in-view"));
    }, { threshold: 0.1 });
    if (ref.current) obs.observe(ref.current);
    return () => obs.disconnect();
  }, []);

  return (
    <section className="work" id="work" ref={ref}>
      <div className="work-inner">
        <div className="work-head">
          <div>
            <div className="section-eyebrow">{tr.work.eyebrow}</div>
            <h2 className="section-h2">{tr.work.h2a}<br/>{tr.work.h2b}</h2>
            <p className="section-sub">{tr.work.sub}</p>
          </div>
          <div className="work-meta">
            <div>{tr.work.meta.status} / <b>{tr.work.meta.value1}</b></div>
            <div>{tr.work.meta.updated} / <b>{tr.work.meta.value2}</b></div>
            <div>{tr.work.meta.uptime} / <b>{tr.work.meta.value3}</b></div>
          </div>
        </div>

        <div className="work-grid">
          {works.map((w, i) => (
            <div className={"work-card" + (i % 2 === 1 ? " flip-right" : "")} key={w.domain}>
              <div className="frame">
                <div className="browser-bar">
                  <div className="traffic"><span className="r"></span><span className="y"></span><span className="g"></span></div>
                  <div className="url">https://{w.domain}</div>
                </div>
                <div className="preview">
                  <iframe
                    src={w.url}
                    title={w.title}
                    loading="lazy"
                    referrerPolicy="no-referrer"
                    sandbox="allow-same-origin allow-scripts"
                  ></iframe>
                  <div className="overlay"></div>
                </div>
              </div>
              <div className="ft">
                <div className="info">
                  <h3>{w.title}</h3>
                  <div className="blurb">{w.blurb}</div>
                  <div className="tags">
                    {w.tags.map(t => <span key={t} className="tag">{t}</span>)}
                  </div>
                </div>
                <a className="visit" href={w.url} target="_blank" rel="noopener noreferrer">
                  {w.domain} <span>↗</span>
                </a>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ───────── MARKETPLACE ───────── */

// English-only product catalog — translations come via the data object below for AR/TR.
const PRODUCT_DATA = {
  en: [
    { id: "BIZ-01", name: "Restaurant Management",  cat: "BUSINESS", icon: "fork2",  badge: "AVAILABLE",
      desc: "Tables, orders, kitchen tickets, menu, staff & sales reports — all in one." },
    { id: "BIZ-02", name: "Accounting System",      cat: "BUSINESS", icon: "doc",    badge: "AVAILABLE",
      desc: "Invoices, expenses, taxes, payroll and monthly reports for small business." },
    { id: "BIZ-03", name: "Inventory & Retail",     cat: "BUSINESS", icon: "store",  badge: "AVAILABLE",
      desc: "Stock tracking, barcode scanning, multi-store sync and low-stock alerts." },
    { id: "BIZ-04", name: "Hotel Booking",          cat: "BUSINESS", icon: "hotel",  badge: "AVAILABLE",
      desc: "Rooms, reservations, calendar, channel sync and online check-in." },
    { id: "BIZ-05", name: "Delivery & Fleet",       cat: "BUSINESS", icon: "car",    badge: "AVAILABLE",
      desc: "Driver app, live tracking, route planning and customer notifications." },
    { id: "BIZ-06", name: "E-commerce Store",       cat: "BUSINESS", icon: "cart",   badge: "AVAILABLE",
      desc: "Online store with payment, products, orders and shipping integrations." },

    { id: "APP-01", name: "Custom Phone App",       cat: "APPS",     icon: "phone",  badge: "ON DEMAND",
      desc: "iOS + Android — any idea, any feature. Native or cross-platform." },
    { id: "APP-02", name: "Booking App",            cat: "APPS",     icon: "doc",    badge: "ON DEMAND",
      desc: "Appointments, calendar sync, notifications and online payments." },
    { id: "APP-03", name: "Messaging App",          cat: "APPS",     icon: "api",    badge: "ON DEMAND",
      desc: "Private chat, voice notes, group rooms and end-to-end encryption." },

    { id: "TRD-01", name: "Crypto Trade Bot",       cat: "TRADING",  icon: "trade",  badge: "AVAILABLE",
      desc: "Auto-trading on Binance, Bybit and OKX — strategies, risk caps, alerts." },
    { id: "TRD-02", name: "Forex Trade Bot",        cat: "TRADING",  icon: "bolt",   badge: "AVAILABLE",
      desc: "MT5 / MT4 bots, EAs, signal-following and risk management." },
    { id: "TRD-03", name: "Trading Dashboard",      cat: "TRADING",  icon: "ai",     badge: "AVAILABLE",
      desc: "Live charts, position tracker and PnL across multiple exchanges." },

    { id: "TOOL-01", name: "AI Chat Bot",           cat: "TOOLS",    icon: "ai",     badge: "AVAILABLE",
      desc: "Custom AI assistant trained on your data — WhatsApp, web or app." },
    { id: "TOOL-02", name: "Security Audit",        cat: "TOOLS",    icon: "shield", badge: "ON DEMAND",
      desc: "Full pentest of your website or app — report + fixes." },
    { id: "TOOL-03", name: "Automation Suite",      cat: "TOOLS",    icon: "bolt",   badge: "ON DEMAND",
      desc: "Connect your tools — Sheets, Slack, WhatsApp, email — and automate." },
  ],
  ar: [
    { id: "BIZ-01", name: "إدارة المطاعم",        cat: "BUSINESS", icon: "fork2",  badge: "متاح",
      desc: "طاولات، طلبات، شاشة مطبخ، قائمة، موظفون وتقارير مبيعات — في نظام واحد." },
    { id: "BIZ-02", name: "نظام محاسبة",          cat: "BUSINESS", icon: "doc",    badge: "متاح",
      desc: "فواتير، مصاريف، ضرائب، رواتب وتقارير شهرية للأعمال الصغيرة." },
    { id: "BIZ-03", name: "مخزون ونقاط بيع",      cat: "BUSINESS", icon: "store",  badge: "متاح",
      desc: "تتبع المخزون، باركود، فروع متعددة وتنبيهات نقص الكمية." },
    { id: "BIZ-04", name: "حجوزات الفنادق",       cat: "BUSINESS", icon: "hotel",  badge: "متاح",
      desc: "غرف، حجوزات، تقويم، مزامنة قنوات وتسجيل دخول أونلاين." },
    { id: "BIZ-05", name: "توصيل وأسطول",         cat: "BUSINESS", icon: "car",    badge: "متاح",
      desc: "تطبيق سائق، تتبع مباشر، تخطيط مسار وإشعارات للعميل." },
    { id: "BIZ-06", name: "متجر إلكتروني",        cat: "BUSINESS", icon: "cart",   badge: "متاح",
      desc: "متجر أونلاين مع دفع، منتجات، طلبات وتكامل شحن." },

    { id: "APP-01", name: "تطبيق جوال مخصص",      cat: "APPS",     icon: "phone",  badge: "حسب الطلب",
      desc: "iOS و Android — أي فكرة، أي ميزة. أصلي أو كروس بلاتفورم." },
    { id: "APP-02", name: "تطبيق حجوزات",         cat: "APPS",     icon: "doc",    badge: "حسب الطلب",
      desc: "مواعيد، تقويم، إشعارات ودفع أونلاين." },
    { id: "APP-03", name: "تطبيق مراسلة",         cat: "APPS",     icon: "api",    badge: "حسب الطلب",
      desc: "محادثات خاصة، رسائل صوتية، غرف ومحادثات مشفرة." },

    { id: "TRD-01", name: "بوت تداول كريبتو",     cat: "TRADING",  icon: "trade",  badge: "متاح",
      desc: "تداول تلقائي على Binance و Bybit و OKX — استراتيجيات وحد مخاطر." },
    { id: "TRD-02", name: "بوت تداول فوركس",      cat: "TRADING",  icon: "bolt",   badge: "متاح",
      desc: "بوتات MT5 / MT4، متابعة إشارات وإدارة مخاطر." },
    { id: "TRD-03", name: "لوحة تداول",          cat: "TRADING",  icon: "ai",     badge: "متاح",
      desc: "رسوم بيانية مباشرة، متابعة صفقات وPnL عبر منصات." },

    { id: "TOOL-01", name: "بوت دردشة AI",        cat: "TOOLS",    icon: "ai",     badge: "متاح",
      desc: "مساعد AI مخصص مدرّب على بياناتك — واتساب، ويب أو تطبيق." },
    { id: "TOOL-02", name: "تدقيق أمني",          cat: "TOOLS",    icon: "shield", badge: "حسب الطلب",
      desc: "اختبار اختراق كامل لموقعك أو تطبيقك — تقرير وإصلاحات." },
    { id: "TOOL-03", name: "أتمتة الأدوات",       cat: "TOOLS",    icon: "bolt",   badge: "حسب الطلب",
      desc: "اربط أدواتك — Sheets, Slack, WhatsApp, إيميل — وأتمت العمل." },
  ],
  tr: [
    { id: "BIZ-01", name: "Restoran Yönetimi",    cat: "BUSINESS", icon: "fork2",  badge: "MEVCUT",
      desc: "Masalar, sipariş, mutfak, menü, personel ve satış raporu — tek sistemde." },
    { id: "BIZ-02", name: "Muhasebe Sistemi",     cat: "BUSINESS", icon: "doc",    badge: "MEVCUT",
      desc: "Fatura, gider, vergi, bordro ve aylık raporlar." },
    { id: "BIZ-03", name: "Stok ve Perakende",    cat: "BUSINESS", icon: "store",  badge: "MEVCUT",
      desc: "Stok takibi, barkod, çoklu şube ve düşük stok uyarısı." },
    { id: "BIZ-04", name: "Otel Rezervasyon",     cat: "BUSINESS", icon: "hotel",  badge: "MEVCUT",
      desc: "Odalar, rezervasyon, takvim, kanal entegrasyonu, online check-in." },
    { id: "BIZ-05", name: "Teslimat ve Filo",     cat: "BUSINESS", icon: "car",    badge: "MEVCUT",
      desc: "Sürücü uygulaması, canlı takip, rota planı ve müşteri bildirimi." },
    { id: "BIZ-06", name: "E-ticaret Mağaza",     cat: "BUSINESS", icon: "cart",   badge: "MEVCUT",
      desc: "Ödeme, ürün, sipariş ve kargo entegrasyonu ile online mağaza." },

    { id: "APP-01", name: "Özel Mobil Uygulama",  cat: "APPS",     icon: "phone",  badge: "TALEBE ÖZEL",
      desc: "iOS + Android — her fikir, her özellik. Native veya cross-platform." },
    { id: "APP-02", name: "Randevu Uygulaması",   cat: "APPS",     icon: "doc",    badge: "TALEBE ÖZEL",
      desc: "Randevu, takvim, bildirim ve online ödeme." },
    { id: "APP-03", name: "Mesajlaşma Uygulaması",cat: "APPS",     icon: "api",    badge: "TALEBE ÖZEL",
      desc: "Özel sohbet, sesli mesaj, grup ve uçtan uca şifreleme." },

    { id: "TRD-01", name: "Kripto Trade Bot",     cat: "TRADING",  icon: "trade",  badge: "MEVCUT",
      desc: "Binance, Bybit, OKX'te otomatik trade — strateji, risk, uyarılar." },
    { id: "TRD-02", name: "Forex Trade Bot",      cat: "TRADING",  icon: "bolt",   badge: "MEVCUT",
      desc: "MT5 / MT4 botları, sinyal takibi ve risk yönetimi." },
    { id: "TRD-03", name: "Trade Panel",          cat: "TRADING",  icon: "ai",     badge: "MEVCUT",
      desc: "Canlı grafik, pozisyon takibi ve birden fazla borsada PnL." },

    { id: "TOOL-01", name: "AI Sohbet Botu",      cat: "TOOLS",    icon: "ai",     badge: "MEVCUT",
      desc: "Verinizle eğitilmiş AI asistan — WhatsApp, web veya uygulama." },
    { id: "TOOL-02", name: "Güvenlik Denetimi",   cat: "TOOLS",    icon: "shield", badge: "TALEBE ÖZEL",
      desc: "Site veya uygulamanız için tam pentest — rapor ve düzeltme." },
    { id: "TOOL-03", name: "Otomasyon Paketi",    cat: "TOOLS",    icon: "bolt",   badge: "TALEBE ÖZEL",
      desc: "Sheets, Slack, WhatsApp, e-posta — araçlarınızı bağlayın." },
  ],
};

const CAT_MAP = ["BUSINESS", "APPS", "TRADING", "TOOLS"];

function Marketplace2() {
  const [tr, lang] = useLang();
  const [filterIdx, setFilterIdx] = useStateM(0); // 0=ALL, 1..4
  const ref = useRefM(null);
  useEffectM(() => {
    const obs = new IntersectionObserver((entries) => {
      entries.forEach(e => e.isIntersecting && e.target.classList.add("in-view"));
    }, { threshold: 0.05 });
    if (ref.current) obs.observe(ref.current);
    return () => obs.disconnect();
  }, []);

  const products = PRODUCT_DATA[lang] || PRODUCT_DATA.en;
  const visible = filterIdx === 0
    ? products
    : products.filter(p => p.cat === CAT_MAP[filterIdx - 1]);

  const badgeClass = (b) => /^(AVAILABLE|متاح|MEVCUT)$/.test(b) ? "sale" : "rent";

  return (
    <section className="market" id="market" ref={ref}>
      <div className="market-inner">
        <div className="m-head">
          <div>
            <div className="section-eyebrow">{tr.market.eyebrow}</div>
            <h2 className="section-h2">{tr.market.h2}</h2>
            <p className="section-sub">{tr.market.sub}</p>
          </div>
          <div className="filters">
            {tr.market.filters.map((f, i) => (
              <button key={i}
                className={"filter " + (filterIdx === i ? "active" : "")}
                onClick={() => setFilterIdx(i)}>{f}</button>
            ))}
          </div>
        </div>

        <div className="pgrid">
          {visible.map(p => {
            const Glyph = ICONS[p.icon];
            return (
              <div className="pcard" key={p.id}>
                <div className="pt">
                  <span className={"pbadge " + badgeClass(p.badge)}>{p.badge}</span>
                  <span className="pid">{p.id}</span>
                </div>
                <div className="pcard-head">
                  <div className="picon"><Glyph/></div>
                  <h4>{p.name}</h4>
                </div>
                <div className="pdesc">{p.desc}</div>
                <div className="pft">
                  <a className="bacq" href="#contact">{tr.market.contact} <span>→</span></a>
                </div>
              </div>
            );
          })}
        </div>
      </div>
    </section>
  );
}

function Contact2() {
  const [tr] = useLang();
  return (
    <section className="contact" id="contact">
      <div className="section-eyebrow">{tr.contact.eyebrow}</div>
      <h2>{tr.contact.h2a}<br/><span className="grad">{tr.contact.h2b}</span></h2>
      <p>{tr.contact.sub}</p>
      <div className="cbtns">
        <a className="btn btn-primary" href="https://wa.me/05511527310" target="_blank" rel="noopener">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 3.5A11 11 0 0 0 3.7 17.4L2 22l4.7-1.6A11 11 0 1 0 20.5 3.5zM12 20.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-2.8 1 .9-2.7-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.6-6c-.3-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.3-.7.8-.8 1-.2.2-.3.2-.6.1-.3-.1-1.1-.4-2.1-1.3-.8-.7-1.3-1.5-1.4-1.8-.2-.3 0-.4.1-.5.1-.1.3-.3.4-.5.1-.1.2-.3.2-.4.1-.2 0-.3 0-.5 0-.1-.6-1.5-.9-2-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2 0 1.3.9 2.5 1 2.7.1.2 1.8 2.7 4.3 3.8.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.6-.3z"/></svg>
          WHATSAPP <span>↗</span>
        </a>
        <a className="btn btn-primary" href="https://t.me/spacewalkera" target="_blank" rel="noopener">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M22 3 1.6 11.2c-.9.4-.9.9 0 1.2l5.2 1.6 12.1-7.6c.6-.4 1.1-.2.7.2L9.8 15.4l-.4 5.8c.4 0 .6-.2.8-.4l2.4-2.3 5 3.7c.9.5 1.6.2 1.8-.8L23.6 5c.3-1.3-.4-1.9-1.6-1.4z"/></svg>
          TELEGRAM <span>↗</span>
        </a>
        <a className="btn btn-ghost" href="https://instagram.com/spacewalker" target="_blank" rel="noopener">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2c2.7 0 3 0 4.1.1 1 0 1.7.2 2.3.5.6.2 1.1.6 1.7 1.1.5.5.9 1 1.1 1.7.3.6.4 1.3.5 2.3.1 1.1.1 1.4.1 4.1s0 3-.1 4.1c0 1-.2 1.7-.5 2.3-.2.6-.6 1.1-1.1 1.7-.5.5-1 .9-1.7 1.1-.6.3-1.3.4-2.3.5-1.1.1-1.4.1-4.1.1s-3 0-4.1-.1c-1 0-1.7-.2-2.3-.5-.6-.2-1.1-.6-1.7-1.1-.5-.5-.9-1-1.1-1.7-.3-.6-.4-1.3-.5-2.3C2 15 2 14.7 2 12s0-3 .1-4.1c0-1 .2-1.7.5-2.3.2-.6.6-1.1 1.1-1.7.5-.5 1-.9 1.7-1.1.6-.3 1.3-.4 2.3-.5C9 2 9.3 2 12 2zm0 5.2A4.8 4.8 0 1 0 12 16.8 4.8 4.8 0 0 0 12 7.2zm0 7.9A3.1 3.1 0 1 1 12 8.9a3.1 3.1 0 0 1 0 6.2zm5.1-8.1a1.1 1.1 0 1 0 0-2.3 1.1 1.1 0 0 0 0 2.3z"/></svg>
          INSTAGRAM
        </a>
      </div>

      <div className="contact-info">
        <a className="ci" href="https://wa.me/05511527310" target="_blank" rel="noopener">
          <span className="ci-key">WHATSAPP</span>
          <span className="ci-val">+90 551 152 73 10</span>
        </a>
        <a className="ci" href="https://t.me/spacewalkera" target="_blank" rel="noopener">
          <span className="ci-key">TELEGRAM</span>
          <span className="ci-val">@spacewalkera</span>
        </a>
        <a className="ci" href="https://instagram.com/spacewalker" target="_blank" rel="noopener">
          <span className="ci-key">INSTAGRAM</span>
          <span className="ci-val">@spacewalker</span>
        </a>
        <a className="ci" href="https://github.com/fsocietyl" target="_blank" rel="noopener">
          <span className="ci-key">GITHUB</span>
          <span className="ci-val">@fsocietyl</span>
        </a>
      </div>

      <footer>
        <SWLogoName size={32}/>
        <div className="fnav">
          <a href="#work">{tr.nav.work}</a>
          <a href="#market">{tr.nav.market}</a>
          <a href="#contact">{tr.nav.contact}</a>
        </div>
        <div className="fsoc">
          <a href="https://instagram.com/spacewalker" target="_blank" rel="noopener" aria-label="instagram" title="@spacewalker">
            <svg viewBox="0 0 24 24"><path d="M12 2c2.7 0 3 0 4.1.1 1 0 1.7.2 2.3.5.6.2 1.1.6 1.7 1.1.5.5.9 1 1.1 1.7.3.6.4 1.3.5 2.3.1 1.1.1 1.4.1 4.1s0 3-.1 4.1c0 1-.2 1.7-.5 2.3-.2.6-.6 1.1-1.1 1.7-.5.5-1 .9-1.7 1.1-.6.3-1.3.4-2.3.5-1.1.1-1.4.1-4.1.1s-3 0-4.1-.1c-1 0-1.7-.2-2.3-.5-.6-.2-1.1-.6-1.7-1.1-.5-.5-.9-1-1.1-1.7-.3-.6-.4-1.3-.5-2.3C2 15 2 14.7 2 12s0-3 .1-4.1c0-1 .2-1.7.5-2.3.2-.6.6-1.1 1.1-1.7.5-.5 1-.9 1.7-1.1.6-.3 1.3-.4 2.3-.5C9 2 9.3 2 12 2zm0 5.2A4.8 4.8 0 1 0 12 16.8 4.8 4.8 0 0 0 12 7.2zm0 7.9A3.1 3.1 0 1 1 12 8.9a3.1 3.1 0 0 1 0 6.2zm5.1-8.1a1.1 1.1 0 1 0 0-2.3 1.1 1.1 0 0 0 0 2.3z"/></svg>
          </a>
          <a href="https://github.com/fsocietyl" target="_blank" rel="noopener" aria-label="github" title="@fsocietyl">
            <svg viewBox="0 0 24 24"><path d="M12 .5C5.4.5 0 5.9 0 12.5c0 5.3 3.4 9.8 8.2 11.4.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1.1-.7.1-.7.1-.7 1.2.1 1.9 1.3 1.9 1.3 1.1 1.9 2.9 1.3 3.6 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-6 0-1.3.5-2.4 1.3-3.2-.1-.3-.6-1.6.1-3.3 0 0 1-.3 3.4 1.2 1-.3 2-.4 3-.4s2 .1 3 .4c2.3-1.6 3.4-1.2 3.4-1.2.7 1.7.2 3 .1 3.3.8.9 1.3 2 1.3 3.2 0 4.7-2.8 5.7-5.5 6 .4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6 4.8-1.6 8.2-6.1 8.2-11.4C24 5.9 18.6.5 12 .5z"/></svg>
          </a>
          <a href="https://t.me/spacewalkera" target="_blank" rel="noopener" aria-label="telegram" title="@spacewalkera">
            <svg viewBox="0 0 24 24"><path d="M22 3 1.6 11.2c-.9.4-.9.9 0 1.2l5.2 1.6 12.1-7.6c.6-.4 1.1-.2.7.2L9.8 15.4l-.4 5.8c.4 0 .6-.2.8-.4l2.4-2.3 5 3.7c.9.5 1.6.2 1.8-.8L23.6 5c.3-1.3-.4-1.9-1.6-1.4z"/></svg>
          </a>
          <a href="https://wa.me/05511527310" target="_blank" rel="noopener" aria-label="whatsapp" title="+90 551 152 73 10">
            <svg viewBox="0 0 24 24"><path d="M20.5 3.5A11 11 0 0 0 3.7 17.4L2 22l4.7-1.6A11 11 0 1 0 20.5 3.5zM12 20.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-2.8 1 .9-2.7-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.6-6c-.3-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.3-.7.8-.8 1-.2.2-.3.2-.6.1-.3-.1-1.1-.4-2.1-1.3-.8-.7-1.3-1.5-1.4-1.8-.2-.3 0-.4.1-.5.1-.1.3-.3.4-.5.1-.1.2-.3.2-.4.1-.2 0-.3 0-.5 0-.1-.6-1.5-.9-2-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2 0 1.3.9 2.5 1 2.7.1.2 1.8 2.7 4.3 3.8.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.6-.3z"/></svg>
          </a>
        </div>
        <div className="copy">© 2025 SPACEWALKER · {tr.foot.rights}</div>
      </footer>
    </section>
  );
}

Object.assign(window, { Work, Marketplace2, Contact2 });