/* global React, ReactDOM, NOBBYO_ICONS, PageHeader, PageTopBar, PageFooter, usePageLang */
const I = window.NOBBYO_ICONS;

const SECTIONS = [
  { id:'agreement', n:'01', t:{bn:'এই চুক্তি গ্রহণ', en:'Acceptance of terms'} },
  { id:'eligibility', n:'02', t:{bn:'যোগ্যতা', en:'Eligibility'} },
  { id:'account', n:'03', t:{bn:'অ্যাকাউন্ট', en:'Your account'} },
  { id:'use', n:'04', t:{bn:'ব্যবহারের নিয়ম', en:'Acceptable use'} },
  { id:'content', n:'05', t:{bn:'আপনার কন্টেন্ট', en:'Your content'} },
  { id:'fees', n:'06', t:{bn:'ফি ও পেমেন্ট', en:'Fees & payment'} },
  { id:'employer', n:'07', t:{bn:'এমপ্লয়ার দায়িত্ব', en:'Employer responsibilities'} },
  { id:'ip', n:'08', t:{bn:'মেধাসম্পদ', en:'Intellectual property'} },
  { id:'termination', n:'09', t:{bn:'চুক্তি সমাপ্তি', en:'Termination'} },
  { id:'disclaimer', n:'10', t:{bn:'দায়মুক্তি', en:'Disclaimers'} },
  { id:'liability', n:'11', t:{bn:'দায়সীমা', en:'Limitation of liability'} },
  { id:'law', n:'12', t:{bn:'প্রযোজ্য আইন', en:'Governing law'} },
];

