Skip to content

README.md

Latest commit

 

History

History
68 lines (49 loc) · 1.96 KB

README.md

File metadata and controls

68 lines (49 loc) · 1.96 KB
Raw

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.