/* ============================================================
   TEND, PRIVACY POLICY AND TERMS AND CONDITIONS
   body[data-page] picks the document. Both are drafts for legal
   review; bracketed items are waiting for The ONmedia Collective.
   ============================================================ */
const PXl = window.TENDPrices || { format: () => '', note: '' };
const UPDATED = '17 October 2026';

function LegalShell({ eyebrow, title, lead, children, toc }) {
  window.useReveal();
  return (
    <>
      <Nav active="legal" />
      <header className="section" style={{ paddingBottom: 'clamp(20px,3vw,32px)' }}>
        <div className="wrap">
          <div className="eyebrow">{eyebrow}</div>
          <h1 className="display-xl" style={{ maxWidth: '16ch' }}>{tendify(title)}</h1>
          <p className="lead" style={{ marginTop: 22, maxWidth: '58ch' }}>{tendify(lead, 'tn')}</p>
          <p className="caption" style={{ marginTop: 14 }}>Last updated {UPDATED}</p>
        </div>
      </header>
      <section className="section" style={{ paddingTop: 0 }}>
        <div className="wrap legal-grid">
          <nav className="legal-toc" aria-label="On this page">
            <p className="eyebrow no-rule">On this page</p>
            <ol>{toc.map(([id, t]) => <li key={id}><a href={'#' + id}>{t}</a></li>)}</ol>
          </nav>
          <article className="legal">
            <p className="legal-note">This document is a draft and is waiting for legal review. Items in square brackets are still to be confirmed.</p>
            {children}
          </article>
        </div>
      </section>
      <Footer />
    </>
  );
}

const PRIV_TOC = [['who', 'Who we are'], ['collect', 'What we collect'], ['bearing', 'TEND Bearing answers'], ['use', 'How we use it'], ['development', 'Development only'], ['share', 'Who we share it with'], ['keep', 'How long we keep it'], ['rights', 'Your rights'], ['cookies', 'Cookies and storage'], ['changes', 'Changes and contact']];

