floribertinhowilliams-crypto/Agnesherbalsupplements_tz

Agnes Herbal Supplements - PWA ya maduka ya vitamins, supplements na bidhaa za asili za mimea. Inahudumia Tanzania, Kenya, Uganda na Burundi. Imejengwa na HTML/CSS/JS + Firebase (Firestore). # Agnes Herbal Store — Tovuti Kamili (v7) Tovuti hii imejengwa kwa **HTML, CSS na JavaScript safi (vanilla)**. Kwa msingi inafanya kazi bila huduma yoyote ya kulipia (frontend pekee). Sasa ina **uwezo wa hiari wa Firebase (bure)** unaowasha sync ya "live" kati ya duka lako na admin panel — ona sehemu ya "Kuwasha Firebase (Hiari)" chini. ## Jinsi ya Kutumia (Deploy) 1. Pakia folda hii nzima kwenye hosting yoyote ya bure/inayolipiwa inayounga mkono static files (GitHub Pages, Netlify, Vercel, cPanel, n.k) — hauhitaji Node.js wala database ya seva. 2. Badilisha `agnesherbalstore.com` kwenye `index.html`, `blog.html`, `robots.txt` na `sitemap.xml` na domain yako halisi. 3. Namba za akaunti (Mix by Yas, M-Pesa, HaloPesa, NMB) tayari zimewekwa kwenye `index.html` (sehemu ya "Njia za Malipo" na kwenye invoice). Zibadilishe pale zitakapobadilika baadaye kwa kutafuta "payNumMix"/"payNumMpesa"/ "payNumHalo"/"payNumNmb" na maeneo ya `copyPaymentNumber(...)` ndani ya faili. 4. Fungua `js/app.js`, tafuta `VIDEO_EMBEDS`, weka ID halisi za video zako za YouTube (baada ya `v=` kwenye URL ya YouTube) badala ya `null`. 5. (Hiari, kwa sync ya live) Fuata sehemu ya "Kuwasha Firebase" hapa chini. ## Vipengele Vilivyojumuishwa (Vipya — v7) - **Admin: kuongeza/kubadilisha picha za bidhaa** — kitufe cha "🖼 Hariri" kwenye kila bidhaa (tab ya "Bidhaa"): pakia picha nyingi, chagua ipi iwe "Profaili", futa picha, na hifadhi. - **Image slider kwenye ukurasa wa bidhaa** — mteja anaweza ku-slide kuona picha zote za bidhaa moja (buttons ‹ › na dots). - **Caption ya bidhaa** — herufi 900 kiwango cha juu, inaweza kujazwa manually au kutumia kitufe cha "Tengeneza kwa AI" (kinachotengeneza mfano wa maandishi kutoka jina/kundi/kazi ya bidhaa — hakuna funguo ya AI ya nje inayotumika, kwa usalama wa data). - **Display mode: Portrait / Horizontal** — kitufe juu ya orodha ya bidhaa, mteja anachagua anavyopenda kuona bidhaa, kinahifadhiwa kwa kivinjari chake. - **Lugha mpya**: French (FR), Kir …