/* global React, Eyebrow, Reveal, tr */
/* ─── PILOT INTEREST + SOFT SMS ───────────────────────────────── */

function Interest({ lang }) {
  return (
    <section className="section" id="interest">
      <div className="wrap">
        <Reveal>
          <div className="invite">
            <div className="invite__grid">
              <div>
                <Eyebrow onDark>
                  {tr(lang, {
                    en: 'Pilot interest',
                    hi: 'पायलट रुचि',
                    mr: 'पायलट रस',
                    gu: 'પાયલટ રસ',
                  })}
                </Eyebrow>
                <h2 className="headline headline--lg" style={{ marginTop: 22, color: 'var(--paper)', maxWidth: '15ch' }}>
                  {tr(lang, {
                    en: 'Live in Malad West?',
                    hi: 'मलाड वेस्ट में रहते हैं?',
                    mr: 'मलाड वेस्टमध्ये राहता?',
                    gu: 'મલાડ વેસ્ટમાં રહો છો?',
                  })}
                  <br />
                  <span className="italic h-sunlight">
                    {tr(lang, {
                      en: 'We will reach out individually.',
                      hi: 'हम व्यक्तिगत रूप से संपर्क करेंगे।',
                      mr: 'आम्ही वैयक्तिकरित्या संपर्क करू.',
                      gu: 'અમે વ્યક્તિગત રીતે સંપર્ક કરીશું.',
                    })}
                  </span>
                </h2>
                <p className="lead" style={{ marginTop: 22, color: 'rgba(250,247,241,0.88)' }}>
                  {tr(lang, {
                    en: 'No mass invite list. The first 50 Nagriks are met in person. If you want to be part of how the pilot is observed, write a single line in whichever language is comfortable.',
                    hi: 'कोई सामूहिक आमंत्रण सूची नहीं। पहले 50 नागरिकों से व्यक्तिगत रूप से मिला जाता है। यदि आप पायलट के निरीक्षण का हिस्सा बनना चाहते हैं, तो जो भी भाषा सुविधाजनक हो उसमें एक पंक्ति लिखें।',
                    mr: 'कोणतीही सामूहिक आमंत्रण यादी नाही. पहिल्या 50 नागरिकांना वैयक्तिकरित्या भेटले जाते. तुम्हाला पायलटच्या निरीक्षणाचा भाग व्हायचे असेल तर जी भाषा सोयीची आहे त्यात एक ओळ लिहा.',
                    gu: 'કોઈ સામૂહિક આમંત્રણ યાદી નહીં. પ્રથમ 50 નાગરિકોને વ્યક્તિગત રીતે મળાય છે. તમે પાયલટના નિરીક્ષણનો ભાગ બનવા માંગો છો તો જે ભાષા સગવડ હોય તેમાં એક પંક્તિ લખો.',
                  })}
                </p>

                {/* Soft SMS note — reframed */}
                <div className="sms-note">
                  <span className="tag">
                    {tr(lang, {
                      en: 'SMS',
                      hi: 'SMS',
                      mr: 'SMS',
                      gu: 'SMS',
                    })}
                  </span>
                  <div>
                    {tr(lang, {
                      en: 'SMS verification opens when the Pvt Ltd is incorporated. Until then, the founder preview is the point — keep exploring.',
                      hi: 'प्राइवेट लिमिटेड के निगमन के बाद SMS सत्यापन शुरू होगा। तब तक, फाउंडर प्रीव्यू ही मक़सद है — आगे देखते रहिए।',
                      mr: 'प्रायव्हेट लिमिटेडच्या नोंदणीनंतर SMS पडताळणी सुरू होईल. तोपर्यंत, फाउंडर प्रीव्ह्यू हाच उद्देश आहे — पुढे एक्सप्लोर करा.',
                      gu: 'પ્રાઇવેટ લિમિટેડની નોંધણી પછી SMS ચકાસણી શરૂ થશે. ત્યાં સુધી, ફાઉન્ડર પ્રિવ્યૂ જ હેતુ છે — એક્સપ્લોર કરતા રહો.',
                    })}
                  </div>
                </div>
              </div>

              <a
                href="mailto:hello@1gige.app?subject=Malad%20West%20pilot%20interest"
                className="invite__cta"
              >
                <span className="channel">
                  {tr(lang, {
                    en: 'Write to founder',
                    hi: 'संस्थापक को लिखें',
                    mr: 'संस्थापकाला लिहा',
                    gu: 'સ્થાપકને લખો',
                  })}
                </span>
                <span className="addr">hello@1gige.app</span>
                <span className="go">
                  {tr(lang, {
                    en: 'Open your mail app',
                    hi: 'मेल ऐप खोलें',
                    mr: 'मेल अ‍ॅप उघडा',
                    gu: 'મેઇલ એપ ખોલો',
                  })}
                  <span className="arrow-r">→</span>
                </span>
              </a>
            </div>
          </div>
        </Reveal>
      </div>
    </section>
  );
}

Object.assign(window, { Interest });