Add Hop logo and an explanatory public landing page

Hop-State: A_06FN4GBGQFKPXH5B5MK4P0R
Hop-Proposal: R_06FN4GAZCEER9W65XJTCVJG
Hop-Task: T_06FN4FT3436TX5AV35QM4RR
Hop-Attempt: AT_06FN4FT3401X9BHCJVKT52G
This commit is contained in:
Hop
2026-07-11 10:37:28 -07:00
parent 8115847b32
commit ae2ffae36d
7 changed files with 122 additions and 10 deletions
+66
View File
@@ -0,0 +1,66 @@
{{template "base/head" .}}
<main role="main" aria-label="Hop — prompt-native software development" class="page-content hop-home">
<section class="hop-hero">
<div class="hop-hero-copy">
<p class="hop-eyebrow">The prompt-native forge</p>
<h1>Turn a clear outcome into accepted, verified work.</h1>
<p class="hop-lede">Hop gives people and AI agents one shared workflow for building software: state the goal, run isolated attempts, review the evidence, and accept the result.</p>
<div class="hop-actions">
{{if .IsSigned}}
<a class="ui primary button" href="{{AppSubUrl}}/repo/create">Create a repository</a>
<a class="ui basic button" href="{{AppSubUrl}}/explore/repos">Explore work</a>
{{else}}
<a class="ui primary button" href="{{AppSubUrl}}/user/sign_up">Get started</a>
<a class="ui basic button" href="#how-it-works">See how it works</a>
{{end}}
</div>
</div>
<div class="hop-hero-mark" aria-hidden="true">
<img src="{{AssetUrlPrefix}}/assets/img/hop.svg" width="180" height="180" alt="">
<div class="hop-state-card"><span class="hop-state-dot"></span><span>Outcome ready for review</span></div>
</div>
</section>
<section class="hop-intro" aria-labelledby="hop-intro-title">
<p class="hop-eyebrow">A better unit of collaboration</p>
<h2 id="hop-intro-title">Software work begins with intent, not a branch.</h2>
<p>Git remains the durable home for your files. Hop makes the work around those files legible: what was asked for, who attempted it, what was checked, and which outcome became shared truth.</p>
</section>
<section class="hop-benefits" aria-label="Why use Hop">
<article>
<div class="hop-number">01</div>
<h2>Keep the why attached</h2>
<p>Each task starts with the requested outcome and retains its causal context, so nobody has to reconstruct intent from a terminal history.</p>
</article>
<article>
<div class="hop-number">02</div>
<h2>Try work without collisions</h2>
<p>Human and agent attempts run in isolated workspaces. Compare different approaches without putting your main line at risk.</p>
</article>
<article>
<div class="hop-number">03</div>
<h2>Review proof, not promises</h2>
<p>Checks are bound to immutable checkpoints, making it clear exactly what was verified before a proposal is accepted.</p>
</article>
</section>
<section class="hop-flow" id="how-it-works" aria-labelledby="how-it-works-title">
<div class="hop-flow-heading">
<p class="hop-eyebrow">How Hop works</p>
<h2 id="how-it-works-title">A calm, visible path from request to shared truth.</h2>
</div>
<ol>
<li><span>1</span><div><h3>Open a task</h3><p>Describe the outcome you need in plain language.</p></div></li>
<li><span>2</span><div><h3>Launch an attempt</h3><p>Work yourself, direct an agent, or run both approaches side by side.</p></div></li>
<li><span>3</span><div><h3>Inspect the evidence</h3><p>Review diffs, checkpoints, and the checks attached to them.</p></div></li>
<li><span>4</span><div><h3>Accept the outcome</h3><p>Choose the verified proposal that should become the shared state.</p></div></li>
</ol>
</section>
<section class="hop-closing">
<div><p class="hop-eyebrow">Ready when you are</p><h2>Build with agents without losing the thread.</h2></div>
{{if .IsSigned}}<a class="ui primary button" href="{{AppSubUrl}}/repo/create">Start a repository</a>{{else}}<a class="ui primary button" href="{{AppSubUrl}}/user/sign_up">Create your account</a>{{end}}
</section>
</main>
{{template "base/footer" .}}