Upload better_offer.html

better_offer.html

@@ -0,0 +1,154 @@
+<div style="font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.6; color:#0f172a;">
+  <div style="max-width:900px; margin:0 auto; padding:28px 16px;">
+    
+    <!-- Header -->
+    <h1 style="margin:0 0 8px; font-size:32px;">mtDNA Location Classifier</h1>
+    <p style="margin:0 0 16px; font-size:18px; color:#334155;">
+    <strong>AI + Human Intelligence, working together.</strong><br>
+    The tool suggests structured labels fast — you decide which ones to trust and refine.
+    </p>
+
+    <div style="display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 24px;">
+      <span style="background:#eef2ff; color:#3730a3; padding:6px 10px; border-radius:999px; font-size:12px;">84% country accuracy (n=4,934)</span>
+      <span style="background:#ecfeff; color:#155e75; padding:6px 10px; border-radius:999px; font-size:12px;">92% modern/ancient accuracy (n=4,934)</span>
+      <span style="background:#f0fdf4; color:#166534; padding:6px 10px; border-radius:999px; font-size:12px;">Source-backed explanations</span>
+      <span style="background:#fff7ed; color:#9a3412; padding:6px 10px; border-radius:999px; font-size:12px;">Report → free credit</span>
+    </div>
+
+    <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
+
+    <!-- Purpose -->
+    <h2 style="margin:0 0 8px; font-size:22px;">Purpose</h2>
+    <p style="margin:0 0 12px;">
+      Make biological data <strong>reusable</strong> by labeling it better.
+      <br><br>  
+      Many GenBank / NCBI samples have <strong>incomplete/missing metadata</strong> (country, sample type, optional ethnicity/specific location).
+      This tool helps researchers generate <strong>clean, structured labels</strong> — ready for papers, datasets, or analysis.
+    <br><br>
+      <em>This is not a black-box AI. It’s a partnership between AI speed and human expertise.</em>
+    </p>
+
+    <!-- What you get -->
+    <h2 style="margin:24px 0 8px; font-size:22px;">What you get</h2>
+    <ul style="margin:0 0 12px 18px;">
+      <li>AI-powered inference from GenBank accession alone.</li>
+      <li>Country + Sample Type by default; optional labels (e.g. ethnicity &amp; specific location) on request.</li>
+      <li>Transparent outputs: explanations, citations.</li>
+      <li>Excel export; batch upload; multi-ID input.</li>
+      <li><strong>Human-in-the-loop control:</strong> 1-click feedback ensures you decide what counts.</li>
+    </ul>
+
+    <div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin:16px 0;">
+        <strong>Positioning:</strong> This tool is an <em>accelerator</em>, not a replacement.  
+        AI surfaces leads quickly → Human Intelligence validates tricky cases.
+    </div>
+
+    <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
+
+    <!-- Free tier -->
+    <h2 style="margin:0 0 8px; font-size:22px;">Free tier</h2>
+    <ul style="margin:0 0 12px 18px;">
+      <li><strong>30</strong> free samples (no email).</li>
+      <li>Add email → <strong>+20</strong> bonus samples (<strong>50 total</strong>) and downloads.</li>
+      <li>Not satisfied? Click “Report” → that row doesn’t count, and you get a credit back.</li>
+    </ul>
+
+    <!-- Pricing -->
+    <h2 style="margin:24px 0 8px; font-size:22px;">Simple pricing</h2>
+    <table style="width:100%; border-collapse:collapse; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden;">
+      <thead>
+        <tr style="background:#f1f5f9;">
+          <th style="text-align:left; padding:10px; font-weight:600;">Plan</th>
+          <th style="text-align:left; padding:10px; font-weight:600;">What’s included</th>
+          <th style="text-align:left; padding:10px; font-weight:600;">Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Pay-as-you-go (especially for <a href="#edge_cases" style="color:#1d4ed8; text-decoration:underline;">edge cases</a>)</strong></td>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;">Country + Sample Type, explanations, citations, export, report→credit</td>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$0.10 / sample</strong></td>
+        </tr>
+        <tr>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>Custom labels (optional)</strong></td>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;">Ethnicity, specific location granularity, phenotype, or bespoke fields</td>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;">Quote on request</td>
+        </tr>
+        <tr style="background:#fcfcff;">
+          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong> <a href="#research-supporter" style="color:#1d4ed8; text-decoration:underline;">Research Partner (Supporter) </a></strong></td>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;">~3,000 samples worth of credits + early access, custom label runs, direct feedback channel, recognition</td>
+          <td style="padding:10px; border-top:1px solid #e2e8f0;"><strong>$300 / 3 months</strong></td>
+        </tr>
+      </tbody>
+    </table>
+
+    <p style="margin:10px 0 0; font-size:14px; color:#475569;">
+      <em>Note:</em> For very small sets that you can easily verify manually, we’ll advise you to skip paid runs.
+      We optimize for your outcomes, not usage.
+    </p>
+
+    <!-- Edge case highlight -->
+    <h2 id="edge_cases" style="margin:24px 0 8px; font-size:22px;">Edge Cases (our specialty)</h2>
+    <p>
+        Some samples are especially hard to label because they don’t have a DOI, PubMed ID, or linked article.
+        Normally these are ignored or left as “unknown.” We call them <strong>edge cases</strong>.
+    </p>
+    <ul>
+        <li>Priced the same as normal runs ($0.10/sample) — no penalty for difficulty</li>
+        <li>Custom labels (e.g. ethnicity, city/province) can also be applied to edge cases on request</li>
+    </ul>
+    <div style="background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:14px; margin:20px 0;">
+      <strong>Why it matters:</strong> One early researcher tested 4,932 samples and found our predictions
+      for some <em>edge cases</em> were more accurate than his manual annotations — even when metadata was missing.
+    </div>
+
+  <hr>
+
+  <h2 id="research-supporter" style="margin:24px 0 8px; font-size:22px;">Research Partner Plan (for early supporters)</h2>
+  <p>
+    Designed for researchers running larger studies who want to support ongoing development while staying on budget.  
+    Instead of paying strictly per sample, you can join as a <strong>Research Partner</strong>:
+  </p>
+  <ul>
+    <li><strong>$300 flat contribution</strong> (covers ~3,000 samples at $0.10 each, with flexibility on usage)</li>
+    <li>Includes early access to new features and custom labels</li>
+    <li>Direct feedback channel — help shape how the tool evolves</li>
+    <li>Recognition as an early research supporter</li>
+  </ul>
+  <p>
+    <em>This tier was inspired by our very first paying researcher, who contributed $300 to support
+    continued development after testing thousands of samples. It’s ideal if you see the potential
+    and want to support the mission, even if you’re still validating outputs in your workflow.</em>
+  </p>
+
+
+    <!-- Who it's for -->
+    <h2 style="margin:24px 0 8px; font-size:22px;">Best for</h2>
+    <ul style="margin:0 0 12px 18px;">
+      <li>Labs cleaning large mtDNA cohorts where manual labeling is slow or inconsistent.</li>
+      <li>Researchers who want fast leads + citations, then validate edge cases themselves.</li>
+      <li>Teams that value transparency and iterative improvement.</li>
+    </ul>
+
+    <!-- CTA -->
+    <div style="display:flex; gap:12px; flex-wrap:wrap; margin:20px 0;">
+      <a href="https://huggingface.co/spaces/VyLala/mtDNALocation" target="_blank"
+         style="background:#111827; color:#fff; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
+        Try the Classifier
+      </a>
+      <a href="mailto:khanhphungvy@gmail.com" target="_blank"
+         style="background:#e2e8f0; color:#0f172a; text-decoration:none; padding:12px 16px; border-radius:10px; font-weight:600;">
+        Bulk / Research Partner request
+      </a>
+    </div>
+
+    <hr style="border:none; border-top:1px solid #e2e8f0; margin:24px 0;">
+
+    <!-- Mission -->
+    <h2 style="margin:0 0 8px; font-size:22px;">Mission</h2>
+    <p style="margin:0;">
+      Rebuild trust in genomic metadata—one mtDNA sample at a time—through transparency, citations, and a tight feedback loop with researchers.
+    </p>
+
+  </div>
+</div>