NerdzFactory-Company/BizGrowth-Africa-WaitList
Domaine:
socioeconomicCréateur:
Ner
Hôte:
# 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: …