Indie Kit DocsIndie Kit Docs
Tutorials

Launch in 5 Minutes 🚀

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

We're building a beautiful landing page and adding forms to collect emails for a waitlist (optional)

  1. If you haven't already, clone the repo and run the server locally. See the Get Started tutorial.
  2. Delete everything in src/app/(website-layout)/page.tsx and paste this:
import { WebsiteFAQs } from "@/components/website/faqs";
import { CTA2 } from "@/components/website/cta-2";
import { WithWithout } from "@/components/website/with-without";
import Hero2 from "@/components/sections/hero-2";
import CTA1 from "@/components/website/cta-1";
import MonthlyAnnualPricing from "@/components/website/monthly-annual-pricing";
import TextRevealByWord from "@/components/ui/text-reveal";
 
export default function WebsiteHomepage() {
  return (
    <>
      <Hero2 />
      <CTA1 />
      <MonthlyAnnualPricing />
      <TextRevealByWord text="Still not sure? My users are able to create their own blogs and websites with ease. It was very difficult to find a solution that was easy to use and affordable." />
      <WithWithout />
      <MonthlyAnnualPricing />
      <WebsiteFAQs />
      <CTA2 />
    </>
  );
}
  1. 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!
  2. (Optional) To collect emails for a waitlist, set up a database.
  3. It's time to deploy! If you need help, here's a simple tutorial