MPPCash — Marketing Site

The public-facing marketing site for mppcash.xyz. Built with Next.js 16 and Tailwind CSS v4.

---

Stack

• Framework — Next.js 16 (App Router)
• Language — TypeScript
• Styling — Tailwind CSS v4 + PostCSS
• Fonts — Airbnb Cereal, Menlo (self-hosted via next/font/local)
• Icons — Lucide React

---

Getting started

npm install
npm run dev

Open http://localhost:3000.

---

Project structure

src/
  app/
    page.tsx          # Homepage — assembles all sections
    layout.tsx        # Root layout, font loading, global metadata
    globals.css       # Design tokens, keyframe animations
    demo/             # Interactive operator dashboard demo
    signin/           # Sign-in page
    signup/           # Sign-up page
  components/
    Navbar.tsx
    HeroSection.tsx
    StableCurrencySection.tsx
    MPPCashCashSection.tsx    # Agent Accounts
    MPPCashCardSection.tsx    # Spending Policy
    MPPCashPaySection.tsx     # Operator Console
    DocsApisSection.tsx
    TrustSection.tsx
    StatsSection.tsx
    FaqSection.tsx
    Footer.tsx
  lib/
    utils.ts          # cn() class merging helper
public/
  fonts/              # Self-hosted font files
  images/             # Logos, screenshots, hero assets, partner logos

---

Environment variables

Create a .env.local file at the root:

NEXT_PUBLIC_API_URL=https://api.mppcash.xyz

This is used by the sign-in and sign-up forms to hit the backend API.

---

Scripts

Command	Description
npm run dev	Start local dev server
npm run build	Production build
npm run start	Serve production build
npm run lint	Run ESLint