/* global React, Wordmark, tr */
/* ─── FOOTER + INTEGRITY ──────────────────────────────────────── */

function Integrity({ lang }) {
  return (
    <div className="integrity">
      <div className="wrap">
        <span className="tag">
          {tr(lang, {
            en: 'Concept preview',
            hi: 'कॉन्सेप्ट प्रीव्यू',
            mr: 'कॉन्सेप्ट प्रीव्ह्यू',
            gu: 'કોન્સેપ્ટ પ્રિવ્યૂ',
          })}
        </span>
        <span className="sep">·</span>
        <span>
          {tr(lang, {
            en: 'Malad West pilot in preparation',
            hi: 'मलाड वेस्ट पायलट तैयारी में',
            mr: 'मलाड वेस्ट पायलट तयारी सुरू',
            gu: 'મલાડ વેસ્ટ પાયલટ તૈયારીમાં',
          })}
        </span>
        <span className="sep">·</span>
        <span>
          {tr(lang, {
            en: 'No live payments, KYC, wallet, or worker payouts yet',
            hi: 'अभी कोई लाइव भुगतान, KYC, वॉलेट या पेआउट नहीं',
            mr: 'अद्याप कोणतेही लाइव्ह पेमेंट, KYC, वॉलेट किंवा पेआउट नाही',
            gu: 'હજુ કોઈ લાઇવ ચૂકવણી, KYC, વોલેટ કે પેઆઉટ નથી',
          })}
        </span>
      </div>
    </div>
  );
}

function Footer({ lang }) {
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="footer__grid">
          <div className="footer__col">
            <Wordmark size="md" onDark />
            <p style={{
              marginTop: 18,
              fontSize: 13.5, lineHeight: 1.7,
              color: 'rgba(250,247,241,0.82)',
              maxWidth: 380,
            }}>
              {tr(lang, {
                en: 'A worker-first local platform being prepared in Malad West, Mumbai. Founder preview — no live services yet.',
                hi: 'मलाड वेस्ट, मुंबई में तैयार किया जा रहा कर्मिक-प्रथम स्थानीय मंच। फाउंडर प्रीव्यू — अभी कोई लाइव सेवा नहीं है।',
                mr: 'मलाड वेस्ट, मुंबईत तयार होत असलेले कर्मिक-प्रथम स्थानिक मंच. फाउंडर प्रीव्ह्यू — अद्याप कोणतीही लाइव्ह सेवा नाही.',
                gu: 'મલાડ વેસ્ટ, મુંબઈમાં તૈયાર થઈ રહેલું કર્મિક-પ્રથમ સ્થાનિક પ્લેટફોર્મ. ફાઉન્ડર પ્રિવ્યૂ — હજુ કોઈ લાઇવ સેવા નથી.',
              })}
            </p>
          </div>

          <div className="footer__col">
            <h5>
              {tr(lang, {
                en: 'Explore preview',
                hi: 'प्रीव्यू देखें',
                mr: 'प्रीव्ह्यू पाहा',
                gu: 'પ્રિવ્યૂ જુઓ',
              })}
            </h5>
            <ul>
              <li><a href="#thesis">{tr(lang, { en: 'Founder note', hi: 'संस्थापक नोट', mr: 'संस्थापक टीप', gu: 'સ્થાપક નોંધ' })}</a></li>
              <li><a href="#story">{tr(lang, { en: 'Why worker-first', hi: 'कर्मिक-प्रथम क्यों', mr: 'कर्मिक-प्रथम का', gu: 'કર્મિક-પ્રથમ શા માટે' })}</a></li>
              <li><a href="#journey">{tr(lang, { en: 'Nagrik journey', hi: 'नागरिक यात्रा', mr: 'नागरिक प्रवास', gu: 'નાગરિક પ્રવાસ' })}</a></li>
              <li><a href="#transparency">{tr(lang, { en: '₹100 breakdown', hi: '₹100 ब्रेकडाउन', mr: '₹100 विभाजन', gu: '₹100 બ્રેકડાઉન' })}</a></li>
              <li><a href="#pilot">{tr(lang, { en: 'Pilot map', hi: 'पायलट नक्शा', mr: 'पायलट नकाशा', gu: 'પાયલટ નકશો' })}</a></li>
            </ul>
          </div>

          <div className="footer__col">
            <h5>
              {tr(lang, {
                en: 'Contact',
                hi: 'संपर्क',
                mr: 'संपर्क',
                gu: 'સંપર્ક',
              })}
            </h5>
            <ul>
              <li><a href="mailto:hello@1gige.app">hello@1gige.app</a></li>
              <li>
                <span style={{ opacity: 0.65 }}>
                  {tr(lang, {
                    en: 'Mumbai, India',
                    hi: 'मुंबई, भारत',
                    mr: 'मुंबई, भारत',
                    gu: 'મુંબઈ, ભારત',
                  })}
                </span>
              </li>
              <li>
                <span style={{ opacity: 0.65 }}>EN · हिन्दी · मराठी · ગુજરાતી</span>
              </li>
            </ul>
          </div>
        </div>

        <div className="footer__bottom">
          <div>
            <span style={{
              fontFamily: 'var(--display)', fontWeight: 700,
              letterSpacing: '0.2em', color: 'var(--sun-light)',
              textTransform: 'uppercase', fontSize: 10.5,
            }}>1GIGE TECHNOLOGIES PRIVATE LIMITED</span>
            <span style={{ margin: '0 8px', opacity: 0.4 }}>·</span>
            <span>
              {tr(lang, {
                en: 'In formation. Founder operating in personal capacity until incorporation completes.',
                hi: 'गठन में। निगमन पूरा होने तक संस्थापक व्यक्तिगत क्षमता में संचालन कर रहा है।',
                mr: 'स्थापनेच्या प्रक्रियेत. नोंदणी पूर्ण होईपर्यंत संस्थापक वैयक्तिक क्षमतेत कार्यरत.',
                gu: 'રચનામાં. નોંધણી પૂર્ણ થાય ત્યાં સુધી સ્થાપક વ્યક્તિગત ક્ષમતામાં કાર્યરત.',
              })}
            </span>
          </div>
          <div style={{ whiteSpace: 'nowrap' }}>
            © 2026 1gigE.{' '}
            <span style={{ fontFamily: 'var(--serif)', fontStyle: 'italic', opacity: 0.85 }}>
              {tr(lang, {
                en: 'One worker. One gig. One source of energy.',
                hi: 'एक कर्मिक। एक काम। एक ऊर्जा।',
                mr: 'एक कर्मिक. एक काम. एक ऊर्जा.',
                gu: 'એક કર્મિક. એક કામ. એક ઊર્જા.',
              })}
            </span>
          </div>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { Integrity, Footer });