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 ⭐️

If you haven't already, clone the repo and run the server locally. See the Get Started tutorial.

Delete everything in /src/app/pages/home.component.html, and paste this:

home.component.html

<app-header></app-header>
<main>
  <app-hero></app-hero>
  <app-problem></app-problem>
  <app-features-accordion></app-features-accordion>
  <app-pricing></app-pricing>
  <app-faq></app-faq>
  <app-cta></app-cta>
</main>
<app-footer></app-footer>

Edit the copy to fit your business logic. Each component has tips to help you write copy that sells—see components section. Congrats you have a beautiful landing page to show!
(Optional) To collect emails for a waitlist, set up a database.

(Optional) Replace the main call-to-action button in app-hero, app-pricing, and app-cta with this:

hero-docs.component.html

...
  </div>

  {/* For the Hero & CTA use this 👇 */}
  <app-button-lead />

  {/* For the Pricing use this instead 👇 */}
  <app-button-lead extraStyle="!max-w-none !w-full" />

  <div>
  ...

It's time to deploy! If you need help, here's a simple tutorial

Join the Leaderboards to feature your app and stay motivated! You can also become an affiliate and earn 30% per sale.

Congrats on crushing the first steps, legend!

Tutorials Ship in 5 minutes

TutorialsShip in 5 minutes