Add marketplace section, OAuth checkout, social icons, 35% efficiency claim, preorder CTAs, enterprise Q1 2027, founding member limits, paragraph spacing in demo chat, no em dashes

2026-05-01 09:20:45 -05:00
parent 269eed41aa
commit ff1f9577db
38 changed files with 12432 additions and 39 deletions
@@ -0,0 +1,142 @@
+// components/marketplace.el - Marketplace section.
+// Explains the plugin marketplace - what it is, how it works, coming soon.
+
+fn marketplace() -> String {
+    return "
+<section id=\"marketplace\" aria-label=\"Neuron Marketplace\">
+  <div class=\"container\">
+
+    <div class=\"marketplace-header\">
+      <div class=\"marketplace-label-row reveal\">
+        <div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
+        <span class=\"label\" style=\"color:var(--navy-85)\">Marketplace</span>
+        <div style=\"margin-left:1rem;background:rgba(0,82,160,.1);color:var(--navy);font-family:var(--body);font-size:0.65rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:2px\">Coming soon</div>
+      </div>
+
+      <h2 class=\"display-lg reveal\" style=\"transition-delay:80ms;max-width:38rem\">
+        Extend Neuron.<span class=\"gold\" style=\"display:block\">Build for it.</span>
+      </h2>
+      <p class=\"reveal\" style=\"transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem;margin-top:1.25rem\">
+        Neuron does one thing exceptionally well: it knows you. The Marketplace extends what it can do with that knowledge - connecting it to your tools, your workflows, and capabilities built by people who understand your domain better than any general-purpose AI ever will.
+      </p>
+    </div>
+
+    <div class=\"marketplace-grid reveal\" style=\"transition-delay:200ms\">
+
+      <div class=\"marketplace-card card-dark\">
+        <div class=\"marketplace-card-icon\">
+          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
+            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"/><path d=\"M2 17l10 5 10-5\"/><path d=\"M2 12l10 5 10-5\"/>
+          </svg>
+        </div>
+        <h3 class=\"display-md marketplace-card-title\">Plugins that know you</h3>
+        <p class=\"marketplace-card-body\">Every plugin in the Marketplace has access to your memory graph - with your permission. A legal plugin knows your deal history. A coding plugin knows your architecture decisions. An email plugin knows your relationships and communication style. The context travels with you.</p>
+      </div>
+
+      <div class=\"marketplace-card card-dark\" style=\"transition-delay:120ms\">
+        <div class=\"marketplace-card-icon\">
+          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
+            <circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4l3 3\"/>
+          </svg>
+        </div>
+        <h3 class=\"display-md marketplace-card-title\">Built by domain experts</h3>
+        <p class=\"marketplace-card-body\">General AI is good at general things. The Marketplace is for specialists. The person building a plugin for contract attorneys or orthopedic surgeons or professional traders isn&#39;t us. It&#39;s someone who has spent years in that world. We give them the platform. They bring the depth.</p>
+      </div>
+
+      <div class=\"marketplace-card card-dark\" style=\"transition-delay:240ms\">
+        <div class=\"marketplace-card-icon\">
+          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
+            <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"/>
+          </svg>
+        </div>
+        <h3 class=\"display-md marketplace-card-title\">Revenue for builders</h3>
+        <p class=\"marketplace-card-body\">Developers earn recurring revenue when users install their plugins. We handle billing, distribution, and the infrastructure. You handle the product. Every plugin that ships earns you a share of every subscription for as long as that user stays. Build once, earn indefinitely.</p>
+      </div>
+
+    </div>
+
+    <div class=\"marketplace-categories reveal\" style=\"transition-delay:320ms\">
+      <p class=\"label\" style=\"margin-bottom:1.5rem;color:var(--navy-65)\">Planned on launch</p>
+      <div class=\"marketplace-tags\">
+        <span class=\"marketplace-tag\">IDE (VS Code, Cursor)</span>
+        <span class=\"marketplace-tag\">Slack &amp; Teams</span>
+        <span class=\"marketplace-tag\">GitHub</span>
+        <span class=\"marketplace-tag\">Linear</span>
+        <span class=\"marketplace-tag\">Notion</span>
+        <span class=\"marketplace-tag\">Legal research</span>
+        <span class=\"marketplace-tag\">Financial analysis</span>
+        <span class=\"marketplace-tag\">Healthcare</span>
+        <span class=\"marketplace-tag\">More by launch</span>
+      </div>
+    </div>
+
+    <div class=\"marketplace-cta reveal\" style=\"transition-delay:400ms\">
+      <div class=\"marketplace-cta-inner\">
+        <div>
+          <p style=\"font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:0.5rem\">Building something?</p>
+          <p style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.6\">The developer program opens before the Marketplace does. If you&#39;re interested in building a plugin, get in touch early - early developers shape the API.</p>
+        </div>
+        <a href=\"mailto:developers@neurontechnologies.ai\" class=\"btn-ghost\" style=\"white-space:nowrap;flex-shrink:0\">Developer interest &rarr;</a>
+      </div>
+    </div>
+
+  </div>
+</section>
+
+<style>
+  #marketplace { padding: 6rem 0; }
+  .marketplace-header { margin-bottom: 4rem; }
+  .marketplace-label-row { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; }
+  .marketplace-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1.5rem;
+    margin-bottom: 3rem;
+  }
+  @media (max-width: 900px) { .marketplace-grid { grid-template-columns: 1fr; } }
+  .marketplace-card {
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+  .marketplace-card-icon {
+    width: 2.5rem;
+    height: 2.5rem;
+    color: var(--navy);
+    opacity: 0.7;
+  }
+  .marketplace-card-title { margin: 0; }
+  .marketplace-card-body {
+    font-family: var(--body);
+    font-weight: 300;
+    font-size: 0.875rem;
+    color: var(--t2);
+    line-height: 1.75;
+    margin: 0;
+  }
+  .marketplace-categories { margin-bottom: 3rem; }
+  .marketplace-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; }
+  .marketplace-tag {
+    font-family: var(--body);
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--t2);
+    background: rgba(0,82,160,.06);
+    border: 1px solid rgba(0,82,160,.12);
+    padding: 0.375rem 0.875rem;
+    letter-spacing: 0.02em;
+  }
+  .marketplace-cta-inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 2rem;
+    padding: 2rem 2.5rem;
+    border: 1px solid rgba(0,82,160,.18);
+    background: rgba(0,82,160,.02);
+  }
+  @media (max-width: 640px) { .marketplace-cta-inner { flex-direction: column; align-items: flex-start; } }
+</style>
+"
+}