---
title: Marketing Landing Page
description: A complete marketing landing page built from WireKit components alone — navbar, hero, feature grid, pricing, FAQ and footer.
visibility: guest
draft: false
---
# Recipe — Marketing Landing Page
A complete marketing landing page assembled entirely from WireKit components. Twelve sections — navbar, hero, logo cloud, feature grid, two alternating detail blocks, stats, testimonials, pricing, FAQ, final call-to-action, footer — every one a chrome-vs-content surface with edge-to-edge background and content centered to the same `max="xl"` spine. No stylesheet and no class names of its own: every visible element is a WireKit primitive, and the six inline styles on the page are one-off layout values (a `max-width`, a `flex`) rather than anything a token already expresses.
If you're new to WireKit and need ONE worked example to copy-paste-and-tweak for a launch-ready marketing site, this is it.
## Minimum Viable Marketing Page
:::preview{title="Full marketing landing page composition" wide}
FeaturesPricingFAQDocsSign inGet startedNew — Edge runtime v2Ship faster, in less time.
Acme halves your time-to-deploy. Push to Git and we handle build, global distribution, rollback, and observability — automatically, in under a second. No YAML deserts, no pipeline maintenance.
Get started — it's freeView on GitHubTRUSTED BY ENGINEERING TEAMS ATWHY ACMEEverything you need to ship. Nothing you don't.Three pillars, one platform. No plugin sprawl, no hidden add-ons.
Sub-second deploys straight from your git push. Edge cache warm in 200 ms.
99.99% uptime with automatic regional failover across 14 edge locations.
SOC 2 Type II audited. Zero-trust by default. SSO, audit logs, BYOK encryption.
DEPLOY PIPELINEFrom git push to global edge in under 800 ms.
Classic CI/CD pipelines burn minutes on build queues, sequential stages, and artifact uploads. Acme parallelizes every stage and uses a content-addressable cache that only rebuilds what actually changed.
The result: 92% of deploys hit cache; the rest build incrementally. No YAML, no worker configuration — the pipeline derives itself from your package.json.
Parallel builds — frontend, API, and worker compile concurrently.Atomic rollbacks — one click that takes database schemas with it.Preview URLs per PR — with isolated DB and seed data.How our build cache works →$ git push origin main
→ Detected changes in src/api/*
→ Cache hit on frontend (skipped)
→ Building api... done (412 ms)
→ Deploying to 14 edge regions...
✓ Live at acme.app (total: 781 ms)OBSERVABILITYLogs, traces, metrics. All three. Built-in.
Stop paying the tool tax: Datadog, Sentry, Logflare, Grafana — each one its own bill, its own login, its own query language. Acme writes logs, traces, and metrics into one store and makes them searchable through a single query surface.
30-day retention on the Hobby tier, 90 days on Pro. PII fields are automatically masked before they're persisted.
Read the observability docs →LOVED BY BUILDERSWhat teams say after switchingWe cut our deploy time from 6 minutes to under a second. The team actually wants to deploy on Fridays now.Casey LinStaff Engineer, LumenizeWe replaced three different tools with one. Our infra bill dropped 70% and incidents dropped to near zero. The migration took an afternoon, not a quarter.Priya SandhuCTO, RouterlyThe preview-per-PR feature alone is worth it. Designers can review without us spinning up a staging environment.Tomás ReyesTech Lead, TessellatePRICINGSimple, transparent pricing.Pay for what you use. No negotiation, no "Contact Sales" walls.HobbyFor personal projects and prototypes./forever100 GB bandwidth1 concurrent buildCommunity support30-day log retentionFree SSL certificatesStart freeProMost popularFor teams that ship professionally./user/month1 TB bandwidth10 concurrent buildsEmail + chat support90-day log retentionCustom domains, SSLStart 14-day trialEnterpriseFor regulated industries and large teams.CustomUnlimited bandwidthSSO / SAML / SCIMDedicated Slack channel99.99% uptime SLAOn-premise optionTalk to salesFAQFrequently asked questions
The median is 781 ms (P50); the 95th percentile is 1.4 s. On cache miss (large dependency updates, fresh clones), a deploy can take up to 8 s. All numbers are published live on status.acme.app.
Our CLI reads your existing vercel.json or netlify.toml and translates it automatically — no manual config rewrites.
Yes. Next.js 15, Remix v3, Astro v5, and SvelteKit 2 run out of the box. Streaming SSR and React Server Components execute natively at the edge.
EU workspaces store exclusively in Frankfurt (eu-central-1); US workspaces in Virginia. You can pin region per project. We're SOC 2 Type II, ISO 27001, and GDPR compliant.
Yes. The Hobby plan is free forever, with no credit card. We only cap bandwidth (100 GB / month) and concurrent builds.
Ship faster today.
14-day Pro trial, then $0 forever on the Hobby plan. No credit card, no sales calls.
Start free trial →
` link groupings inside the footer's `columns` slot, which match the canonical layout for the footer's four-column grid. Replace the placeholder copy + logo asset with your own.
:::source{language="blade"}
{{-- resources/views/marketing/landing.blade.php --}}
Acme — Ship faster, in less time.
@vite('resources/css/app.css')
@wirekitStyles
{{-- Navbar — sticky, container-wrapped content + 4 nav items
+ ghost Sign in + primary Get started. The `container max="xl"`
pair keeps the brand-bar-style chrome edge-to-edge while
aligning the brand + nav items with the body content spine. --}}
FeaturesPricingFAQDocsSign inGet started
{{-- Hero — eyebrow badge, title, lede paragraph, dual CTA --}}
New — Edge runtime v2Ship faster, in less time.
Acme halves your time-to-deploy. Push to Git and we handle build, global distribution, rollback, and observability — automatically, in under a second.
Get started — it's freeView on GitHub
{{-- Logo cloud — social proof above the fold --}}
TRUSTED BY ENGINEERING TEAMS AT
{{-- Feature grid — 3 icon-led cards on a muted-tinted band --}}
WHY ACMEEverything you need to ship. Nothing you don't.Three pillars, one platform. No plugin sprawl, no hidden add-ons.
Sub-second deploys straight from your git push. Edge cache warm in 200 ms.
99.99% uptime with automatic regional failover across 14 edge locations.
SOC 2 Type II audited. Zero-trust by default. SSO, audit logs, BYOK encryption.
{{-- Detail feature 1 — text left, code-block right --}}
DEPLOY PIPELINEFrom git push to global edge in under 800 ms.
Classic CI/CD pipelines burn minutes on build queues, sequential stages, and artifact uploads. Acme parallelizes every stage and uses a content-addressable cache that only rebuilds what actually changed.
Parallel builds — frontend, API, and worker compile concurrently.Atomic rollbacks — one click that takes database schemas with it.Preview URLs per PR — with isolated DB and seed data.How our build cache works →$ git push origin main
→ Detected changes in src/api/*
→ Cache hit on frontend (skipped)
→ Building api... done (412 ms)
→ Deploying to 14 edge regions...
✓ Live at acme.app (total: 781 ms)
{{-- Stats — 3 metrics with semantically colored sparklines on a
diagonal dark gradient. Sparkline strokes are tokens, and the
neutral one is mixed against --color-wk-text-inverse because
dark gradient regardless of light/dark theme. --}}
{{-- Observability — the third feature section, mirrored from the preview --}}
OBSERVABILITYLogs, traces, metrics. All three. Built-in.
Stop paying the tool tax: Datadog, Sentry, Logflare, Grafana — each one its own bill, its own login, its own query language. Acme writes logs, traces, and metrics into one store and makes them searchable through a single query surface.
30-day retention on the Hobby tier, 90 days on Pro. PII fields are automatically masked before they're persisted.
Read the observability docs →
{{-- Testimonials — 3 cards with blockquote + avatar + name + role --}}
LOVED BY BUILDERSWhat teams say after switchingWe cut our deploy time from 6 minutes to under a second. The team actually wants to deploy on Fridays now.Casey LinStaff Engineer, LumenizeWe replaced three different tools with one. Our infra bill dropped 70% and incidents dropped to near zero. The migration took an afternoon, not a quarter.Priya SandhuCTO, RouterlyThe preview-per-PR feature alone is worth it. Designers can review without us spinning up a staging environment.Tomás ReyesTech Lead, Tessellate
{{-- Pricing — 3 tiers, middle one carries a "Most popular" badge --}}
PRICINGSimple, transparent pricing.HobbyFor personal projects and prototypes./forever100 GB bandwidth1 concurrent buildCommunity support30-day log retentionFree SSL certificatesStart freeProMost popularFor teams that ship professionally./user/month1 TB bandwidth10 concurrent buildsEmail + chat support90-day log retentionCustom domains, SSLStart 14-day trialEnterpriseFor regulated industries and large teams.CustomUnlimited bandwidthSSO / SAML / SCIMDedicated Slack channel99.99% uptime SLAOn-premise optionTalk to sales
{{-- FAQ — native ; tight container width
keeps the accordion from re-centering when items expand. --}}
FAQFrequently asked questions
The median is 781 ms (P50); the 95th percentile is 1.4 s. On cache miss, a deploy can take up to 8 s. All numbers are published live on status.acme.app.
Our CLI reads your existing vercel.json or netlify.toml and translates it automatically — no manual config rewrites.
Yes. Next.js 15, Remix v3, Astro v5, and SvelteKit 2 run out of the box. Streaming SSR and React Server Components execute natively at the edge.
EU workspaces store exclusively in Frankfurt (eu-central-1); US workspaces in Virginia. You can pin region per project. We're SOC 2 Type II, ISO 27001, and GDPR compliant.
Yes. The Hobby plan is free forever, with no credit card. We only cap bandwidth (100 GB / month) and concurrent builds.
{{-- Final CTA — single dark banner, one button (neutral filled on the dark surface) --}}
Ship faster today.14-day Pro trial, then $0 forever on the Hobby plan. No credit card, no sales calls.Start free trial →
{{-- Footer — 4-column link grid + a single copyright line +
legal links on the bottom row (no logo / brand re-print). --}}