Tutorials
Ship in 5 minutes 🚀
Get your startup online ASAP!
First things first
Let’s build a beautiful with high conversion landing page.
-
If you haven’t already, clone the repo and run the server locally. See the Get Started tutorial.
-
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";
export default function HomePage() {
return (
<>
<Header />
<Hero />
<TalkMoreAboutYourProduct />
<Features />
<Pricing />
<FAQ />
<Testimonials />
<Footer />
</>
)
}
- Change your page to fit your business and brand.
Setup a waitlist (Optional)
-
To setup a waitlist to collect emails, set up your resend account.
-
Replace your main call-to-action button in
apps/web/components/marketing/hero.tsx
with this:
<LeadForm className="mt-12" />
Deploy your application
- Now that you’re finished, you can go ahead and access the deployment tutorial