# Build a SaaS

With Shipped you get a solid starting point to build your own SaaS (Software as a Service).\
\
Shipped comes with subscription plan support and subscription lifecycle built-in (Lemon Squeezy webhooks).

To create a SaaS landing page, open `src/app/page.tsx` and paste this:

```typescript
import { CtaBox } from "@/components/CtaBox/CtaBox";
import { ExplainerVideo } from "@/components/ExplainerVideo/ExplainerVideo";
import { FAQ } from "@/components/FAQ/FAQ";
import { Features } from "@/components/Features/Features";
import { Footer } from "@/components/Footer/Footer";
import { Header } from "@/components/Header/Header";
import { Hero } from "@/components/Hero/Hero";
import { Pricing } from "@/components/Pricing/Pricing";
import { Testimonials } from "@/components/Testimonials/Testimonials";

export default function Home() {
  return (
    <>
      <Header />
      <main className="">
        <Hero />
        <ExplainerVideo />
        <Features />
        <Testimonials />
        <Pricing />
        <FAQ />
        <CtaBox />
      </main>
      <Footer />
    </>
  );
}
```

You'll get a strong foundational landing page with all the blocks you need to convince people to sign up and buy your product.\
\
Hero section, Explainer Video (record yourself demoing the product — I suggest [ScreenStudio](https://screenstudio.lemonsqueezy.com/?aff=O9Xdy) for screen recording), Features, Testimonials, Pricing, FAQs, Call To Action.

<figure><img src="https://3985976695-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT3t4pDs63s3Soj1JetJw%2Fuploads%2FjfH6dGCuQVO5vXQTcq1n%2Fsaas_page.gif?alt=media&#x26;token=d18646a8-a054-4135-a33c-d08631bb760e" alt=""><figcaption><p>SaaS landing page</p></figcaption></figure>

At this point, you just need to configure the subscription plans on Lemon Squeezy and configure Shipped. See the [Pricing component docs](https://docs.shipped.club/components/pricing).
