Tutorials
Ship in Few Minutes

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

If you havent't already, clone the repo and run the server locally. See the Get Started tutorial. Here is the content of the landing page. You can 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!

/app/components/organisms/LandingPageContainer.ts

'use client'
import React from 'react'
import Hero from '@/components/hero/Hero'
import FAQ from '@/components/section/faq/FAQ'
import Testimonial from '@/components/section/testimonial/Testimonial'
import Cta from '@/components/section/cta/cta'
import UsedBy from '@/components/section/usedBy/UsedBy'
import Features from '@/components/features/features'
import Pricing from '@/components/section/pricing/pricing'
const LandingPageContainer = () => {
    return (
        <>
            <Hero />
            <UsedBy />
            <Cta />
            <Features />
            <Testimonial />
            <Pricing showDescription={true} />
            <FAQ />
        </>
    )
}
 
export default LandingPageContainer

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! To collect emails for a waitlist, set up a database.

Hero.tsx

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