/* ui.jsx — shared marketing chrome + product metadata for the Gigi Money site.
Exports nav, footer, hero visuals, and the MKT product registry to window. */
const { Icon } = window.GigiMoneyDesignSystem_b54949;
const _G = window.GIGI;
const fmtK = (n) => _G ? _G.fmtKES(n, { compact: true }) : 'KES ' + n;
/* ── Per-device submission dedupe ──
Every form routes through submitForm, so we fingerprint each submission and
remember the id Firestore returned. An identical resubmission from the same
device (same form type + the same identity fields) short-circuits to the
stored result instead of creating a duplicate Firestore doc — e.g. a
double-click, a refresh-and-retry, or the same lead filling the form twice.
Entries are pruned by age so a legitimate later resubmission still goes
through. */
const SUBMIT_LS_KEY = 'gigi_form_submissions';
const SUBMIT_TTL_MS = 24 * 60 * 60 * 1000; // 24h dedupe window
const lsGet = (k) => { try { return localStorage.getItem(k); } catch { return null; } };
const lsSet = (k, v) => { try { localStorage.setItem(k, v); } catch { /* private mode */ } };
/* Compact, stable hash (FNV-1a) of a string → unsigned base-36. */
function fnv1a(str) {
let h = 0x811c9dc5;
for (let i = 0; i < str.length; i++) {
h ^= str.charCodeAt(i);
h = Math.imul(h, 0x01000193);
}
return (h >>> 0).toString(36);
}
/* Fingerprint from form type + payload, normalised so key order and trivial
whitespace/case differences still collide. */
function submissionFingerprint(type, payload) {
const norm = {};
Object.keys(payload).sort().forEach((k) => {
const v = payload[k];
norm[k] = typeof v === 'string' ? v.trim().toLowerCase() : v;
});
return type + ':' + fnv1a(JSON.stringify(norm));
}
/* Load the dedupe map, dropping expired entries so it can't grow unbounded. */
function loadSubmissions() {
let map;
try { map = JSON.parse(lsGet(SUBMIT_LS_KEY)); } catch { map = null; }
if (!map || typeof map !== 'object') return {};
const now = Date.now();
let changed = false;
for (const k of Object.keys(map)) {
if (!map[k] || now - (map[k].ts || 0) > SUBMIT_TTL_MS) { delete map[k]; changed = true; }
}
if (changed) lsSet(SUBMIT_LS_KEY, JSON.stringify(map));
return map;
}
function rememberSubmission(fp, id) {
const map = loadSubmissions();
map[fp] = { id, ts: Date.now() };
lsSet(SUBMIT_LS_KEY, JSON.stringify(map));
}
/* ── Form intake → Firebase function (writes to Firestore) ──
POSTs to the `submitForm` Cloud Function. The function runs in africa-south1,
which Firebase Hosting can't serve via a same-origin rewrite, so we call it
directly (CORS is enabled on the function). Override with
window.GIGI_FORMS_ENDPOINT for the local emulator. */
async function submitForm(type, payload) {
const fp = submissionFingerprint(type, payload);
const seen = loadSubmissions()[fp];
if (seen) return { ok: true, id: seen.id, deduped: true };
const endpoint = window.GIGI_FORMS_ENDPOINT || 'https://africa-south1-gigi-money.cloudfunctions.net/submitForm';
const headers = { 'Content-Type': 'application/json' };
// App Check attestation (anti-bot / anti-replay); null until configured.
const appCheck = window.gigiAppCheckToken ? await window.gigiAppCheckToken() : null;
if (appCheck) headers['X-Firebase-AppCheck'] = appCheck;
const res = await fetch(endpoint, {
method: 'POST',
headers,
body: JSON.stringify({
type,
page: location.pathname,
source: 'website',
// Server-side replay guard: same key ⇒ no duplicate Firestore doc.
idempotencyKey: fp,
...payload,
}),
});
let data = {};
try { data = await res.json(); } catch (e) { /* non-JSON response */ }
if (!res.ok || !data.ok) {
throw new Error(data.error || 'Something went wrong. Please try again.');
}
rememberSubmission(fp, data.id);
return data;
}
window.gigiSubmitForm = submitForm;
/* ── Marketing copy layered over the offers catalogue (GIGI_OFFERS) ── */
const MKT = {
rent_advance: {
slug: 'rent-advance', nav: 'Rent advance', icon: 'bolt',
eyebrow: 'For property owners',
h1: ['Advance up to ', { hl: '24 months' }, ' of rent and watch the cash land in minutes.'],
lede: 'Your tenants already pay you every month. A rent advance simply brings some of that future rent forward, so you can hold the lump sum today without taking on new debt or touching the title.',
visual: 'preview',
stat: { k: 'Lump sum, today', v: 'KES 5.5M', s: 'Riverside Court · 6 months assigned' },
trust: [['percent', 'Lowest rates on the market'], ['shield', 'Verified via Ardhi Sasa']],
},
rent_guarantee: {
slug: 'rent-guarantee', nav: 'Rent guarantee', icon: 'shield',
eyebrow: 'For owners who want certainty',
h1: ['Get your rent ', { hl: 'on schedule' }, ', whether the tenant pays or not.'],
lede: 'Instead of holding a deposit, your tenant pays a small monthly fee. In return, the rent arrives on time every month. And if a tenant falls behind, chasing it stops being your problem and becomes ours.',
visual: 'guarantee',
stat: { k: 'Owner guaranteed', v: 'KES 1.02M', s: 'Every month · default-protected' },
trust: [['check', 'Paid on schedule, every month'], ['users', 'Recovery handled for you'], ['shield', 'Backed by Gigi Money']],
},
heloc: {
slug: 'heloc', nav: 'HELOC', icon: 'home',
eyebrow: 'For property owners',
h1: ['Release your ', { hl: 'property equity' }, ' as a revolving line of credit.'],
lede: 'Your buildings are worth a lot, but that value usually just sits there. A HELOC turns it into a credit line you can draw on whenever you need, repaid from the rent you already collect.',
visual: 'ring',
stat: { k: 'Available credit line', v: 'KES 42M', s: 'Up to 50% of equity · Riverside Court' },
trust: [['home', 'Secured by property equity'], ['sync', 'Serviced by your rent roll'], ['bolt', 'Draw down anytime']],
},
credit_card: {
slug: 'credit-card', nav: 'Credit card', icon: 'box',
eyebrow: 'For property owners',
cta: 'Check your offer',
h1: ['Credit card in the front. ', { hl: 'Property equity' }, ' in the back.'],
lede: 'The credit card built for Kenyan property owners. Limits up to KES 6M, one of the lowest rates around, and cash back on every spend, all backed by the equity in your buildings.',
visual: 'card',
stat: { k: 'Credit limit', v: 'up to KES 6M', s: 'Backed by your property equity' },
trust: [['box', 'Cash back on every spend'], ['percent', 'One of the lowest rates'], ['home', 'Backed by property equity']],
},
};
const ORDER = ['rent_advance', 'rent_guarantee', 'heloc', 'credit_card'];
window.GIGI_MKT = MKT;
window.GIGI_ORDER = ORDER;
const offerById = (id) => (window.GIGI_OFFERS || []).find(o => o.id === id) || {};
/* ── small helpers ── */
function scrollToId(id) {
const el = document.getElementById(id);
if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
/* On a fresh load with a hash (#partner, #prequalify…), the target section is
rendered client-side by Babel and doesn't exist yet when the browser resolves
the anchor — so the jump is lost. Poll briefly until it mounts, then scroll
(scroll-margin-top keeps it clear of the sticky nav). */
function scrollToHashTarget() {
const id = decodeURIComponent((location.hash || '').replace(/^#/, ''));
if (!id) return;
const start = Date.now();
const tick = () => {
const el = document.getElementById(id);
if (el) { el.scrollIntoView({ behavior: 'auto', block: 'start' }); return; }
if (Date.now() - start < 4000) requestAnimationFrame(tick);
};
tick();
}
if (typeof window !== 'undefined' && window.location.hash) {
if (document.readyState === 'complete') scrollToHashTarget();
else window.addEventListener('load', scrollToHashTarget);
}
/* ── Brand lockup ── */
function Brand({hideText = false} = {}) {
return (
{!hideText && (
GigiMoney“jee-jee”
)}
);
}
/* ── Offerings dropdown ── */
function OfferingsMenu({ active }) {
const [open, setOpen] = React.useState(false);
const ref = React.useRef(null);
const closeT = React.useRef(null);
const isActive = window.GIGI_ORDER.includes(active);
const enter = () => { clearTimeout(closeT.current); setOpen(true); };
const leave = () => { closeT.current = setTimeout(() => setOpen(false), 120); };
React.useEffect(() => {
const onDoc = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
const onEsc = (e) => { if (e.key === 'Escape') setOpen(false); };
document.addEventListener('click', onDoc);
document.addEventListener('keydown', onEsc);
return () => { document.removeEventListener('click', onDoc); document.removeEventListener('keydown', onEsc); };
}, []);
return (
That’s a no-obligation estimate for {months} months of rent at {fmt(rent)} a month. When you’re ready, Gigi checks your title with Ardhi Sasa and confirms your tenancy, then sends the money within 15 minutes of approval.
Your tenant would pay {fmt(tenantFee)} a month instead of a deposit, and your rent arrives on schedule every month. If a tenant falls behind, recovery becomes our job.
That’s an estimated revolving line of up to 50% of your equity. When you’re ready, Gigi confirms your value with an Ardhi Sasa valuation, and drawdowns are serviced by the rent you already collect.
That’s an estimated credit limit backed by your equity, with cash back on every spend. When you’re ready, Gigi confirms your value via Ardhi Sasa and a specialist gets your card moving.