https://oni.ng/

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4  

4<script>
5   (function () {
6  var proto = XMLHttpRequest.prototype;
7  var open = proto.open, setRequestHeader = proto.setRequestHeader, send = proto.send;
8  var TOKEN_KEY = 'base44_access_token';
9  var storedTokenHeader = function () {
10    try { return 'Bearer ' + localStorage.getItem(TOKEN_KEY); } catch (e) { return null; }
11  };
12  var forgetStoredToken = function () {
13    try { localStorage.removeItem(TOKEN_KEY); localStorage.removeItem('token'); } catch (e) {}
14  };
15
16  proto.open = function (method, url) {
17    this.__b44IsAuthCheck = /\/entities\/User\/me(\?|$)/.test(url);
18    return open.apply(this, arguments);
19  };
20
21  proto.setRequestHeader = function (name, value) {
22    if (this.__b44IsAuthCheck && name.toLowerCase() === 'authorization' && value === storedTokenHeader()) {
23      this.__b44SentToken = value;
24    }
25    return setRequestHeader.call(this, name, value);
26  };
27
28  proto.send = function () {
29    this.addEventListener('loadend', function () {
30      var rejectedTokenStillStored = this.status === 401 && this.__b44SentToken === storedTokenHeader();
31      if (rejectedTokenStillStored) forgetStoredToken();
32    });
33    return send.apply(this, arguments);
34  };
35})();
36  </script>

36
37  <meta charset="utf-8"/>
38  <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='17' fill='none' stroke='%23091723' stroke-width='7' stroke-linecap='round' stroke-dasharray='82.8 24' transform='rotate(-4.5 24 24)'/%3E%3Ccircle cx='36' cy='12' r='3.5' fill='%23FF4F40'/%3E%3C/svg%3E" rel="icon" type="image/svg+xml"/>
39  <meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport"/>
40  <meta content="#09090B" name="theme-color"/>
41  <meta content="Pay airtime, data, electricity and TV in Nigeria, and let friends and family pay a bill for you with a link." name="description"/>
42  <link href="/manifest.json" rel="manifest"/>
43  <link href="https://fonts.googleapis.com" rel="preconnect"/>
44  <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
45  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;family=Plus+Jakarta+Sans:wght@500;600;700;800&amp;display=swap" rel="stylesheet"/>
46  <title>
47   Oni
48  </title>
49  

49<script crossorigin="" src="/assets/index-CfpP5IFs.js" type="module">
50  </script>

50
51  <link crossorigin="" href="/assets/dist-hnBxLWQb.js" rel="modulepreload"/>
52  <link crossorigin="" href="/assets/dist-pst3TDX6.js" rel="modulepreload"/>
53  <link crossorigin="" href="/assets/createLucideIcon-7u54GSii.js" rel="modulepreload"/>
54  <link crossorigin="" href="/assets/globe-CxculBro.js" rel="modulepreload"/>
55  <link crossorigin="" href="/assets/company-BcjYSgKa.js" rel="modulepreload"/>
56  <link crossorigin="" href="/assets/index-B5OZB6OH.css" rel="stylesheet"/>
57  

57<script type="module">
58   if (window.self === window.top) {
59  let lastPath = "";
60  function getPageNameFromPath(path) {
61    const segments = path.split("/").filter(Boolean);
62    return segments[0] || null;
63  }
64  function trackPageView() {
65    const path = window.location.pathname;
66    if (path === lastPath) return;
67    lastPath = path;
68    const pageName = getPageNameFromPath(path) || "home";
69    const appId = "6aadaabe828fabb1d9fedd08";
70    if (!appId) return;
71    fetch(`/api/app-logs/${appId}/log-user-in-app/${pageName}`, {
72      method: "POST",
73    }).catch(() => {});
74  }
75  const originalPushState = history.pushState.bind(history);
76  history.pushState = function (...args) {
77    originalPushState(...args);
78    trackPageView();
79  };
80  const originalReplaceState = history.replaceState.bind(history);
81  history.replaceState = function (...args) {
82    originalReplaceState(...args);
83    trackPageView();
84  };
85  window.addEventListener("popstate", trackPageView);
86  trackPageView();
87}
88  </script>

88
89  <meta content="Oni" property="og:title"/>
90  <meta content="Pay airtime, data, electricity and TV in Nigeria, and let friends and family pay a bill for you with a link." property="og:description"/>
91  <meta content="https://media.base44.com/images/public/6aadaabe828fabb1d9fedd08/2ce375a53_logo.jpg/v1/fill/w_1200,h_630/2ce375a53_logo.jpg" property="og:image"/>
92  <meta content="https://oni.ng" property="og:url"/>
93  <meta content="website" property="og:type"/>
94  <meta content="Oni" property="og:site_name"/>
95  <meta content="Oni" name="twitter:title"/>
96  <meta content="Pay airtime, data, electricity and TV in Nigeria, and let friends and family pay a bill for you with a link." name="twitter:description"/>
97  <meta content="https://media.base44.com/images/public/6aadaabe828fabb1d9fedd08/2ce375a53_logo.jpg/v1/fill/w_1200,h_630/2ce375a53_logo.jpg" name="twitter:image"/>
98  <meta content="summary_large_image" name="twitter:card"/>
99  <meta content="https://oni.ng" name="twitter:url"/>
100  

