Launch Your Landing Page in 5 Minutes ⚡️

Get your beautiful landing page live and start collecting customers in under 5 minutes! 🚀

What You'll Build 🎨

A stunning, conversion-optimized landing page with:

• 🎯 Hero section with CTA
• 💰 Pricing table (monthly/annual)
• ✨ Social proof & testimonials
• ❓ FAQ section
• 📧 Email collection (optional)

Let's Build! 🛠️

Step 1: Get the Code Running

If you haven't already, follow the setup guide to clone and run locally.

Step 2: Customize Your Homepage

Open src/app/(website-layout)/page.tsx and compose your landing page:

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="Your compelling testimonial or value prop here" />
      <WithWithout />
      <MonthlyAnnualPricing />
      <WebsiteFAQs />
      <CTA2 />
    </>
  );
}

What each component does:

• Hero2 - Eye-catching hero with headline and CTA button
• CTA1 - Primary call-to-action section
• MonthlyAnnualPricing - Pricing table with toggle
• TextRevealByWord - Animated testimonial section
• WithWithout - Before/after comparison
• WebsiteFAQs - Frequently asked questions
• CTA2 - Final conversion push

Step 3: Deploy! 🚀

Push to GitHub and deploy to Vercel:

git add .
git commit -m "Launch landing page"
git push

That's it! Your landing page is live! 🎉

Next Steps 📈

Now that your page is live:

1. Customize components with your branding
2. Set up payments to start earning
3. Launch with waitlist to build hype
4. Add analytics to track conversions