Docs | ShipKwiq

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)

If you havent't already, clone the repo and run the server locally. See the Get Started tutorial.

Delete everything in /app/page.tsx, and paste this:

src/app/page.tsx

import { CTA } from "@/components/CTA";
import { FAQ } from "@/components/FAQ";
import { FeatureFlex } from "@/components/FeaturesFlex";
import { FeaturesListicle } from "@/components/FeaturesListicle";
import { Footer } from "@/components/Footer";
import { Header } from "@/components/Header";
import { Hero } from "@/components/Hero";
import { Hero2 } from "@/components/Hero2";
import { NewsLetter } from "@/components/Newsletter";
import { Pricing } from "@/components/Pricing";
import { Problem } from "@/components/Problem";
import { TestimonialOne } from "@/components/TestimonialOne";
import { WithWithout } from "@/components/WithWithout";
 
export default function Home() {
 
  return (
    <main>
      <Header />
      <Hero />
      <Hero2 />
      <Problem />
      <WithWithout />
      <FeatureFlex />
      <FeaturesListicle />
      <CTA />
      <Pricing />
      <FAQ />
      <TestimonialOne />
      <NewsLetter />
      <Footer />
    </main>
  );
}

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!

(Optional) To collect emails for a waitlist, set up a database.

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

Congrats on crushing the first steps, legend! 🚀

Get Started Database