Digi-Docs/NabakiAfrika

# Nabaki Afrika — Website A single-page, bilingual (English/Swahili) marketing site for Nabaki Afrika Ltd, built with plain HTML, CSS and JavaScript — no build step required. # NabakiAfrika # Nabaki Afrika — Website A single-page, bilingual (English/Swahili) marketing site for Nabaki Afrika Ltd, built with plain HTML, CSS and JavaScript — no build step required. ## Deploying to Netlify **Option A — Drag & drop** 1. Go to app.netlify.com. 2. Drag this whole folder (`nabaki-site`) into the browser window. 3. Netlify will publish it instantly and detect the contact form automatically. **Option B — Git-based deploy** 1. Push this folder to a GitHub/GitLab repo. 2. In Netlify: **Add new site → Import an existing project** → pick the repo. 3. Build command: leave blank. Publish directory: `.` (already set in `netlify.toml`). 4. Deploy. ## The contact form The form in the **Contact** section uses Netlify Forms: - `data-netlify="true"` and the hidden `form-name` input let Netlify detect it at deploy time — no extra setup needed. - A hidden honeypot field (`bot-field`) filters spam bots. - Submissions appear under **Site configuration → Forms** in your Netlify dashboard. You can turn on email notifications there. - The form submits via JavaScript (`fetch`) so visitors see an inline "message sent" confirmation without leaving the page, in whichever language (EN/SW) they're currently viewing. ## Editing content Everything lives in `index.html`. A few notes: - **Language toggle:** every bilingual piece of text has both a `data-en="..."` and `data-sw="..."` attribute on the same element. Edit both when you update copy. - **Branches:** each branch is a `.branch-card` block with its own address, hours, rating and a `data-map-q` attribute used to load that branch on the map — update these directly. - **News & Updates:** the three `.news-card` blocks near the bottom are meant to be swapped out as you have new offers, product launches or leadership news. - **Images:** all photos and logos live in `/assets`. Replace a file in place (keep the same filename) to swap an image without touching the HTML. ## Structure ``` nabaki-site/ ├── index.ht …