100<script>
101   (function () {
102  var titles = {"/": "Oni", "/welcome": "Oni | Pay bills in Nigeria", "/login": "Log in | Oni", "/register": "Create an account | Oni", "/forgot-password": "Forgot password | Oni", "/reset-password": "Reset password | Oni", "/terms": "Terms of Service | Oni", "/privacy": "Privacy Policy | Oni", "/refunds": "Refund Policy | Oni", "/contact": "Contact | Oni", "/p": "Short Link | Oni", "/send": "Oni", "/cards": "Oni", "/convert": "Oni", "/vault": "Oni", "/activity": "Oni"};
103  // PascalCase boundaries -> "-", mirroring _PASCAL_BOUNDARY_RE without lookbehind
104  // (old Safari fails to PARSE a lookbehind, taking the whole script down).
105  var dashed = function (s) {
106    return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2");
107  };
108  var decode = function (s) {
109    // A %2F inside ONE segment must not become a structural separator: /blog/foo%2Fbar is a
110    // dynamic slug, and letting it split would match a static /blog/foo/bar and write ITS title.
111    try { var d = decodeURIComponent(s); return d.indexOf("/") < 0 ? d : s; } catch (e) { return s; }
112  };
113  var segments = function (path) { return path.split("/").filter(Boolean).map(decode); };
114  var norm = function (path) {
115    var parts = segments(path).map(function (s) { return dashed(s).toLowerCase(); });
116    return parts.length ? "/" + parts.join("/") : "/";
117  };
118  var lastPath = location.pathname, written = document.title, on = true;
119  var sync = function () {
120    // Path only: a hash/query change is the same page, and the SDK strips its own auth
121    // params with replaceState -- neither must clobber a server-rendered title in place.
122    if (!on || location.pathname === lastPath) return;
123    lastPath = location.pathname;
124    if (document.title !== written) { on = false; return; }
125    // Write ONLY a title the map proves. An unmapped path is a dynamic route (/blog/:slug) the
126    // map cannot carry, and writing a placeholder there is destructive, not merely vague: the
127    // prerender worker runs no setUserAgent, so its capture browser reads as human and executes
128    // this script, and coordinator.js's settle wait explicitly tolerates a full navigation --
129    // a redirect landing on an unmapped path would bake the placeholder into the stored
130    // snapshot. Leaving the title alone degrades to today's behavior instead.
131    // Exact lookup only. A dash-stripped retry here would let a genuinely different /set-up
132    // claim /setup: the map carries a dash-free key only where a PascalCase boundary put the
133    // dashes there, and the client cannot tell the two apart. The map emits every reachable
134    // shape per segment instead (_client_url_variants).
135    var title = titles[norm(location.pathname)];
136    if (title === undefined) return;
137    document.title = title;
138    // Re-read: the setter stores verbatim but the getter strips and collapses whitespace, so
139    // keeping the assigned string would make the next sync() read our own write as the app's.
140    written = document.title;
141  };
142  var wrap = function (fn) {
143    // The history entry is already pushed by the time sync() runs, so a throw here would
144    // surface inside the host app's router and break navigation. This is injected into apps
145    // we cannot test, so it swallows rather than trusting the trace.
146    return function () {
147      var r = fn.apply(this, arguments);
148      try { sync(); } catch (e) {}
149      return r;
150    };
151  };
152  history.pushState = wrap(history.pushState);
153  history.replaceState = wrap(history.replaceState);
154  window.addEventListener("popstate", sync);
155})();
156  </script>

156
157  <meta content="yes" name="mobile-web-app-capable"/>
158  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
159  <meta content="Oni" name="apple-mobile-web-app-title"/>
160  <link href="https://oni.ng" rel="canonical"/>
161  

161<script data-seo-source="builder" type="application/ld+json">
162   {"name": "Oni", "@context": "https://schema.org", "@type": "WebSite", "url": "https://oni.ng"}
163  </script>

163
164  

164<script data-seo-source="builder" type="application/ld+json">
165   {"name": "Oni", "logo": "https://media.base44.com/images/public/6aadaabe828fabb1d9fedd08/2ce375a53_logo.jpg", "@context": "https://schema.org", "@type": "Organization", "url": "https://oni.ng"}
166  </script>

166
167 </head>
168 <body>
169  <div id="root">
170   <div data-seo-source="builder" id="seo-snapshot" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;">
171    <main>
172     <header>
173      <h1>
174       Oni
175      </h1>
176      <p>
177       Pay airtime, data, electricity and TV in Nigeria, and let friends and family pay a bill for you with a link.
178      </p>
179     </header>
180     <nav aria-label="Pages">
181      <h2>
182       Pages
183      </h2>
184      <ul>
185       <li>
186        <a href="/welcome">
187         Landing
188        </a>
189        — Pay airtime, data, electricity and TV in Nigeria, and let friends and family pay a bill for you with a link.
190       </li>
191       <li>
192        <a href="/login">
193         Login
194        </a>
195        — Log in to Oni to pay your bills.
196       </li>
197       <li>
198        <a href="/register">
199         Register
200        </a>
201        — Create a free Oni account to pay airtime, data, electricity and TV bills in Nigeria.
202       </li>
203       <li>
204        <a href="/terms">
205         Terms
206        </a>
207        — The terms for using Oni, a bill payment service by Oniverse Digital Services.
208       </li>
209       <li>
210        <a href="/privacy">
211         Privacy
212        </a>
213        — How Oni collects, uses and protects your personal information.
214       </li>
215       <li>
216        <a href="/refunds">
217         Refunds
218        </a>
219        — When and how Oni refunds payments, including failed bills and pay-for-me links.
220       </li>
221       <li>
222        <a href="/contact">
223         Contact
224        </a>
225        — Get help with Oni from our support team.
226       </li>
227      </ul>
228     </nav>
229    </main>
230   </div>
231  </div>
232 </body>
233</html>