function App() {
  const [lang, setLang] = window.usePageLang('bn');
  return (
    <>
      <PageTopBar lang={lang} setLang={setLang} />
      <PageHeader />

      {/* Hero */}
      <section className="lgl-hero">
        <div className="srch-hero-bg" aria-hidden="true">
          <div className="srch-blob srch-blob-1"></div>
          <div className="srch-blob srch-blob-2"></div>
          <div className="srch-grid"></div>
        </div>
        <div className="container lgl-hero-inner">
          <div className="lgl-hero-eyebrow">
            <span className="t-bn">আইনি · টার্মস অফ সার্ভিস</span>
            <span className="t-en">Legal · Terms of Service</span>
          </div>
          <h1 className="lgl-hero-title">
            <span className="t-bn">NOBBYO ব্যবহারের শর্তাবলী</span>
            <span className="t-en">The terms for using NOBBYO</span>
          </h1>
          <p className="lgl-hero-sub">
            <span className="t-bn">প্ল্যাটফর্ম ব্যবহার করার আগে এই চুক্তি পড়ুন। এটি NOBBYO Jobs এবং আপনার মধ্যে আইনি চুক্তি।</span>
            <span className="t-en">Read these before using the platform. This is a binding agreement between NOBBYO Jobs and you.</span>
          </p>
          <div className="lgl-hero-meta">
            <span>
              <span className="t-bn">সংস্করণ ৪.১</span>
              <span className="t-en">Version 4.1</span>
            </span>
            <span className="lgl-hero-meta-divider">·</span>
            <span>
              <span className="t-bn">কার্যকর: ১৫ এপ্রিল ২০২৬</span>
              <span className="t-en">Effective: 15 April 2026</span>
            </span>
            <span className="lgl-hero-meta-divider">·</span>
            <span>
              <span className="t-bn">প্রযোজ্য: বাংলাদেশ আইন</span>
              <span className="t-en">Governed by: Bangladesh law</span>
            </span>
          </div>
        </div>
      </section>

      {/* Body */}
      <section className="lgl-layout">
        <div className="container lgl-grid">
          <aside className="lgl-toc">
            <div className="lgl-toc-title">
              <span className="t-bn">সূচিপত্র</span>
              <span className="t-en">Contents</span>
            </div>
            <div className="lgl-toc-list">
              {SECTIONS.map(s => (
                <a key={s.id} href={'#' + s.id} className="lgl-toc-link">
                  {s.n} ·{' '}
                  <span className="t-bn">{s.t.bn}</span>
                  <span className="t-en">{s.t.en}</span>
                </a>
              ))}
            </div>
          </aside>

          <main className="lgl-body">
            <div className="lgl-summary">
              <div className="lgl-summary-label">
                <span className="t-bn">এক নজরে</span>
                <span className="t-en">In short</span>
              </div>
              <div className="lgl-summary-text">
                <span className="t-bn">NOBBYO ব্যবহার করে আপনি প্রতারণা না করার, সঠিক তথ্য দেওয়ার, এবং অন্যকে ক্ষতি না করার প্রতিশ্রুতি দিচ্ছেন। আমরা সার্ভিস প্রদান করি কিন্তু চাকরির ফলাফল নিশ্চিত করি না। বিরোধে বাংলাদেশের আইন প্রযোজ্য।</span>
                <span className="t-en">By using NOBBYO, you agree not to commit fraud, provide accurate info, and not harm others. We provide the service but don't guarantee job outcomes. Disputes go under Bangladesh law.</span>
              </div>
            </div>

            <section id="agreement" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">01</span>
                <span className="t-bn">এই চুক্তি গ্রহণ</span>
                <span className="t-en">Acceptance of terms</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">NOBBYO Jobs ব্যবহার (অ্যাকাউন্ট তৈরি, চাকরি দেখা, আবেদন করা, পোস্ট করা) করে আপনি এই টার্মস অফ সার্ভিস ("টার্মস") এবং আমাদের <a href="privacy.html">প্রাইভেসি পলিসি</a> মেনে নিতে সম্মত হচ্ছেন। সম্মত না হলে অনুগ্রহ করে সার্ভিস ব্যবহার করবেন না।</span>
                <span className="t-en">By using NOBBYO Jobs (creating an account, viewing jobs, applying, posting), you agree to these Terms of Service ("Terms") and our <a href="privacy.html">Privacy Policy</a>. If you don't agree, please don't use the service.</span>
              </p>
            </section>

            <section id="eligibility" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">02</span>
                <span className="t-bn">যোগ্যতা</span>
                <span className="t-en">Eligibility</span>
              </h2>
              <ul className="lgl-list">
                <li>
                  <span className="t-bn">আপনার বয়স অন্তত <strong>১৬ বছর</strong> হতে হবে।</span>
                  <span className="t-en">You must be at least <strong>16 years old</strong>.</span>
                </li>
                <li>
                  <span className="t-bn">যেকোনো দেশের আইন অনুযায়ী বৈধভাবে চাকরিযোগ্য হতে হবে।</span>
                  <span className="t-en">You must be legally able to work under your jurisdiction's laws.</span>
                </li>
                <li>
                  <span className="t-bn">আপনার অ্যাক্সেস বাংলাদেশের আইনে নিষিদ্ধ এমন কোনো ব্যক্তি/সত্তা হতে পারবে না।</span>
                  <span className="t-en">You must not be a sanctioned person/entity under Bangladeshi law.</span>
                </li>
                <li>
                  <span className="t-bn">এমপ্লয়ার অ্যাকাউন্টের ক্ষেত্রে — কোম্পানির পক্ষে স্বাক্ষর করার আইনি কর্তৃত্ব থাকতে হবে।</span>
                  <span className="t-en">For employer accounts — you must have legal authority to sign on behalf of the company.</span>
                </li>
              </ul>
            </section>

            <section id="account" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">03</span>
                <span className="t-bn">অ্যাকাউন্ট</span>
                <span className="t-en">Your account</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">আপনি আপনার অ্যাকাউন্টের সকল কার্যকলাপের জন্য দায়ী। আপনি প্রতিশ্রুতি দিচ্ছেন:</span>
                <span className="t-en">You're responsible for all activity on your account. You agree to:</span>
              </p>
              <ul className="lgl-list">
                <li>
                  <span className="t-bn">সঠিক ও বর্তমান তথ্য প্রদান করা।</span>
                  <span className="t-en">Provide accurate and current information.</span>
                </li>
                <li>
                  <span className="t-bn">শক্তিশালী পাসওয়ার্ড ব্যবহার করা ও তা গোপন রাখা।</span>
                  <span className="t-en">Use a strong password and keep it confidential.</span>
                </li>
                <li>
                  <span className="t-bn">অননুমোদিত ব্যবহার হলে অবিলম্বে আমাদের জানানো।</span>
                  <span className="t-en">Notify us immediately of any unauthorized access.</span>
                </li>
                <li>
                  <span className="t-bn">এক জনের একাধিক অ্যাকাউন্ট না তৈরি করা।</span>
                  <span className="t-en">Not create multiple accounts for one person.</span>
                </li>
              </ul>
            </section>

            <section id="use" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">04</span>
                <span className="t-bn">ব্যবহারের নিয়ম</span>
                <span className="t-en">Acceptable use</span>
              </h2>
              <p className="lgl-p">
                <strong>
                  <span className="t-bn">আপনি যা করতে পারবেন না:</span>
                  <span className="t-en">You may NOT:</span>
                </strong>
              </p>
              <ul className="lgl-list">
                <li>
                  <span className="t-bn">মিথ্যা CV, প্রতারণামূলক জব পোস্ট, বা ভুয়া কোম্পানি প্রোফাইল তৈরি করা।</span>
                  <span className="t-en">Submit fake CVs, fraudulent job posts, or impersonating company profiles.</span>
                </li>
                <li>
                  <span className="t-bn">স্পাম, ফিশিং বা ম্যালওয়্যার পাঠানো।</span>
                  <span className="t-en">Send spam, phishing, or malware.</span>
                </li>
                <li>
                  <span className="t-bn">প্ল্যাটফর্ম স্ক্রেপ করা, রিভার্স ইঞ্জিনিয়ার করা, বা অননুমোদিত API ব্যবহার করা।</span>
                  <span className="t-en">Scrape the platform, reverse engineer it, or use unauthorized APIs.</span>
                </li>
                <li>
                  <span className="t-bn">জাতি, ধর্ম, লিঙ্গ বা অন্য কোনো ভিত্তিতে বৈষম্যমূলক জব পোস্ট করা।</span>
                  <span className="t-en">Post discriminatory job listings based on race, religion, gender, etc.</span>
                </li>
                <li>
                  <span className="t-bn">অন্য ব্যবহারকারীদের হেনস্থা, হুমকি বা হয়রানি করা।</span>
                  <span className="t-en">Harass, threaten, or abuse other users.</span>
                </li>
                <li>
                  <span className="t-bn">"অগ্রিম ফি" নিয়ে চাকরির অফার দেওয়া বা পেমেন্টের বিনিময়ে কাজ চাওয়া।</span>
                  <span className="t-en">Offer "advance fee" job scams or pay-to-work schemes.</span>
                </li>
              </ul>
              <div className="lgl-callout">
                <div className="lgl-callout-label">
                  <span className="t-bn">লঙ্ঘনের শাস্তি</span>
                  <span className="t-en">Violation consequences</span>
                </div>
                <div className="lgl-callout-text">
                  <span className="t-bn">সতর্কতা ছাড়াই অ্যাকাউন্ট স্থগিতাদেশ, ফি ফেরত নয়, এবং উপযুক্ত হলে আইনি ব্যবস্থা।</span>
                  <span className="t-en">Account suspension without notice, no refund of fees, and legal action where appropriate.</span>
                </div>
              </div>
            </section>

            <section id="content" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">05</span>
                <span className="t-bn">আপনার কন্টেন্ট</span>
                <span className="t-en">Your content</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">আপনি আপনার CV, প্রোফাইল, জব পোস্ট ইত্যাদি ("কন্টেন্ট") এর মালিক। আপনি NOBBYO-কে এই কন্টেন্ট সার্ভিস পরিচালনার জন্য ব্যবহার, প্রদর্শন এবং অনুবাদ করার <em>সীমিত, রয়্যালটি-ফ্রি লাইসেন্স</em> দিচ্ছেন। আপনি অ্যাকাউন্ট ডিলিট করলে এই লাইসেন্সও শেষ হয়।</span>
                <span className="t-en">You own your content (CV, profile, job posts, etc.). You grant NOBBYO a <em>limited, royalty-free license</em> to use, display, and translate this content to operate the service. This license ends when you delete your account.</span>
              </p>
            </section>

            <section id="fees" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">06</span>
                <span className="t-bn">ফি ও পেমেন্ট</span>
                <span className="t-en">Fees & payment</span>
              </h2>
              <ul className="lgl-list">
                <li>
                  <span className="t-bn">ক্যান্ডিডেট অ্যাকাউন্ট সম্পূর্ণ ফ্রি।</span>
                  <span className="t-en">Candidate accounts are completely free.</span>
                </li>
                <li>
                  <span className="t-bn">এমপ্লয়ার পেইড প্ল্যানের ফি <a href="pricing.html">প্রাইসিং পেজে</a> পাবেন।</span>
                  <span className="t-en">Employer paid plan fees are listed on our <a href="pricing.html">pricing page</a>.</span>
                </li>
                <li>
                  <span className="t-bn">অগ্রিম পেমেন্ট, স্বয়ংক্রিয় নবায়ন (আপনি যেকোনো সময় বন্ধ করতে পারেন)।</span>
                  <span className="t-en">Payment is upfront, with auto-renewal (you may cancel anytime).</span>
                </li>
                <li>
                  <span className="t-bn">১৪ দিনের মধ্যে সম্পূর্ণ মানি-ব্যাক গ্যারান্টি।</span>
                  <span className="t-en">14-day money-back guarantee.</span>
                </li>
                <li>
                  <span className="t-bn">VAT/Tax প্রযোজ্য — চালানে দেখানো হবে।</span>
                  <span className="t-en">VAT/Tax applies — shown on invoice.</span>
                </li>
              </ul>
            </section>

            <section id="employer" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">07</span>
                <span className="t-bn">এমপ্লয়ার দায়িত্ব</span>
                <span className="t-en">Employer responsibilities</span>
              </h2>
              <ul className="lgl-list">
                <li>
                  <span className="t-bn">যাচাইকৃত কোম্পানি তথ্য এবং সঠিক জব ডিটেইল প্রদান করা।</span>
                  <span className="t-en">Provide verified company info and accurate job details.</span>
                </li>
                <li>
                  <span className="t-bn">প্রার্থীদের ডেটা শুধু রিক্রুটিংয়ের জন্য ব্যবহার করা।</span>
                  <span className="t-en">Use candidate data only for recruiting purposes.</span>
                </li>
                <li>
                  <span className="t-bn">সমান সুযোগ এবং বৈষম্যহীন রিক্রুটিং নিশ্চিত করা।</span>
                  <span className="t-en">Maintain equal opportunity and non-discriminatory hiring.</span>
                </li>
                <li>
                  <span className="t-bn">যাচাইকৃত বেতন প্রকাশ ও সম্মত ফি সময়মতো পরিশোধ করা।</span>
                  <span className="t-en">Publish verified salaries and pay agreed fees on time.</span>
                </li>
              </ul>
            </section>

            <section id="ip" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">08</span>
                <span className="t-bn">মেধাসম্পদ</span>
                <span className="t-en">Intellectual property</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">NOBBYO Jobs ব্র্যান্ড, লোগো, প্ল্যাটফর্ম কোড, AI মডেল ও ডিজাইন NOBBYO Jobs Ltd. এর সম্পত্তি। আমাদের লিখিত অনুমতি ছাড়া এগুলো ব্যবহার, কপি বা পরিবর্তন করা যাবে না।</span>
                <span className="t-en">The NOBBYO Jobs brand, logo, platform code, AI models, and designs are property of NOBBYO Jobs Ltd. You may not use, copy, or modify them without written permission.</span>
              </p>
            </section>

            <section id="termination" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">09</span>
                <span className="t-bn">চুক্তি সমাপ্তি</span>
                <span className="t-en">Termination</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">আপনি যেকোনো সময় অ্যাকাউন্ট ডিলিট করতে পারেন। আমরা এই টার্মস লঙ্ঘন, প্রতারণা, বা আইনি বাধ্যবাধকতার ভিত্তিতে আপনার অ্যাক্সেস স্থগিত বা সমাপ্ত করতে পারি। সমাপ্তির পর — অ্যাকাউন্ট ও কন্টেন্ট আমাদের প্রাইভেসি পলিসি অনুযায়ী মুছে যাবে।</span>
                <span className="t-en">You may delete your account anytime. We may suspend or terminate your access for violations of these Terms, fraud, or legal obligations. Upon termination, account and content are deleted per our Privacy Policy.</span>
              </p>
            </section>

            <section id="disclaimer" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">10</span>
                <span className="t-bn">দায়মুক্তি</span>
                <span className="t-en">Disclaimers</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">NOBBYO প্ল্যাটফর্ম "যেমন আছে" ভিত্তিতে প্রদান করা হয়। আমরা <strong>চাকরির অফার, হায়ারিং, বা কাজের সফলতা গ্যারান্টি দিই না</strong>। আমরা শুধু একটি ম্যাচিং প্ল্যাটফর্ম — চূড়ান্ত হায়ারিং সিদ্ধান্ত এমপ্লয়ারের।</span>
                <span className="t-en">NOBBYO is provided "as is". We <strong>do not guarantee job offers, hires, or work outcomes</strong>. We are only a matching platform — final hiring decisions rest with the employer.</span>
              </p>
              <p className="lgl-p">
                <span className="t-bn">এমপ্লয়ার বা ক্যান্ডিডেটের কাজ, যাচাইকরণ বা পরিচয়ের জন্য আমরা আইনিভাবে দায়ী নই — যদিও আমরা যাচাইকরণে যথাসাধ্য সচেষ্ট।</span>
                <span className="t-en">We are not legally responsible for the conduct, verification, or identity of employers or candidates — though we make best-effort verifications.</span>
              </p>
            </section>

            <section id="liability" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">11</span>
                <span className="t-bn">দায়সীমা</span>
                <span className="t-en">Limitation of liability</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">আইনের সর্বোচ্চ অনুমোদিত সীমা পর্যন্ত, NOBBYO-র মোট দায় গত ১২ মাসে আপনার পরিশোধিত ফি (অথবা সর্বোচ্চ ৳১০,০০০ — যেটি বেশি) এর বেশি হবে না। আমরা পরোক্ষ, পরিণামমূলক বা শাস্তিমূলক ক্ষতির জন্য দায়ী নই।</span>
                <span className="t-en">To the maximum extent permitted by law, NOBBYO's total liability is capped at the fees you've paid in the past 12 months (or ৳10,000 — whichever is greater). We're not liable for indirect, consequential, or punitive damages.</span>
              </p>
            </section>

            <section id="law" className="lgl-section">
              <h2 className="lgl-section-h">
                <span className="lgl-section-num">12</span>
                <span className="t-bn">প্রযোজ্য আইন</span>
                <span className="t-en">Governing law</span>
              </h2>
              <p className="lgl-p">
                <span className="t-bn">এই টার্মস <em>বাংলাদেশের আইন</em> অনুযায়ী পরিচালিত হবে। যেকোনো বিরোধ — ঢাকার আদালতের একচ্ছত্র এখতিয়ারে নিষ্পত্তি হবে। ছোট দাবির জন্য আমরা মধ্যস্থতাকেও স্বাগত জানাই।</span>
                <span className="t-en">These Terms are governed by the <em>laws of Bangladesh</em>. Any disputes will be resolved in the exclusive jurisdiction of Dhaka courts. For small claims, we welcome mediation as well.</span>
              </p>
              <p className="lgl-p">
                <span className="t-bn">প্রশ্ন থাকলে — <a href="mailto:legal@nobbyojobs.com.bd">legal@nobbyojobs.com.bd</a></span>
                <span className="t-en">Questions? <a href="mailto:legal@nobbyojobs.com.bd">legal@nobbyojobs.com.bd</a></span>
              </p>
            </section>

            <div className="lgl-foot">
              <div className="lgl-foot-meta">
                <span className="t-bn">শেষ আপডেট: ১৫ এপ্রিল ২০২৬</span>
                <span className="t-en">Last updated: 15 April 2026</span>
              </div>
              <div className="lgl-foot-links">
                <a href="privacy.html" className="lgl-foot-link">
                  <span className="t-bn">প্রাইভেসি</span>
                  <span className="t-en">Privacy</span>
                </a>
                <a href="cookies.html" className="lgl-foot-link">
                  <span className="t-bn">কুকিজ</span>
                  <span className="t-en">Cookies</span>
                </a>
                <a href="contact.html" className="lgl-foot-link">
                  <span className="t-bn">যোগাযোগ</span>
                  <span className="t-en">Contact</span>
                </a>
              </div>
            </div>
          </main>
        </div>
      </section>

      <PageFooter lang={lang} />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);