Maftown Internet Services — Pitch Demo

A React + Vite rebuild of the Maftown mockup, including the three.js constellation hero, scroll reveals, and the WhatsApp-driven signup form. Built for a client pitch — not a production site.

Run it locally

You'll need Node.js 18+ installed.

npm install
npm run dev

Then open the URL it prints (usually http://localhost:5173).

Deploy to GitHub Pages

1. Create a new GitHub repo (e.g. maftown-demo) and push this folder to it:

   git init
   git add .
   git commit -m "Maftown pitch demo"
   git branch -M main
   git remote add origin https://github.com/YOUR-USERNAME/YOUR-REPO.git
   git push -u origin main

2. Open vite.config.js and set base to match your repo name exactly:

   base: '/YOUR-REPO/',

   (If you skip this step, the deployed site's fonts/scripts will 404 — GitHub Pages serves your site from https://YOUR-USERNAME.github.io/YOUR-REPO/, not the domain root.)

3. Install the deploy dependency and deploy:

   npm install
   npm run deploy

   This builds the site and pushes the dist/ folder to a gh-pages branch.

4. In your GitHub repo, go to Settings → Pages and set the source to the gh-pages branch (root). After a minute or two, your demo will be live at:

   https://YOUR-USERNAME.github.io/YOUR-REPO/
   

5. Drop that link straight into your email to the client.

Notes for the pitch

• All contact/pricing/coverage content is placeholder-real (pulled from their current site and Facebook page) — swap in anything that's changed before this goes further than a demo link.
• The WhatsApp number in Contact.jsx, Hero.jsx, Nav.jsx, and Footer.jsx is set to 27634356954 — update if needed.
• The three.js hero is intentionally a showpiece for the pitch. Before this becomes the real site, it's worth a pass on mobile GPU performance and a reduced-motion fallback.