Introduction

Thanks for purchasing the template! You receive a standalone Next.js project — the folder you downloaded is your project root. It includes polished sections and a single configuration file so you can customize copy, links, and images without editing UI components.

How it works

• Edit config.ts — the exported pageConfig powers all sections (hero, features, pricing, FAQ, footer, and more).
• Run the dev server to see changes live on the homepage.
• Deploy when ready (see /docs/hosting for Vercel guidance).

Requirements

• Node.js 18+ (recommended)
• Package manager: pnpm, npm, or yarn

Project structure

.
├─ app/                 # App Router pages
├─ components/          # Template sections & UI
├─ hooks/               # React hooks used by the template
├─ lib/                 # Utilities/helpers
├─ public/              # Images and static assets
├─ styles/              # Global styles
├─ config.ts            # The pageConfig you customize
├─ package.json         # Dependencies and scripts
├─ next.config.mjs      # Next.js config
└─ tsconfig.json        # TypeScript config

Quick start

Install & run

pnpm install
pnpm dev

Visit http://localhost:3000. Edit config.ts and refresh — your changes appear immediately.

Build for production

pnpm build
pnpm start

Customize

Update config.ts to change branding, navigation, content, images, pricing plans, and FAQs. See /docs/customization for a section‑by‑section guide.

Deploy

Deploy to Vercel from your repository or with the CLI. See /docs/hostingfor recommended settings and troubleshooting.

Tip: Keep image files under /public and ensure nav anchors (e.g.#pricing) match the ids used by the template sections.