Btab Marketing Site

Marketing website for btab.app — the e-commerce fulfillment platform.

Built with Next.js 15, TypeScript, and Tailwind CSS.

Development

Prerequisites

• Node.js 20+
• pnpm (npm install -g pnpm)

Setup

pnpm install
pnpm dev

Open http://localhost:3007

Build

pnpm build
pnpm start

Project Structure

src/
├── app/
│   ├── layout.tsx          # Root layout (metadata, fonts)
│   ├── page.tsx            # Homepage
│   ├── globals.css         # Tailwind base + custom styles
│   ├── pricing/page.tsx    # Pricing tiers
│   ├── products/page.tsx   # Product catalog
│   ├── how-it-works/page.tsx
│   └── api-docs/page.tsx   # API quick start
├── components/
│   ├── Header.tsx          # Nav with mobile menu
│   ├── Footer.tsx          # Site footer
│   └── CTA.tsx             # Call-to-action sections
public/                     # Static assets (favicon, images)

Pages

Route	Description
/	Homepage — hero, how-it-works, pricing overview
/pricing	Detailed pricing tiers and FAQ
/products	Product catalog by category
/how-it-works	Step-by-step platform guide
/api-docs	API documentation and endpoints

Contributing

1. Fork or clone this repo
2. Create a feature branch: git checkout -b feature/your-change
3. Make changes and test locally with pnpm dev
4. Submit a pull request to main

Style Guide

• Tailwind CSS for all styling (no separate CSS files beyond globals.css)
• Components in src/components/, pages in src/app/[route]/page.tsx
• Keep pages as single-file components unless complexity demands extraction

Deployment

Changes merged to main are deployed automatically. You do not need Docker or server access to contribute — just submit a PR.

Tech Stack

• Next.js 15 — App Router, React Server Components
• TypeScript
• Tailwind CSS 3
• Port: 3007

License

Proprietary — Btab Platform