{"id":8,"date":"2026-10-08T19:10:06","date_gmt":"2026-10-08T19:10:06","guid":{"rendered":"https:\/\/arewabelle.com\/?page_id=8"},"modified":"2026-10-08T19:48:55","modified_gmt":"2026-10-08T19:48:55","slug":"home","status":"publish","type":"page","link":"https:\/\/arewabelle.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83dd521 e-con e-atomic-element e-flexbox-base e-default-div e-6ffb2e2 \" data-id=\"83dd521\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"83dd521\">\n    \t\t<div class=\"elementor-element elementor-element-1ff1232 elementor-widget elementor-widget-html\" data-id=\"1ff1232\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>ArewaBelle \u2014 We're Upgrading | Back Soon<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/fontsource\/fonts\/inter@latest\/latin-400-normal.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/fontsource\/fonts\/inter@latest\/latin-600-normal.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/fontsource\/fonts\/inter@latest\/latin-700-normal.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/fontsource\/fonts\/cormorant-garamond@latest\/latin-700-normal.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/fontsource\/fonts\/cormorant-garamond@latest\/latin-700-italic.css\">\r\n<style>\r\n  * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n  :root {\r\n    --forest: #1B4332;\r\n    --deep: #0B241B;\r\n    --emerald: #2D6A4F;\r\n    --sage: #52B788;\r\n    --mint: #95D5B2;\r\n    --pale: #D8F3DC;\r\n    --cream: #F4F7F0;\r\n    --ink: #0F2419;\r\n    --muted: #9DB8A8;\r\n    --wa: #25D366;\r\n    --gold: #C9A961;\r\n  }\r\n  html, body { height: 100%; }\r\n  body {\r\n    font-family: 'Inter', system-ui, sans-serif;\r\n    background: radial-gradient(ellipse at 50% -20%, #14382A 0%, var(--deep) 55%, #071A13 100%);\r\n    color: var(--cream);\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  body::before {\r\n    content: '';\r\n    position: fixed; inset: 0; pointer-events: none; z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(82,183,136,0.06) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(82,183,136,0.06) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    mask-image: radial-gradient(ellipse at 50% 40%, black 20%, transparent 75%);\r\n    -webkit-mask-image: radial-gradient(ellipse at 50% 40%, black 20%, transparent 75%);\r\n    animation: gridDrift 24s linear infinite;\r\n  }\r\n  @keyframes gridDrift { to { background-position: 48px 48px, 48px 48px; } }\r\n  .orb {\r\n    position: fixed; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 0;\r\n    animation: orbFloat 14s ease-in-out infinite alternate;\r\n  }\r\n  .orb.o1 { width: 480px; height: 480px; background: rgba(45,106,79,0.45); top: -160px; left: -120px; }\r\n  .orb.o2 { width: 420px; height: 420px; background: rgba(82,183,136,0.28); bottom: -160px; right: -100px; animation-delay: -6s; }\r\n  .orb.o3 { width: 300px; height: 300px; background: rgba(201,169,97,0.14); top: 40%; left: 60%; animation-delay: -3s; }\r\n  @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(40px,30px) scale(1.12); } }\r\n\r\n  canvas#particles { position: fixed; inset: 0; z-index: 1; pointer-events: none; }\r\n\r\n  .wrap {\r\n    position: relative; z-index: 5;\r\n    flex: 1; display: flex; flex-direction: column;\r\n    align-items: center; justify-content: center;\r\n    padding: 48px 24px 40px;\r\n    text-align: center;\r\n  }\r\n\r\n  .brand {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n    font-size: 26px; font-weight: 700; color: var(--cream);\r\n    margin-bottom: 34px;\r\n    animation: fadeDown .9s ease both;\r\n  }\r\n  .brand-mark {\r\n    width: 34px; height: 34px; border-radius: 50% 50% 50% 10%;\r\n    background: linear-gradient(135deg, var(--sage), var(--emerald));\r\n    position: relative; transform: rotate(-45deg);\r\n    box-shadow: 0 0 24px rgba(82,183,136,0.55);\r\n  }\r\n  .brand-mark::before { content:''; position:absolute; top:50%; left:50%; width:60%; height:2px; background:var(--cream); transform:translate(-50%,-50%) rotate(45deg); }\r\n  .brand-mark::after { content:''; position:absolute; top:50%; left:50%; width:2px; height:60%; background:var(--cream); transform:translate(-50%,-50%) rotate(45deg); }\r\n\r\n  .loader {\r\n    position: relative; width: 150px; height: 150px; margin-bottom: 34px;\r\n    animation: fadeDown 1s .1s ease both;\r\n  }\r\n  .loader .ring {\r\n    position: absolute; inset: 0; border-radius: 50%;\r\n    border: 2px dashed rgba(149,213,178,0.35);\r\n    animation: spin 18s linear infinite;\r\n  }\r\n  .loader .ring.r2 {\r\n    inset: 14px; border: 2px solid transparent;\r\n    border-top-color: var(--sage); border-right-color: rgba(82,183,136,0.35);\r\n    animation: spinRev 3.2s cubic-bezier(.6,.15,.4,.85) infinite;\r\n  }\r\n  .loader .ring.r3 {\r\n    inset: 28px; border: 1px solid transparent;\r\n    border-bottom-color: var(--gold);\r\n    animation: spin 2.4s linear infinite;\r\n  }\r\n  .loader .dot {\r\n    position: absolute; top: -5px; left: 50%; margin-left: -5px;\r\n    width: 10px; height: 10px; border-radius: 50%;\r\n    background: var(--mint); box-shadow: 0 0 14px var(--sage);\r\n  }\r\n  .loader .core {\r\n    position: absolute; inset: 42px; border-radius: 50%;\r\n    background: radial-gradient(circle at 35% 30%, rgba(149,213,178,0.35), rgba(27,67,50,0.9));\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 34px;\r\n    box-shadow: inset 0 0 24px rgba(82,183,136,0.35), 0 0 34px rgba(82,183,136,0.25);\r\n    animation: corePulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes spin { to { transform: rotate(360deg); } }\r\n  @keyframes spinRev { to { transform: rotate(-360deg); } }\r\n  @keyframes corePulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.07); } }\r\n\r\n  .pill {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 8px 18px; border-radius: 999px;\r\n    background: rgba(82,183,136,0.14); border: 1px solid rgba(82,183,136,0.4);\r\n    color: var(--mint); font-size: 11px; font-weight: 700;\r\n    letter-spacing: 3px; text-transform: uppercase; margin-bottom: 22px;\r\n    animation: fadeDown 1s .2s ease both;\r\n  }\r\n  .pill .live {\r\n    width: 8px; height: 8px; border-radius: 50%; background: var(--wa);\r\n    box-shadow: 0 0 0 0 rgba(37,211,102,0.6);\r\n    animation: livePing 1.6s ease-out infinite;\r\n  }\r\n  @keyframes livePing { 70% { box-shadow: 0 0 0 10px rgba(37,211,102,0); } 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); } }\r\n\r\n  h1 {\r\n    font-family: 'Cormorant Garamond', serif; font-weight: 700;\r\n    font-size: clamp(42px, 8vw, 92px); line-height: 1.02;\r\n    margin-bottom: 18px; color: var(--cream);\r\n    animation: fadeDown 1s .3s ease both;\r\n  }\r\n  h1 .grad {\r\n    background: linear-gradient(100deg, var(--mint), var(--sage) 45%, var(--gold));\r\n    -webkit-background-clip: text; background-clip: text; color: transparent;\r\n    font-style: italic;\r\n  }\r\n  .sub {\r\n    max-width: 620px; font-size: clamp(15px, 2vw, 18px);\r\n    color: var(--muted); line-height: 1.75; margin-bottom: 14px;\r\n    animation: fadeDown 1s .4s ease both;\r\n  }\r\n  .apology {\r\n    max-width: 560px; font-size: 14px; color: rgba(216,243,220,0.75);\r\n    line-height: 1.7; margin-bottom: 36px;\r\n    padding: 14px 22px; border-radius: 14px;\r\n    background: rgba(255,255,255,0.04); border: 1px solid rgba(149,213,178,0.18);\r\n    animation: fadeDown 1s .5s ease both;\r\n  }\r\n  .apology strong { color: var(--mint); }\r\n\r\n  .countdown {\r\n    display: flex; gap: 12px; justify-content: center; margin-bottom: 34px;\r\n    animation: fadeDown 1s .6s ease both;\r\n  }\r\n  .cd-box {\r\n    min-width: 82px; padding: 16px 10px 12px;\r\n    background: rgba(255,255,255,0.05);\r\n    border: 1px solid rgba(149,213,178,0.22);\r\n    border-radius: 18px; backdrop-filter: blur(8px);\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .cd-box::after {\r\n    content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;\r\n    background: linear-gradient(100deg, transparent, rgba(149,213,178,0.12), transparent);\r\n    animation: sheen 3.4s ease-in-out infinite;\r\n  }\r\n  @keyframes sheen { 0% { left: -60%; } 55%,100% { left: 120%; } }\r\n  .cd-num {\r\n    font-family: 'Cormorant Garamond', serif; font-weight: 700;\r\n    font-size: 38px; line-height: 1; color: var(--cream);\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n  .cd-lbl { margin-top: 6px; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--sage); }\r\n\r\n  .progress-wrap { width: min(560px, 100%); margin-bottom: 12px; animation: fadeDown 1s .7s ease both; }\r\n  .progress-top {\r\n    display: flex; justify-content: space-between; align-items: baseline;\r\n    font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--muted); margin-bottom: 8px;\r\n  }\r\n  .progress-top #pct { color: var(--mint); font-size: 14px; font-variant-numeric: tabular-nums; }\r\n  .progress-bar {\r\n    height: 10px; border-radius: 999px; overflow: hidden;\r\n    background: rgba(255,255,255,0.08);\r\n    border: 1px solid rgba(149,213,178,0.2);\r\n  }\r\n  .progress-fill {\r\n    height: 100%; width: 0%;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--emerald), var(--sage), var(--mint));\r\n    position: relative; overflow: hidden;\r\n    transition: width 1.2s cubic-bezier(.3,.8,.3,1);\r\n    box-shadow: 0 0 18px rgba(82,183,136,0.55);\r\n  }\r\n  .progress-fill::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);\r\n    transform: translateX(-100%);\r\n    animation: barSheen 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes barSheen { to { transform: translateX(100%); } }\r\n  .status-line {\r\n    min-height: 22px; font-size: 13px; color: var(--sage);\r\n    font-family: 'Inter', monospace; margin-bottom: 34px;\r\n    animation: fadeDown 1s .8s ease both;\r\n  }\r\n  .status-line .cursor { display: inline-block; width: 8px; height: 14px; background: var(--sage); vertical-align: -2px; margin-left: 4px; animation: blink 1s steps(1) infinite; }\r\n  @keyframes blink { 50% { opacity: 0; } }\r\n\r\n  .checks {\r\n    display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;\r\n    max-width: 720px; margin-bottom: 38px;\r\n    animation: fadeDown 1s .9s ease both;\r\n  }\r\n  .check {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    padding: 9px 16px; border-radius: 999px;\r\n    background: rgba(255,255,255,0.05); border: 1px solid rgba(149,213,178,0.2);\r\n    font-size: 12px; font-weight: 600; color: rgba(216,243,220,0.85);\r\n    opacity: 0; transform: translateY(10px);\r\n    transition: all .5s ease;\r\n  }\r\n  .check.on { opacity: 1; transform: translateY(0); }\r\n  .check .tick {\r\n    width: 18px; height: 18px; border-radius: 50%;\r\n    background: rgba(82,183,136,0.2); color: var(--mint);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 10px; font-weight: 800;\r\n  }\r\n  .check.done .tick { background: var(--sage); color: var(--deep); }\r\n  .check.done { border-color: rgba(82,183,136,0.5); }\r\n\r\n  .actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 34px; animation: fadeDown 1s 1s ease both; }\r\n  .btn {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 15px 28px; border-radius: 999px; border: none; cursor: pointer;\r\n    font-family: 'Inter', sans-serif; font-weight: 700; font-size: 13px;\r\n    letter-spacing: 1px; text-transform: uppercase;\r\n    transition: all .3s ease; text-decoration: none;\r\n  }\r\n  .btn-wa { background: var(--wa); color: #06281A; box-shadow: 0 10px 30px rgba(37,211,102,0.35); }\r\n  .btn-wa:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(37,211,102,0.5); }\r\n  .btn-ghost { background: transparent; color: var(--mint); border: 1.5px solid rgba(149,213,178,0.5); }\r\n  .btn-ghost:hover { background: rgba(149,213,178,0.12); transform: translateY(-3px); }\r\n\r\n  .notify {\r\n    width: min(460px, 100%);\r\n    display: flex; gap: 8px; padding: 6px;\r\n    background: rgba(255,255,255,0.06); border: 1px solid rgba(149,213,178,0.25);\r\n    border-radius: 999px; backdrop-filter: blur(8px);\r\n    animation: fadeDown 1s 1.1s ease both;\r\n  }\r\n  .notify input {\r\n    flex: 1; min-width: 0; background: transparent; border: none; outline: none;\r\n    padding: 12px 18px; color: var(--cream); font-family: 'Inter', sans-serif; font-size: 14px;\r\n  }\r\n  .notify input::placeholder { color: rgba(157,184,168,0.7); }\r\n  .notify button {\r\n    padding: 12px 22px; border-radius: 999px; border: none; cursor: pointer;\r\n    background: linear-gradient(120deg, var(--sage), var(--emerald));\r\n    color: white; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;\r\n    transition: all .3s ease; white-space: nowrap;\r\n  }\r\n  .notify button:hover { filter: brightness(1.12); }\r\n  .notify.success { border-color: var(--sage); }\r\n  .notify-msg { margin-top: 10px; font-size: 12px; color: var(--mint); min-height: 18px; }\r\n\r\n  .foot {\r\n    position: relative; z-index: 5;\r\n    padding: 18px 24px 26px; text-align: center;\r\n    font-size: 12px; color: rgba(157,184,168,0.7);\r\n    border-top: 1px solid rgba(149,213,178,0.12);\r\n    background: rgba(7,26,19,0.6); backdrop-filter: blur(6px);\r\n  }\r\n  .foot .socials { display: flex; gap: 10px; justify-content: center; margin-bottom: 12px; }\r\n  .foot .socials a {\r\n    width: 36px; height: 36px; border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    background: rgba(255,255,255,0.06); border: 1px solid rgba(149,213,178,0.2);\r\n    color: var(--mint); transition: all .3s ease;\r\n  }\r\n  .foot .socials a:hover { background: var(--sage); color: var(--deep); transform: translateY(-3px); }\r\n\r\n  @keyframes fadeDown { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n  @media (max-width: 560px) {\r\n    .countdown { gap: 8px; }\r\n    .cd-box { min-width: 70px; padding: 12px 8px 10px; }\r\n    .cd-num { font-size: 30px; }\r\n    .notify { flex-direction: column; border-radius: 22px; padding: 10px; }\r\n    .notify input { text-align: center; padding: 12px; }\r\n    .notify button { width: 100%; padding: 14px; }\r\n    .actions { flex-direction: column; align-items: stretch; }\r\n    .btn { justify-content: center; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .2s !important; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"orb o1\"><\/div>\r\n<div class=\"orb o2\"><\/div>\r\n<div class=\"orb o3\"><\/div>\r\n<canvas id=\"particles\"><\/canvas>\r\n\r\n<main class=\"wrap\">\r\n  <div class=\"brand\"><span class=\"brand-mark\"><\/span>ArewaBelle<\/div>\r\n\r\n  <div class=\"loader\" aria-hidden=\"true\">\r\n    <div class=\"ring r1\"><span class=\"dot\"><\/span><\/div>\r\n    <div class=\"ring r2\"><\/div>\r\n    <div class=\"ring r3\"><\/div>\r\n    <div class=\"core\">\ud83c\udf3f<\/div>\r\n  <\/div>\r\n\r\n  <span class=\"pill\"><span class=\"live\"><\/span> Scheduled Maintenance In Progress<\/span>\r\n\r\n  <h1>We're Upgrading<br><span class=\"grad\">Something Beautiful.<\/span><\/h1>\r\n\r\n  <p class=\"sub\">Our website is undergoing a major upgrade to bring you a faster, smoother and more beautiful shopping experience \u2014 new products, easier ordering and instant WhatsApp support.<\/p>\r\n\r\n  <p class=\"apology\">\ud83d\ude4f <strong>We sincerely apologize<\/strong> for any inconvenience this temporary interruption may have caused you. Thank you for your patience and continued love \u2014 <strong>ArewaBelle Naturale Nigeria Ltd<\/strong> (Est. 2017) will be back better than ever.<\/p>\r\n\r\n  <div class=\"countdown\" role=\"timer\" aria-live=\"polite\">\r\n    <div class=\"cd-box\"><div class=\"cd-num\" id=\"cdD\">00<\/div><div class=\"cd-lbl\">Days<\/div><\/div>\r\n    <div class=\"cd-box\"><div class=\"cd-num\" id=\"cdH\">00<\/div><div class=\"cd-lbl\">Hours<\/div><\/div>\r\n    <div class=\"cd-box\"><div class=\"cd-num\" id=\"cdM\">00<\/div><div class=\"cd-lbl\">Minutes<\/div><\/div>\r\n    <div class=\"cd-box\"><div class=\"cd-num\" id=\"cdS\">00<\/div><div class=\"cd-lbl\">Seconds<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"progress-wrap\">\r\n    <div class=\"progress-top\"><span>Upgrade Progress<\/span><span id=\"pct\">0%<\/span><\/div>\r\n    <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"fill\"><\/div><\/div>\r\n  <\/div>\r\n  <div class=\"status-line\"><span id=\"statusText\"><\/span><span class=\"cursor\"><\/span><\/div>\r\n\r\n  <div class=\"checks\" id=\"checks\">\r\n    <span class=\"check\"><span class=\"tick\">\u2713<\/span> New storefront design<\/span>\r\n    <span class=\"check\"><span class=\"tick\">\u2713<\/span> Faster checkout<\/span>\r\n    <span class=\"check\"><span class=\"tick\">\u2713<\/span> WhatsApp order integration<\/span>\r\n    <span class=\"check\"><span class=\"tick\">\u2713<\/span> Mobile app experience<\/span>\r\n    <span class=\"check\"><span class=\"tick\">\u2713<\/span> Secure payments<\/span>\r\n    <span class=\"check\"><span class=\"tick\">\u2713<\/span> Nationwide delivery tracking<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"actions\">\r\n    <a class=\"btn btn-wa\" href=\"https:\/\/wa.me\/2347031088555?text=Hello%20ArewaBelle!%20I%20want%20to%20place%20an%20order%20while%20the%20site%20is%20upgrading.\" target=\"_blank\" rel=\"noopener\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\r\n      Order via WhatsApp\r\n    <\/a>\r\n    <a class=\"btn btn-ghost\" href=\"mailto:arewabelle@yahoomail.com?subject=Upgrade%20Enquiry\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n      Email Us\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <form class=\"notify\" id=\"notifyForm\" autocomplete=\"off\">\r\n    <input type=\"email\" id=\"notifyEmail\" placeholder=\"your@email.com \u2014 get notified when we're back\" required>\r\n    <button type=\"submit\" id=\"notifyBtn\">Notify Me<\/button>\r\n  <\/form>\r\n  <div class=\"notify-msg\" id=\"notifyMsg\"><\/div>\r\n<\/main>\r\n\r\n<footer class=\"foot\">\r\n  <div class=\"socials\">\r\n    <a href=\"#\" aria-label=\"Instagram\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/a>\r\n    <a href=\"#\" aria-label=\"Twitter \/ X\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z\"\/><\/svg><\/a>\r\n    <a href=\"#\" aria-label=\"TikTok\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-5.2 1.74 2.89 2.89 0 012.31-4.64 2.93 2.93 0 01.88.13V9.4a6.84 6.84 0 00-1-.05A6.33 6.33 0 005.8 20.1a6.34 6.34 0 0010.86-4.43v-7a8.16 8.16 0 004.77 1.52v-3.4a4.85 4.85 0 01-1.84-.1z\"\/><\/svg><\/a>\r\n    <a href=\"https:\/\/wa.me\/2348000000000\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg><\/a>\r\n  <\/div>\r\n  \u00a9 2017\u20132026 ArewaBelle Naturale Nigeria Ltd \u00b7 Naturally African. Scientifically Proven.\r\n<\/footer>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n     \u2551  \u270f\ufe0f  EDIT YOUR COUNTDOWN DATE HERE \u2014 THIS IS THE ONLY BOX TO TOUCH \u2551\r\n     \u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n     \u2551  Pick ONE option below. Keep the others commented out with \/\/     \u2551\r\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\r\n\r\n  \/* \u2500\u2500 OPTION 1 \u00b7 SIMPLE NUMBERS (easiest) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     new Date(YEAR, MONTH - 1, DAY, HOUR, MINUTE, SECOND)\r\n     Month numbers: 1=Jan 2=Feb 3=Mar 4=Apr 5=May 6=Jun\r\n                    7=Jul 8=Aug 9=Sep 10=Oct 11=Nov 12=Dec\r\n     Hour uses 24-hour clock (9 = 9am, 17 = 5pm), Nigerian local time.\r\n     Example below = 20th October 2026 at 9:00 AM                        *\/\r\n  var LAUNCH_DATE = new Date(2026, 10 - 1, 20, 9, 0, 0);\r\n  \/\/                                 \u2191year \u2191month \u2191day \u2191hour \u2191min \u2191sec\r\n\r\n  \/* \u2500\u2500 OPTION 2 \u00b7 TEXT DATE (ISO format) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     Format: 'YYYY-MM-DDTHH:MM:SS'  \u00b7 add +01:00 for Nigeria (WAT)\r\n     Uncomment the line below (remove \/\/) and comment Option 1 instead  *\/\r\n  \/\/ var LAUNCH_DATE = new Date('2026-10-20T09:00:00+01:00');\r\n\r\n  \/* \u2500\u2500 OPTION 3 \u00b7 ROLLING COUNTDOWN (always counts from \"now\") \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     Useful for testing. Change the numbers freely:\r\n     milliseconds \u00b7 seconds \u00d71000 \u00b7 minutes \u00d760\u00d71000 \u00b7 hours \u00d760\u00d760\u00d71000 *\/\r\n  \/\/ var LAUNCH_DATE = new Date(Date.now() + 5 * 24 * 60 * 60 * 1000);  \/\/ 5 days\r\n  \/\/ var LAUNCH_DATE = new Date(Date.now() + 1000 * 60 * 60 * 72);      \/\/ 72 hours\r\n  \/\/ var LAUNCH_DATE = new Date(Date.now() + 1000 * 60 * 30);           \/\/ 30 minutes\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NOTHING BELOW THIS LINE NEEDS EDITING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  \/* Countdown *\/\r\n  var elD = document.getElementById('cdD'), elH = document.getElementById('cdH'),\r\n      elM = document.getElementById('cdM'), elS = document.getElementById('cdS');\r\n  function pad(n) { return String(n).padStart(2, '0'); }\r\n  function tick() {\r\n    var diff = Math.max(0, LAUNCH_DATE - Date.now());\r\n    var d = Math.floor(diff \/ 864e5),\r\n        h = Math.floor(diff \/ 36e5) % 24,\r\n        m = Math.floor(diff \/ 6e4) % 60,\r\n        s = Math.floor(diff \/ 1e3) % 60;\r\n    elD.textContent = pad(d); elH.textContent = pad(h);\r\n    elM.textContent = pad(m); elS.textContent = pad(s);\r\n    if (diff === 0) {\r\n      document.querySelector('.pill').innerHTML = '<span class=\"live\"><\/span> We are live \u2014 refreshing\u2026';\r\n      setTimeout(function () { location.reload(); }, 4000);\r\n    }\r\n  }\r\n  tick(); setInterval(tick, 1000);\r\n\r\n  \/* Progress simulation *\/\r\n  var fill = document.getElementById('fill'), pct = document.getElementById('pct');\r\n  var progress = 62;\r\n  function renderProgress() {\r\n    fill.style.width = progress.toFixed(1) + '%';\r\n    pct.textContent = Math.round(progress) + '%';\r\n  }\r\n  renderProgress();\r\n  setInterval(function () {\r\n    if (progress < 97) {\r\n      progress = Math.min(97, progress + Math.random() * 0.9);\r\n      renderProgress();\r\n    }\r\n  }, 2600);\r\n\r\n  \/* Status typewriter *\/\r\n  var messages = [\r\n    'Migrating product database\u2026',\r\n    'Polishing the new storefront UI\u2026',\r\n    'Wiring WhatsApp order pipeline\u2026',\r\n    'Optimizing images & performance\u2026',\r\n    'Testing secure checkout\u2026',\r\n    'Calibrating delivery tracking\u2026',\r\n    'Brewing fresh botanical content\u2026'\r\n  ];\r\n  var statusEl = document.getElementById('statusText');\r\n  var mi = 0, ci = 0, deleting = false;\r\n  function typeLoop() {\r\n    var msg = messages[mi];\r\n    if (!deleting) {\r\n      ci++;\r\n      statusEl.textContent = msg.slice(0, ci);\r\n      if (ci === msg.length) { deleting = true; return setTimeout(typeLoop, 1600); }\r\n      return setTimeout(typeLoop, 42);\r\n    }\r\n    ci--;\r\n    statusEl.textContent = msg.slice(0, ci);\r\n    if (ci === 0) { deleting = false; mi = (mi + 1) % messages.length; }\r\n    setTimeout(typeLoop, 18);\r\n  }\r\n  typeLoop();\r\n\r\n  \/* Checklist reveal *\/\r\n  var checks = Array.prototype.slice.call(document.querySelectorAll('.check'));\r\n  checks.forEach(function (c, i) {\r\n    setTimeout(function () {\r\n      c.classList.add('on');\r\n      setTimeout(function () { c.classList.add('done'); }, 700);\r\n    }, 1400 + i * 550);\r\n  });\r\n\r\n  \/* Notify form *\/\r\n  var form = document.getElementById('notifyForm'),\r\n      email = document.getElementById('notifyEmail'),\r\n      btn = document.getElementById('notifyBtn'),\r\n      msg = document.getElementById('notifyMsg');\r\n  form.addEventListener('submit', function (e) {\r\n    e.preventDefault();\r\n    if (!email.value || email.value.indexOf('@') < 0) { msg.textContent = 'Please enter a valid email address.'; return; }\r\n    btn.textContent = '\u2713 Saved';\r\n    form.classList.add('success');\r\n    msg.textContent = 'Thank you! We\\'ll email you the moment we\\'re back online. \ud83c\udf3f';\r\n    email.value = '';\r\n    setTimeout(function () { btn.textContent = 'Notify Me'; }, 3000);\r\n  });\r\n\r\n  \/* Floating particles *\/\r\n  var canvas = document.getElementById('particles'),\r\n      ctx = canvas.getContext('2d'),\r\n      W, H, parts = [];\r\n  function resize() {\r\n    W = canvas.width = window.innerWidth;\r\n    H = canvas.height = window.innerHeight;\r\n  }\r\n  window.addEventListener('resize', resize); resize();\r\n  var COUNT = Math.min(70, Math.floor(window.innerWidth \/ 18));\r\n  for (var i = 0; i < COUNT; i++) {\r\n    parts.push({\r\n      x: Math.random() * W, y: Math.random() * H,\r\n      r: Math.random() * 2.4 + 0.6,\r\n      vy: -(Math.random() * 0.45 + 0.12),\r\n      vx: (Math.random() - 0.5) * 0.3,\r\n      a: Math.random() * 0.5 + 0.15,\r\n      hue: Math.random() > 0.85 ? '201,169,97' : '149,213,178'\r\n    });\r\n  }\r\n  function draw() {\r\n    ctx.clearRect(0, 0, W, H);\r\n    for (var i = 0; i < parts.length; i++) {\r\n      var p = parts[i];\r\n      p.x += p.vx; p.y += p.vy;\r\n      if (p.y < -10) { p.y = H + 10; p.x = Math.random() * W; }\r\n      if (p.x < -10) p.x = W + 10;\r\n      if (p.x > W + 10) p.x = -10;\r\n      ctx.beginPath();\r\n      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n      ctx.fillStyle = 'rgba(' + p.hue + ',' + p.a + ')';\r\n      ctx.fill();\r\n    }\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ArewaBelle \u2014 We&#8217;re Upgrading | Back Soon ArewaBelle \ud83c\udf3f Scheduled Maintenance In Progress We&#8217;re UpgradingSomething Beautiful. Our website is undergoing a major upgrade to bring you a faster, smoother and more beautiful shopping experience \u2014 new products, easier ordering and instant WhatsApp support. \ud83d\ude4f We sincerely apologize for any inconvenience this temporary interruption may have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/arewabelle.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}