Rewrite landing to El component architecture
Full El component split: nav, hero, pillars, inference, pricing, footer, about, enterprise, mission, viral, local_first, comparison, efficiency, environmental. - About page rewritten first-person (Will's voice), photo included, no product spoilers - Stripe checkout wired: env() reads STRIPE_SECRET_KEY/PRICE_* at startup - Minor parent-onboarding callout added to pricing section - Inference pricing: "at cost" removed, now "priced below competitors" - Nav: wordmark image, About link active on /about - .gitignore: excludes .env, dist/, generated HTML
This commit is contained in:
Will Anderson
@@ -0,0 +1,97 @@
|
||||
// components/viral.el — Share / referral section.
|
||||
// Referral link card, invite form (mailto: href, no JS required),
|
||||
// copy hooks (links to X/Twitter), and LinkedIn share button.
|
||||
// The "Copy" buttons on the hook items are omitted since we have no JS —
|
||||
// the tweet links still work, giving users a way to share.
|
||||
|
||||
fn viral() -> String {
|
||||
return "
|
||||
<section id=\"share\" aria-label=\"Share Neuron\">
|
||||
<div class=\"container\">
|
||||
|
||||
<div class=\"navy-line\" style=\"margin-bottom:5rem\"></div>
|
||||
|
||||
<div class=\"share-label-row reveal\">
|
||||
<div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
|
||||
<span class=\"label\">Share</span>
|
||||
</div>
|
||||
<h2 class=\"display-lg share-headline reveal\" style=\"transition-delay:80ms\">Share this with someone who'd get it.</h2>
|
||||
|
||||
<div class=\"share-grid\">
|
||||
|
||||
<div style=\"display:flex;flex-direction:column;gap:1.5rem\">
|
||||
|
||||
<div class=\"share-card card-dark reveal\">
|
||||
<p class=\"share-card-label\">Your referral link</p>
|
||||
<p class=\"share-card-body\">Earn 3 months free when a friend signs up using your link. Your unique referral code lives in your account.</p>
|
||||
<a href=\"https://neurontechnologies.ai/account\" class=\"btn-primary\" style=\"padding:.75rem 1.25rem\">Get your referral link →</a>
|
||||
</div>
|
||||
|
||||
<div class=\"share-card card-dark reveal\" style=\"transition-delay:130ms\">
|
||||
<p class=\"share-card-label\">Invite a friend</p>
|
||||
<p class=\"share-card-body\">Know someone who'd get it?</p>
|
||||
<form class=\"invite-form\" action=\"#\" method=\"get\" onsubmit=\"return false\">
|
||||
<input
|
||||
type=\"email\"
|
||||
name=\"email\"
|
||||
class=\"invite-input\"
|
||||
placeholder=\"their@email.com\"
|
||||
required
|
||||
aria-label=\"Friend's email address\"
|
||||
id=\"invite-email-field\"
|
||||
>
|
||||
<a
|
||||
href=\"mailto:?subject=You%20should%20try%20this%20AI&body=I%27ve%20been%20using%20an%20AI%20that%20actually%20remembers%20me%20%E2%80%94%20not%20just%20the%20session%2C%20but%20me.%20It%20builds%20a%20memory%20graph%20over%20time%20and%20compounds%20with%20you%20the%20longer%20you%20use%20it.%0A%0ACheck%20it%20out%3A%20https%3A%2F%2Fneurontechnologies.ai\"
|
||||
class=\"invite-submit\"
|
||||
style=\"display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.25rem;text-decoration:none;\"
|
||||
>Send invite</a>
|
||||
</form>
|
||||
<p class=\"invite-note\">Opens your email client with a pre-written message</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class=\"share-card card-dark reveal\" style=\"transition-delay:260ms;display:flex;flex-direction:column\">
|
||||
<p class=\"share-card-label\">Ready to share</p>
|
||||
<p class=\"share-card-body\">Copy and paste, or share directly.</p>
|
||||
|
||||
<div style=\"flex:1\">
|
||||
|
||||
<div class=\"hook-item\">
|
||||
<p class=\"hook-text\">Every AI I'd used forgot me the moment I closed the tab. This one doesn't. It compounds. neurontechnologies.ai</p>
|
||||
<div class=\"hook-actions\">
|
||||
<a class=\"hook-btn\" href=\"https://twitter.com/intent/tweet?text=Every%20AI%20I%27d%20used%20forgot%20me%20the%20moment%20I%20closed%20the%20tab.%20This%20one%20doesn%27t.%20It%20compounds.%20neurontechnologies.ai\" target=\"_blank\" rel=\"noopener\">X</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=\"hook-item\">
|
||||
<p class=\"hook-text\">One person built this in 72 hours after a Big Tech meeting went sideways. The AI that remembers you. neurontechnologies.ai</p>
|
||||
<div class=\"hook-actions\">
|
||||
<a class=\"hook-btn\" href=\"https://twitter.com/intent/tweet?text=One%20person%20built%20this%20in%2072%20hours%20after%20a%20Big%20Tech%20meeting%20went%20sideways.%20The%20AI%20that%20remembers%20you.%20neurontechnologies.ai\" target=\"_blank\" rel=\"noopener\">X</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=\"hook-item\">
|
||||
<p class=\"hook-text\">Your AI runs on your machine, knows your full history, and gets sharper the longer you use it. No cloud. neurontechnologies.ai</p>
|
||||
<div class=\"hook-actions\">
|
||||
<a class=\"hook-btn\" href=\"https://twitter.com/intent/tweet?text=Your%20AI%20runs%20on%20your%20machine%2C%20knows%20your%20full%20history%2C%20and%20gets%20sharper%20the%20longer%20you%20use%20it.%20No%20cloud.%20neurontechnologies.ai\" target=\"_blank\" rel=\"noopener\">X</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<a href=\"https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fneurontechnologies.ai\"
|
||||
target=\"_blank\" rel=\"noopener\"
|
||||
class=\"linkedin-share-btn\">
|
||||
<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"/></svg>
|
||||
Share on LinkedIn
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=\"container\" style=\"margin-top:5rem\"><div class=\"navy-line\"></div></div>
|
||||
</section>
|
||||
"
|
||||
}
|
||||
Reference in New Issue
Block a user