Quick Start (5 Minutes)

Open the Home Page

Navigate to http://localhost:3000 

You should see:

• Hero section with headline
• Pricing table
• FAQ section
• Footer

Customize the Hero

Open src/components/Hero/Hero.tsx and change:

const description = 'Your custom description here!'
const checkList = ['Feature 1', 'Feature 2', 'Feature 3']

Save and see the changes instantly with hot reload.

Test Stripe Checkout

1. Click “Get Started” on the pricing card
2. You’ll be redirected to Stripe Checkout (test mode)
3. Use test card: 4242 4242 4242 4242
4. Any future date and CVC
5. Complete checkout

Create an Account

After checkout, you’ll be redirected to create an account:

1. Enter your name
2. Use the same email from checkout
3. Create a password
4. Click “Sign Up”

You’re now logged in!

Explore the Admin Dashboard

If you’re an admin:

1. Go to http://localhost:3000/admin 
2. See list of users
3. Click on a user to see details
4. View billing information