​
First things first

Let’s build a beautiful with high conversion landing page.

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

  2. Paste the following snippet in you /apps/web/app/home/page.tsx:

/apps/web/app/home/page.tsx
import { FAQ } from "@/components/marketing/faq";
import { Features } from "@/components/marketing/features";
import { Footer } from "@/components/marketing/footer";
import { Header } from "@/components/marketing/header";
import { Hero } from '@/components/marketing/hero';
import { TalkMoreAboutYourProduct } from "@/components/marketing/more-about-your-product";
import { Pricing } from "@/components/marketing/pricing";
import { Testimonials } from "@/components/marketing/testimonials";
import { CTA } from '@/components/marketing/cta';

export default function HomePage() {
  return (
    <>
      <Header />
      <Hero />
      <TalkMoreAboutYourProduct />
      <Features />
      <Pricing />
      <FAQ />
      <Testimonials />
      <CTA />
      <Footer />
    </>
  )
}
  1. Change your page to fit your business and brand.

​
Setup a waitlist (Optional)

  1. To setup a waitlist to collect emails, set up your resend account.

  2. Replace your main call-to-action button in apps/web/components/marketing/hero.tsx with this:

<LeadForm className="mt-12" />

​
Deploy your application

  1. Now that you’re finished, you can go ahead and access the deployment tutorial