NerdzFactory-Company/BizGrowth-Africa-WaitList

# BizGrowth Africa — Waitlist Website A premium, single‑page waitlist site for BizGrowth Africa built with plain HTML, CSS, and JavaScript (no framework, no build step). It presents a newsroom‑style landing focused on business news, procurement intelligence, and entrepreneurship enablement — optimized to convert visitors into waitlist members and newsletter subscribers. ## Live Site - `bizgrowth-africa.netlify.app` ## Tech - HTML + CSS + JS only (static site) - Netlify Forms for submissions (waitlist + newsletter) - No bundlers or frameworks required ## Highlights - Live hero background (canvas) evoking deal flow and market signals; respects `prefers-reduced-motion`. - Editorial landing with: - Today’s Briefing (locked preview with inline “unlock one sample” and simple filters) - What We Cover (responsive typographic pills) - Single primary form: “Become a Member” (waitlist), plus footer newsletter form. - Referral copy link (post‑form card) to encourage viral growth. - Responsive nav with logo switch on scroll; intersection‑observer reveal animations. ## Project Structure ``` BGA/ ├─ index.html # Landing (single page) ├─ thank-you.html # Post‑submission page (Netlify Forms redirect) ├─ css/ │ └─ styles.css # All styles (responsive, dark hero, editorial sections) ├─ js/ │ └─ main.js # Nav, reveal, hero canvas, forms, filters, countdown, etc. └─ img/ # Logos, favicon, media ``` ## Getting Started - Quick view: open `index.html` in your browser. - Recommended for dev: run a small static server so relative paths and caching behave naturally. ```bash # Using Node.js 'serve' npx serve . # or install globally npm i -g serve serve . ``` Open the printed local URL (e.g. `localhost`). ## Forms (Netlify) Both site forms post via Netlify Forms (no custom backend needed): - Waitlist form: `id="waitlist-form"`, `name="bga-waitlist"` - Newsletter form: `name="bga-newsletter"` Each form includes: …