Spaces:
Running
Running
| <html lang="en" dir="ltr"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Join us β GreenRoot</title> | |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='88'>%F0%9F%8C%B1</text></svg>"> | |
| <!--STYLE--> | |
| </head> | |
| <body data-page="join"> | |
| <header class="nav" id="nav"> | |
| <div class="container nav-inner"> | |
| <a class="brand" href="index.html"> | |
| <svg class="logo" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="23" fill="#0B3B2A"/><path d="M24 38c0-9 2-14 9-19-1 8-3 13-9 19Z" fill="#A3E635"/><path d="M24 38c0-9-2-14-9-19 1 8 3 13 9 19Z" fill="#4ADE80"/><path d="M24 38V22" stroke="#D9F99D" stroke-width="2" stroke-linecap="round"/></svg> | |
| <span>GreenRoot</span> | |
| </a> | |
| <nav class="links" id="links"> | |
| <a href="index.html" data-i18n="nav.home">Home</a> | |
| <a href="science.html" data-i18n="nav.science">Science</a> | |
| <a href="program.html" data-i18n="nav.program">Program</a> | |
| <a href="ai.html" data-i18n="nav.ai">AI companion</a> | |
| <a href="dashboard.html" data-i18n="nav.impact">Impact</a> | |
| <a href="cop31.html" data-i18n="nav.cop31">COP31</a> | |
| <a href="areas.html" data-i18n="nav.areas">Istanbul areas</a> | |
| <a href="join.html" data-i18n="nav.join">Join</a> | |
| </nav> | |
| <div class="nav-actions"> | |
| <div class="lang-sw"><button class="lang on" data-lang="en" type="button">EN</button><button class="lang" data-lang="fa" type="button">ΩΨ§</button><button class="lang" data-lang="tr" type="button">TR</button></div> | |
| <a class="btn small" href="join.html" data-i18n="nav.cta">Join the pilot</a> | |
| <button class="burger" id="burger" aria-label="Menu" type="button"><span></span><span></span><span></span></button> | |
| </div> | |
| </div> | |
| </header> | |
| <main> | |
| <section class="hero"> | |
| <div class="container"> | |
| <span class="kicker light" data-i18n="join.hero.kicker">Join GreenRoot</span> | |
| <h1 data-i18n="join.hero.h1">There's a place for you here</h1> | |
| <p class="lead" data-i18n="join.hero.p">Whether you're fighting for your own recovery, supporting someone you love, running a city β or ready to fund the model β start here.</p> | |
| </div> | |
| </section> | |
| <!-- Audiences --> | |
| <section> | |
| <div class="container"> | |
| <div class="grid g4"> | |
| <div class="card rv"><div class="ic green">π±</div><h3 data-i18n="join.a.c1t">I need help</h3><p data-i18n="join.a.c1p">Confidential, no commitment. We'll call you back within 48 hours and explain everything β in your language.</p></div> | |
| <div class="card rv"><div class="ic amber">π¨βπ©βπ§</div><h3 data-i18n="join.a.c2t">I'm a family member</h3><p data-i18n="join.a.c2p">Ask us anything. We'll explain the program, safety rules and how family updates work.</p></div> | |
| <div class="card rv"><div class="ic teal">ποΈ</div><h3 data-i18n="join.a.c3t">City / company</h3><p data-i18n="join.a.c3p">Host a crew, supply waste streams, or sponsor a cohort. Measurable ESG with human depth.</p></div> | |
| <div class="card rv"><div class="ic green">π</div><h3 data-i18n="join.a.c4t">Investor / partner</h3><p data-i18n="join.a.c4p">Circular revenue plus health outcomes. Ask for the full pilot report and model.</p></div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Form --> | |
| <section style="background:#EFF5EA"> | |
| <div class="container" style="max-width:760px"> | |
| <div class="center rv"> | |
| <span class="kicker" data-i18n="join.form.kicker">Contact</span> | |
| <h2 class="title" data-i18n="join.form.h2">Send us a message</h2> | |
| <p class="lead" data-i18n="join.form.lead">Demo form β in production this connects to our confidential intake line.</p> | |
| </div> | |
| <form id="joinForm" class="card mt rv" novalidate> | |
| <div class="frow"><label for="fName" data-i18n="join.form.name">Your name (or a nickname)</label><input id="fName" type="text" required></div> | |
| <div class="frow"><label for="fContact" data-i18n="join.form.contact">Email or phone</label><input id="fContact" type="text" required></div> | |
| <div class="frow"><label for="fRole" data-i18n="join.form.role">I amβ¦</label> | |
| <select id="fRole"> | |
| <option data-i18n="join.form.o1">Someone in recovery</option> | |
| <option data-i18n="join.form.o2">A family member</option> | |
| <option data-i18n="join.form.o3">A city / municipality</option> | |
| <option data-i18n="join.form.o4">A company / recycler</option> | |
| <option data-i18n="join.form.o5">An investor / NGO</option> | |
| <option data-i18n="join.form.o6">Just curious</option> | |
| </select> | |
| </div> | |
| <div class="frow"><label for="fMsg" data-i18n="join.form.msg">Message</label><textarea id="fMsg" rows="4"></textarea></div> | |
| <button class="btn" type="submit" data-i18n="join.form.send">Send message</button> | |
| <div class="form-ok" id="formOk" data-i18n="join.form.ok">β Thank you! This demo doesn't send data anywhere β but in production our team would contact you within 48 hours, confidentially.</div> | |
| </form> | |
| </div> | |
| </section> | |
| <!-- FAQ --> | |
| <section> | |
| <div class="container" style="max-width:820px"> | |
| <div class="center rv"> | |
| <span class="kicker">FAQ</span> | |
| <h2 class="title" data-i18n="join.faq.h2">Honest questions, honest answers</h2> | |
| </div> | |
| <div class="mt rv"> | |
| <details class="faq"><summary data-i18n="join.q1">Is this real employment or just "therapy theater"?</summary><p data-i18n="join.a1">Real employment. Participants sign a contract, earn at or above local minimum wage, and tokens are additional rewards on top β never a replacement for pay.</p></details> | |
| <details class="faq"><summary data-i18n="join.q2">What if I relapse during the program?</summary><p data-i18n="join.a2">You keep your place. Relapse is part of how addiction works medically. We pause the work, restart clinical support, and return when your health team agrees. You are not fired for being sick.</p></details> | |
| <details class="faq"><summary data-i18n="join.q3">Do I have to quit my medication to join?</summary><p data-i18n="join.a3">No β the opposite. Medication-assisted treatment is funded and encouraged where medically indicated. Our program coordinates with your doctor.</p></details> | |
| <details class="faq"><summary data-i18n="join.q4">Will the AI report me to anyone?</summary><p data-i18n="join.a4">Never without your consent. Raha's data belongs to you. Only opt-in alerts to your counselor exist, and crisis escalations go to humans who care for you β not to authorities.</p></details> | |
| <details class="faq"><summary data-i18n="join.q5">Can I really go back to my old career?</summary><p data-i18n="join.a5">In many cases, yes. Raha's career-rewind plan rebuilds skills honestly, frames the gap truthfully, and arranges supported internships with partner employers who hire for ability, not history.</p></details> | |
| <details class="faq"><summary data-i18n="join.q6">Which cities does the pilot run in?</summary><p data-i18n="join.a6">We are scoping pilot cohorts in Frankfurt and Tehran. Sign up and we'll tell you what's active near you.</p></details> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Crisis note --> | |
| <section style="padding-top:0"> | |
| <div class="container"> | |
| <div class="card rv" style="border-inline-start:5px solid var(--red)"> | |
| <h3 data-i18n="join.crisis.t">π In crisis right now?</h3> | |
| <p data-i18n="join.crisis.p">If you or someone near you is in immediate danger (overdose, suicidal thoughts), contact your local emergency number now. In Iran, the state social-emergency addiction hotline is 09628. In Germany, you can call 112 for emergencies. You matter. One call can start everything.</p> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer> | |
| <div class="container"> | |
| <div class="grid g3"> | |
| <div> | |
| <div class="fbrand"><svg class="logo" viewBox="0 0 48 48" fill="none" width="34" height="34"><circle cx="24" cy="24" r="23" fill="#0E4D36"/><path d="M24 38c0-9 2-14 9-19-1 8-3 13-9 19Z" fill="#A3E635"/><path d="M24 38c0-9-2-14-9-19 1 8 3 13 9 19Z" fill="#4ADE80"/><path d="M24 38V22" stroke="#D9F99D" stroke-width="2" stroke-linecap="round"/></svg>GreenRoot</div> | |
| <p data-i18n="footer.tag">Healing people, healing the planet β recovery through environmental work, funded by recycling, guided by AI.</p> | |
| </div> | |
| <div> | |
| <h4 data-i18n="footer.links">Explore</h4> | |
| <p><a href="science.html" data-i18n="nav.science">Science</a> Β· <a href="program.html" data-i18n="nav.program">Program</a> Β· <a href="ai.html" data-i18n="nav.ai">AI companion</a></p> | |
| <p class="mt-s"><a href="dashboard.html" data-i18n="nav.impact">Impact</a> | |
| <a href="cop31.html" data-i18n="nav.cop31">COP31</a> Β· <a href="areas.html" data-i18n="nav.areas">Areas</a> Β· <a href="join.html" data-i18n="nav.join">Join</a></p> | |
| </div> | |
| <div> | |
| <h4 data-i18n="footer.contact">Contact</h4> | |
| <p>hello@greenroot.example</p> | |
| <p data-i18n="footer.contact2">Frankfurt Β· Tehran (pilot cities)</p> | |
| </div> | |
| </div> | |
| <p class="disclaimer" data-i18n="footer.disclaimer">GreenRoot is a concept prototype. Nothing on this site is medical advice. Addiction is a medical condition β always work with qualified doctors and licensed treatment services. In an emergency, contact your local emergency number.</p> | |
| <p class="copy">Β© <span id="year">2026</span> GreenRoot.</p> | |
| </div> | |
| </footer> | |
| <!--APP--> | |
| </body> | |
| </html> | |