function Privacy() {
  return (
    <LegalShell eyebrow="Privacy policy" title="How TEND looks after your information." lead="This policy explains what information TEND collects, why we collect it, and the choices you have. It is written to meet the Protection of Personal Information Act 4 of 2013 (POPIA)." toc={PRIV_TOC}>
      <h2 id="who">Who we are</h2>
      <p>TEND is a brand of The ONmedia Collective (Pty) Ltd, registration number 2026/110700/07, a company registered in South Africa. We are the responsible party for the personal information you give us through TEND.</p>
      <p>Our Information Officer is [INFORMATION OFFICER PENDING]. You can reach them at [PRIVACY EMAIL PENDING], or by post at [REGISTERED ADDRESS PENDING].</p>

      <h2 id="collect">What we collect</h2>
      <ul>
        <li><strong>Your contact details</strong>, such as your name and email address, when you buy TEND, keep a TEND Bearing result, register your interest or ask us about a team programme.</li>
        <li><strong>Your answers</strong> to the TEND statements, and the time spent on each one, which we use for the checks on how consistently you answered.</li>
        <li><strong>Your report</strong>, which is built from your answers.</li>
        <li><strong>Your answers to the four price questions</strong> at the end of TEND Heading and TEND Direction. These never appear in your report.</li>
        <li><strong>Order details</strong>, such as what you bought and whether you used an invite code. Payments are handled by PayFast, and we never see your card details.</li>
        <li><strong>Work details</strong> you choose to share on the practitioner and team forms, such as your organisation and role.</li>
        <li><strong>Technical information</strong> that keeps TEND secure and working. Our hosting provider keeps short-lived records of requests to the site, such as the page asked for, the time and the internet address it came from, and we hold those addresses for up to ten minutes to stop anyone sending too many requests. When something goes wrong in your browser, the page sends us the error message, the page name and your browser type, without your name, email address or answers.</li>
      </ul>

      <h2 id="bearing">TEND Bearing answers</h2>
      <p>Your TEND Bearing answers are not saved unless you enter your email to keep your result. If you do, they are saved with your consent and carry over to TEND Heading, so you do not answer them twice.</p>

      <h2 id="research">The TEND research pool</h2>
      <p>Before your first TEND Heading or TEND Direction, we ask a few optional questions about you and your work: your role, your sector, how long you have been working, your age band, your gender, the country you work in and your first language. We keep these answers only if you tick the box to join the TEND research pool.</p>
      <p>If you work in South Africa, we also ask for your population group, using the groups in South Africa’s employment equity reporting. Under the Protection of Personal Information Act this is special personal information, so we keep it only if you tick a second, separate box agreeing to it, and we use it only to check that TEND works fairly for every group. You can withdraw that agreement at any time in the same way.</p>
      <p>In the pool, your answers and your TEND results are used without your name or email address. They help us check that TEND works fairly for different groups of people and, once enough people have taken part, build the comparison groups that make reports more accurate. They never appear in your report or in front of anyone at your organisation. You can leave the pool at any time by emailing tend@theonmediacollective.com, and we will remove your answers from it.</p>

      <h2 id="use">How we use it</h2>
      <ul>
        <li>To give you your result and your report, and to email you your receipt and the link that brings you back to the same question, on any device.</li>
        <li>To check how consistently a set of answers was given, so that your report can carry a validity status.</li>
        <li>To arrange a debrief, if you chose one.</li>
        <li>To reply to you about the practitioner programme or a team programme, if you asked us to.</li>
        <li>To improve TEND, using answers and price responses that have been combined so that no one person can be identified.</li>
        <li>If you joined the TEND research pool, to check that TEND works fairly for different groups of people and to build its comparison groups, as described above.</li>
      </ul>

      <h2 id="development">Development only</h2>
      <p>TEND is for development only. It is never used for selection, promotion or any employment decision. If your organisation bought TEND for you, the people who arranged it can see whether you have finished, and never your result. Nobody at your organisation sees your result unless you say so in writing.</p>

      <h2 id="share">Who we share it with</h2>
      <p>We do not sell your information. We share it only with:</p>
      <ul>
        <li>PayFast, to take payment securely in South African rand.</li>
        <li>The companies that host TEND and send our emails, under contracts that require them to protect your information.</li>
        <li>The practitioner who leads your debrief, if you book one.</li>
      </ul>
      <p>Where your information is stored outside South Africa, we make sure it is protected to the standard POPIA requires. Our hosting location is [HOSTING LOCATION PENDING].</p>

      <h2 id="keep">How long we keep it</h2>
      <p>We keep your answers and reports for [RETENTION PERIOD PENDING], so that you can upgrade from TEND Heading within 12 months and read a retake beside last year's report. Enquiry details are kept for [ENQUIRY RETENTION PENDING]. You can ask us to delete your information sooner at any time.</p>

      <h2 id="rights">Your rights</h2>
      <p>You can ask us for a copy of your information, ask us to correct it, ask us to delete it, object to how we use it, and withdraw any consent you have given. Email [PRIVACY EMAIL PENDING] and we will reply within [RESPONSE TIME PENDING].</p>
      <p>If you are unhappy with how we have handled your information, you can complain to the Information Regulator of South Africa at <a href="https://inforegulator.org.za" target="_blank" rel="noopener">inforegulator.org.za</a>.</p>

      <h2 id="cookies">Cookies and storage</h2>
      <p>TEND keeps a small amount of information on your device so that the site works. This essential storage is always on:</p>
      <ul>
        <li><strong>Your place in the questions</strong>, so that save and exit brings you back to the same question.</li>
        <li><strong>A kept TEND Bearing result</strong>, if you chose to keep it.</li>
        <li><strong>The 30-minute TEND Bearing offer</strong>, so the timer is real and never restarts.</li>
        <li><strong>Your cookie choice</strong>, so we do not ask you again on every page.</li>
      </ul>
      <p>Analytics cookies help us learn which pages help people most. We use Google Analytics, which sets cookies whose names begin with _ga, and only if you choose Accept all. It tells us which public pages people visit, roughly where they are and how they found TEND. It never runs on the pages where you answer TEND, read your report or sign in, and we switch off Google's advertising features. Google processes this information on its servers, some of them outside South Africa. If you change your choice to Essential only, the analytics cookies are removed. We do not use advertising cookies. You can change your choice at any time.</p>
      <p><button type="button" className="btn btn-outline" onClick={openCookieSettings}>Change cookie settings</button></p>

      <h2 id="changes">Changes and contact</h2>
      <p>If we change this policy, we will update the date at the top of this page, and tell you by email if the change affects how we use information you have already given us. Questions about this policy are welcome at [PRIVACY EMAIL PENDING].</p>
    </LegalShell>
  );
}

