735d8a48ee
Founder review pass on the landing page, plus commit the landing-page research/spec docs under features/lp. Branding & assets: - New PCBJam mark: convert the jam-jar image to favicon.svg (trimmed, rounded tile) and use it in the browser tab, header, and footer. - Footer "Built by": flower mark + "Emergence Engineering" in white Oswald (the blog's title font, self-hosted via @fontsource) so it's legible on dark. - Produce the positioning quadrant graphic (public/graphics) and drop the placeholder. Copy / accuracy: - Remove header GitHub link; point "Built by EE" + footer "About" to emergence-engineering.com; Built-by CTA -> mailto:contact@emergence-engineering.com. - Replace the wrong testimonial with Greg Detre's real quote from EE's site. - Drop blog icons from Multiplayer/Pillars/How-it-works; add "Coming soon" to live-cursors & pin-comment; drop the hard-coded Yjs mention. - Rework monetization to free+local / paid cloud-sync; remove "no metered AI", "no per-seat toll", and the Flux price claim; soften the AI section. - Reframe waitlist copy (incl. confirmation email) to newsletter + early access. Fixes: - Offset only #waitlist for the sticky header (scroll-margin-top); section anchors keep their original behavior. Docs: - Commit features/lp (copy spec, brand guide, competitive research) via force-add over the /features/ gitignore. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
44 lines
1.3 KiB
Text
44 lines
1.3 KiB
Text
---
|
|
import SectionBand from '../components/SectionBand.astro';
|
|
import Step from '../components/Step.astro';
|
|
---
|
|
|
|
<SectionBand id="how-it-works" labelledby="hiw-h2">
|
|
<div class="section-head">
|
|
<h2 id="hiw-h2">From link to layout in three moves.</h2>
|
|
</div>
|
|
<div class="steps">
|
|
<Step n={1} title="Open a board.">
|
|
Paste a link, drag in a <code>.kicad_pcb</code>, or pull from GitHub. It opens in seconds —
|
|
no install, no account wall to <em>look</em>.
|
|
</Step>
|
|
<Step n={2} title="Start a jam.">
|
|
Share the URL. Teammates join with live cursors and presence. Everyone sees the same
|
|
board update in real time.
|
|
</Step>
|
|
<Step n={3} title="Design, route & export — together.">
|
|
Schematic capture, PCB layout, DRC/ERC, 3D, BOM, and Gerbers — the full flow, then hand
|
|
off to any fab. Your call.
|
|
</Step>
|
|
</div>
|
|
</SectionBand>
|
|
|
|
<style>
|
|
.steps {
|
|
display: grid;
|
|
gap: 1.5rem;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.steps :global(code) {
|
|
font-family: var(--font-mono);
|
|
font-size: 0.9em;
|
|
background: color-mix(in srgb, var(--bg-soft) 70%, transparent);
|
|
padding: 0.05rem 0.3rem;
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
@media (max-width: 760px) {
|
|
.steps {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|