Documented logoDocumented

TutorialsShip in 5 minutes

Let's get your startup in front of your customers in 5 minutes ⚡️

We're building a beautiful landing page and adding forms to collect emails for a waitlist (optional)

Finish this tutorial to be featured on our homepage ⭐️

  1. If you haven't already, clone the repo and run the server locally. See the Get Started tutorial.
  2. Delete everything in /app/page.js, and paste this:

/app/page.js

1import { Suspense } from 'react'
2import Header from "@/components/Header";
3import Hero from "@/components/Hero";
4import Problem from "@/components/Problem";
5import FeaturesAccordion from "@/components/FeaturesAccordion";
6import Pricing from "@/components/Pricing";
7import FAQ from "@/components/FAQ";
8import CTA from "@/components/CTA";
9import Footer from "@/components/Footer";
10
11export default function Home() {
12  return (
13    <>
14      <Suspense>
15        <Header />
16      </Suspense>
17      <main>
18        <Hero />
19        <Problem />
20        <FeaturesAccordion />
21        <Pricing />
22        <FAQ />
23        <CTA />
24      </main>
25      <Footer />
26    </>
27  );
28}