const TERMS_TOC = [['about', 'About these terms'], ['what', 'What TEND is'], ['using', 'Using TEND'], ['prices', 'Prices and payment'], ['refunds', 'Cancellations and refunds'], ['debriefs', 'Debriefs'], ['report', 'Your report and our material'], ['teams', 'Teams and organisations'], ['liability', 'Our responsibility to you'], ['law', 'Law and contact']];

function Terms() {
  return (
    <LegalShell eyebrow="Terms and conditions" title="The terms for using TEND." lead="These terms explain what you can expect from TEND and what we ask of you. Please read them before you buy or take TEND." toc={TERMS_TOC}>
      <h2 id="about">About these terms</h2>
      <p>These terms are an agreement between you and The ONmedia Collective (Pty) Ltd, registration number 2026/110700/07 (we, us). TEND is a brand of The ONmedia Collective. By taking TEND or buying from this site, you agree to these terms and to our <a href="privacy.html">privacy policy</a>.</p>

      <h2 id="what">What TEND is</h2>
      <p>TEND is a workplace diagnostic for everyone at work. It describes how you answered on the day, using four currents and the TEND Compass, and your result can move as you do. TEND is for development only. It is never used for selection, promotion or any employment decision, and it is not health advice of any kind.</p>

      <h2 id="using">Using TEND</h2>
      <ul>
        <li>You need to be 18 or older to take TEND.</li>
        <li>Keep the link in your email to yourself, because it signs you in.</li>
        <li>Answer the way you usually are at work, on an ordinary day, so that your report is useful to you.</li>
        <li>Please do not copy, share or publish the TEND statements.</li>
      </ul>

      <h2 id="prices">Prices and payment</h2>
      <p>Prices on this site are shown in US dollars. {PXl.note} Payment is taken securely by PayFast.</p>
      <ul>
        <li>TEND Bearing is free.</li>
        <li>An invite code, if you have one, is entered at checkout and covers the whole order.</li>
        <li>The Gen AI chapter is an optional chapter inside TEND Direction, added at checkout for {PXl.format('genai')}.</li>
        <li>You can upgrade from TEND Heading to TEND Direction within 12 months, with your answers carried over, for {PXl.format('upgrade')}.</li>
        <li>You can retake TEND Direction after 12 months for {PXl.format('retake')}.</li>
        <li>The TEND Bearing offer runs for 30 minutes from the moment you first tap Read more, and it never restarts. An order completed after the 30 minutes does not include the free debrief.</li>
      </ul>

      <h2 id="refunds">Cancellations and refunds</h2>
      <p>[REFUND AND CANCELLATION POLICY PENDING]</p>

      <h2 id="debriefs">Debriefs</h2>
      <p>Debriefs are held online. Once your report is ready, we email you times to choose from. [RESCHEDULING AND MISSED DEBRIEF POLICY PENDING]</p>

      <h2 id="report">Your report and our material</h2>
      <p>Your report is yours to keep, read and share with anyone you choose. TEND, the TEND Compass, the four currents, the Signatures, the Partnership Path, the statements and the report designs are © The ONmedia Collective (Pty) Ltd. You may not copy, sell or adapt them, or use them to build another diagnostic.</p>

      <h2 id="teams">Teams and organisations</h2>
      <p>Talks, workshops, the Leadership Lab and learning programmes are shaped with you in conversation and covered by a separate written agreement. When an organisation buys TEND for its people, the people who arranged it see whether each person has finished, and never their results.</p>

      <h2 id="liability">Our responsibility to you</h2>
      <p>We take care to make TEND accurate and useful, and we will put right anything that goes wrong on our side. Nothing in these terms limits the rights you have under the Consumer Protection Act 68 of 2008 or the Electronic Communications and Transactions Act 25 of 2002. [LIMITATION OF LIABILITY WORDING PENDING]</p>

      <h2 id="law">Law and contact</h2>
      <p>These terms are governed by the law of the Republic of South Africa. If we change them, the new terms apply to orders placed after the date at the top of this page. Questions are welcome at [CONTACT EMAIL PENDING].</p>
    </LegalShell>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(document.body.dataset.page === 'terms' ? <Terms /> : <Privacy />);