Ship Mode => ON ⚡️

Let's ship your SaaS app

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

We're building a beautiful landing page with pre-built components

Quick steps:

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

app/(marketing)/page.tsx

import Hero from "@/components/sections/hero";
import BentoGrid from "@/components/sections/bento-grid";
import FeaturesTabs from "@/components/sections/features-tabs";
import Pricing from "@/components/sections/pricing";
import HowItWorks from "@/components/sections/how-it-works";
import Problem from "@/components/sections/problem";
import TrustedBy from "@/components/sections/trusted-by";
import WallOfLove from "@/components/sections/wall-of-love";
import Carousel from "@/components/sections/carousel";
import FAQ from "@/components/sections/faq";
import CTA from "@/components/sections/cta";
import Contact from "@/components/sections/contact";
import Features from "@/components/sections/features";
import Stats from "@/components/sections/stats";
import FeaturesGrid from "@/components/sections/features-grid";
 
export default function Home() {
  return (
    <>
      <Hero />
      <TrustedBy />
      <FeaturesGrid />
      <Problem />
      <HowItWorks />
      <BentoGrid />
      <Carousel />
      <FeaturesTabs />
      <Features />
      <Stats />
      <WallOfLove />
      <Pricing />
      <FAQ />
      <Contact />
      <CTA />
    </>
  );
}

If you want to collect leads until you work on core functionality, use the Lead component.
💡
All landing page components are fully customizable. Edit them in the /components/landing/ directory.

Let's ship your SaaS app

Quick steps:

On this page