Components
Composing a page from React sections
We earn commissions when you shop through the links below.
The React section library is copy-paste blocks with a shared stylesheet. A page is the sections you import, in order.
The 50 Premium React Sections pack is not an app. Each block is a component plus stylesheet rules for spacing and type. You copy the section into a marketing page and render them in order: hero, then pricing, then FAQ, or whichever sequence the page needs.
Pricing in the library is presentational. A Free / Pro / Team example is layout, not a Stripe integration. The FAQ example answers “Is this a subscription?” with “No. One payment.” That line is about the section pack, not a billing system. Subscriptions live in the Stripe Subscription Starter and the guides under Stripe subscriptions with Next.js.
Keep the shared spacing. Dropping one section’s margins makes the next section collide. The file layout is reusable React landing-page sections.
A launch page can use these sections above the waitlist form from the Waitlist / Launch Kit. The form is not one of the fifty sections.