Startup Landing Page
Minimal landing page for an early-stage startup: hero, features, pricing.
Install
npx webberui@latest add "https://webberui.com/r/startup-landing.en.json?t=<install token>"The whole page lands in app/templates/startup-landing/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav Bar and Hero
Sticky nav bar over an aurora background, a hand-underlined headline and a waitlist input, plus a mock daily-report window card.
hero - 2
Trust Marquee
An infinite marquee of brand names showing that over 1,200 remote teams are already waiting.
misc - 3
Three Core Values and Metrics
Three cards on ending meetings, syncing across time zones and AI summaries, followed by a three-column metrics row.
features - 4
What We Believe
A large pull quote that lights up word by word on scroll, making the case for deep focus and against the cost of meetings.
content - 5
Product Peek
Three benefits of writing a daily report in 30 seconds on the left; a parallax-floating composer window on the right.
product - 6
Pricing and Waitlist
A forever-free plan for early teams, with a waitlist form and success animation inside the card on the right.
pricing - 7
Final Call to Action
Oversized headline and waitlist input inside a gradient-glow card, closing the page's conversion path.
cta - 8
Footer
Wordmark, four navigation columns and a copyright row, marked Taipei and remote-first.
footer
Startup Landing Page is a React startup landing page template: hero, trust bar, core values with numbers, a narrative section, a product peek and a waitlist signup. It is built with Next.js App Router, Tailwind CSS and Motion.
When to use it
- Pre-launch page for an early-stage startup
- Waitlist or early-access signup pages
- Standalone launch pages for a new feature or product line
- Product sites for hackathon or student projects
What to change after installing
- The main color is the `ACCENT` constant at the top of page.tsx (default `#FF5C39`); changing it recolors every accent on the page.
- Value props, steps and numbers are in the `CORE_VALUES`, `FLOW_STEPS` and `METRICS` arrays; trust-bar company names are in `LOGOS`.
- The waitlist form (`InlineWaitlist`) only checks the email format and shows a success state in the browser; it sends nothing, so wire `handleSubmit` to your own list service or API.
- The product peek screen is `ComposeMock`; replace it with your product's UI or a screenshot.
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →