Skip to content

Commit e94748f

Browse files
feat(homepage): promote the 'Sixty seconds' wedge walkthrough (#26)
Add a callout card below the use-cases grid pointing at the new sixty-seconds-one-prompt-one-working-app blog post. The post is the concrete demonstration of the bundle's value prop and was previously only reachable via /blog. Hover treatment + green accent line up with the existing mkt-uc-card visual language.
1 parent c90c951 commit e94748f

1 file changed

Lines changed: 52 additions & 0 deletions

File tree

src/pages/MarketingPage.tsx

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -378,6 +378,21 @@ export function MarketingPage() {
378378
See all {USE_CASES.length} use cases →
379379
</a>
380380
</div>
381+
382+
{/* Wedge-walkthrough callout — the new "Sixty seconds…" post is the
383+
concrete demonstration of "spin up an app in one prompt." Promoted
384+
here so visitors don't have to find it through /blog. */}
385+
<a href="/blog/sixty-seconds-one-prompt-one-working-app" className="mkt-wedge-callout">
386+
<span className="mkt-wedge-eyebrow">Build note · 4 min read</span>
387+
<span className="mkt-wedge-title">
388+
Sixty seconds, one prompt, one working app
389+
</span>
390+
<span className="mkt-wedge-body">
391+
Devika, a non-developer, asked her agent to build an expense tracker.
392+
Postgres + FastAPI + a real HTTPS URL. Three curls and the build
393+
took 90 seconds — including the deploy. Read the walkthrough →
394+
</span>
395+
</a>
381396
</div>
382397
</section>
383398

@@ -1123,6 +1138,43 @@ const MKT_CSS = `
11231138
margin-top: 8px;
11241139
}
11251140
1141+
/* Wedge walkthrough callout — sits below the use-cases grid */
1142+
.mkt-wedge-callout {
1143+
display: flex;
1144+
flex-direction: column;
1145+
gap: 8px;
1146+
margin-top: 36px;
1147+
padding: 24px 28px;
1148+
border: 1px solid var(--border-hi);
1149+
border-radius: 12px;
1150+
background: linear-gradient(135deg, rgba(0, 228, 142, 0.04), transparent 60%);
1151+
text-decoration: none;
1152+
color: inherit;
1153+
transition: border-color 120ms, transform 120ms;
1154+
}
1155+
.mkt-wedge-callout:hover {
1156+
border-color: var(--accent);
1157+
transform: translateY(-1px);
1158+
}
1159+
.mkt-wedge-eyebrow {
1160+
font-family: var(--font-mono);
1161+
font-size: 11px;
1162+
text-transform: uppercase;
1163+
letter-spacing: 0.06em;
1164+
color: var(--accent);
1165+
}
1166+
.mkt-wedge-title {
1167+
font-size: 19px;
1168+
font-weight: 500;
1169+
letter-spacing: -0.01em;
1170+
color: var(--text);
1171+
}
1172+
.mkt-wedge-body {
1173+
font-size: 14px;
1174+
color: var(--text-dim);
1175+
line-height: 1.55;
1176+
}
1177+
11261178
/* ---------- pricing ---------- */
11271179
.mkt-pricing {
11281180
display: grid;

0 commit comments

Comments
 (0)