{"id":8,"date":"2026-04-19T06:04:09","date_gmt":"2026-04-19T06:04:09","guid":{"rendered":"https:\/\/zuribags.co.ke\/?page_id=8"},"modified":"2026-04-19T12:57:57","modified_gmt":"2026-04-19T12:57:57","slug":"home","status":"publish","type":"page","link":"https:\/\/zuribags.co.ke\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n  <title>Zuri Bags &#038; Shoes | Coming Soon<\/title>\n  <!-- Fonts: clean and modern -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      background: #faf0ea;  \/* soft beige *\/\n      font-family: 'Inter', sans-serif;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 1.5rem;\n    }\n\n    \/* main card *\/\n    .zuri-card {\n      max-width: 1300px;\n      width: 100%;\n      background: #fffdfb;\n      border-radius: 2rem;\n      overflow: hidden;\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\n      border: 1px solid #ffe5db;\n    }\n\n    \/* two columns *\/\n    .two-col {\n      display: flex;\n      flex-wrap: wrap;\n    }\n\n    \/* left side - images *\/\n    .image-col {\n      flex: 1.2;\n      background: #fff8f4;\n      padding: 2rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .main-img-box {\n      width: 100%;\n      max-width: 450px;\n      background: white;\n      border-radius: 1.8rem;\n      padding: 0.7rem;\n      box-shadow: 0 15px 30px rgba(0,0,0,0.05);\n    }\n\n    .main-img-box img {\n      width: 100%;\n      height: auto;\n      border-radius: 1.3rem;\n      display: block;\n      object-fit: cover;\n      aspect-ratio: 1 \/ 1.1;\n    }\n\n    .thumb-row {\n      display: flex;\n      gap: 1rem;\n      justify-content: center;\n      margin-top: 1.5rem;\n      flex-wrap: wrap;\n    }\n\n    .thumb {\n      width: 80px;\n      height: 80px;\n      border-radius: 1rem;\n      overflow: hidden;\n      cursor: pointer;\n      border: 2px solid transparent;\n      transition: all 0.2s;\n      background: #fff0e8;\n    }\n\n    .thumb img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .thumb.active {\n      border-color: #e6aa94;\n      transform: scale(0.95);\n    }\n\n    \/* right side - text *\/\n    .text-col {\n      flex: 1;\n      padding: 3rem 2.5rem;\n      background: #ffffff;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .coming-badge {\n      display: inline-block;\n      background: #fae6df;\n      color: #c5775b;\n      font-size: 0.7rem;\n      font-weight: 600;\n      padding: 0.3rem 1rem;\n      border-radius: 40px;\n      letter-spacing: 0.5px;\n      width: fit-content;\n      margin-bottom: 1.5rem;\n    }\n\n    h1 {\n      font-size: 3.5rem;\n      font-weight: 700;\n      line-height: 1.2;\n      color: #412e24;\n      margin-bottom: 0.75rem;\n    }\n\n    .zuri-name {\n      background: linear-gradient(135deg, #dc9a82, #c0694e);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n    }\n\n    .short-msg {\n      font-size: 1rem;\n      color: #8b6c5d;\n      margin: 1rem 0 1.8rem 0;\n      font-weight: 400;\n      border-left: 3px solid #f3cfc2;\n      padding-left: 1rem;\n    }\n\n    \/* timer *\/\n    .timer-box {\n      background: #fef7f2;\n      border-radius: 1.5rem;\n      padding: 1rem;\n      margin: 1.2rem 0;\n    }\n\n    .timer-flex {\n      display: flex;\n      gap: 0.8rem;\n      justify-content: space-between;\n      text-align: center;\n    }\n\n    .timer-item {\n      background: white;\n      border-radius: 1rem;\n      padding: 0.6rem 0;\n      width: 100%;\n      border: 1px solid #ffebe2;\n    }\n\n    .timer-num {\n      font-size: 2rem;\n      font-weight: 800;\n      color: #cd8168;\n      line-height: 1;\n    }\n\n    .timer-label {\n      font-size: 0.65rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: #b68976;\n      letter-spacing: 0.5px;\n    }\n\n    \/* simple form *\/\n    .form-area {\n      margin: 1.5rem 0 1rem;\n    }\n\n    .flex-form {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n\n    .email-field {\n      flex: 2;\n      padding: 0.85rem 1.2rem;\n      border-radius: 60px;\n      border: 1px solid #f0dbd1;\n      font-family: 'Inter', sans-serif;\n      font-size: 0.9rem;\n      outline: none;\n      background: white;\n    }\n\n    .email-field:focus {\n      border-color: #e1b5a4;\n      box-shadow: 0 0 0 2px rgba(200, 122, 96, 0.08);\n    }\n\n    .notify-btn {\n      background: #e2b3a1;\n      border: none;\n      padding: 0.85rem 1.8rem;\n      border-radius: 60px;\n      font-weight: 600;\n      color: white;\n      cursor: pointer;\n      transition: 0.2s;\n      font-family: 'Inter', sans-serif;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .notify-btn:hover {\n      background: #cf917b;\n      transform: translateY(-2px);\n    }\n\n    .feedback {\n      font-size: 0.75rem;\n      margin-top: 0.7rem;\n      color: #c0765c;\n    }\n\n    \/* social icons simple *\/\n    .social-icons {\n      display: flex;\n      gap: 1rem;\n      margin-top: 2rem;\n    }\n\n    .social-icons a {\n      background: #f5eae4;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: #c48268;\n      text-decoration: none;\n      transition: 0.2s;\n    }\n\n    .social-icons a:hover {\n      background: #eedcd2;\n      color: #a56048;\n      transform: translateY(-2px);\n    }\n\n    \/* footer *\/\n    .footer {\n      text-align: center;\n      padding: 1rem;\n      font-size: 0.7rem;\n      border-top: 1px solid #fae9e2;\n      color: #c7a595;\n      background: #fffdfb;\n    }\n\n    @media (max-width: 850px) {\n      .two-col {\n        flex-direction: column;\n      }\n      .text-col {\n        text-align: center;\n        padding: 2rem 1.8rem;\n      }\n      h1 {\n        font-size: 2.5rem;\n      }\n      .coming-badge {\n        margin-left: auto;\n        margin-right: auto;\n      }\n      .short-msg {\n        text-align: left;\n      }\n      .image-col {\n        order: 1;\n      }\n    }\n\n    @media (max-width: 500px) {\n      .timer-num {\n        font-size: 1.5rem;\n      }\n      .thumb {\n        width: 65px;\n        height: 65px;\n      }\n      h1 {\n        font-size: 2rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n<div class=\"zuri-card\">\n  <div class=\"two-col\">\n    <!-- LEFT: GALLERY (images you can change) -->\n    <div class=\"image-col\">\n      <div class=\"main-img-box\">\n        <img decoding=\"async\" id=\"mainImg\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG.jpg\" alt=\"Zuri bag\" title=\"\">\n      <\/div>\n      <div class=\"thumb-row\" id=\"thumbList\">\n        <div class=\"thumb\" data-img=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG.jpg\" alt=\"bag\" title=\"\">\n        <\/div>\n        <div class=\"thumb\" data-img=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG1.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG1.jpg\" alt=\"bag2\" title=\"\">\n        <\/div>\n        <div class=\"thumb\" data-img=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/SHOE2.jpg\">\n          <img decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/SHOE2.jpg\" alt=\"shoes\" title=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: SIMPLE TEXT & COUNTDOWN -->\n    <div class=\"text-col\">\n      <div class=\"coming-badge\">\n        <i class=\"fas fa-hourglass-half\"><\/i> coming soon\n      <\/div>\n      <h1>\n        ZURI <span class=\"zuri-name\">BAGS &#038; SHOES<\/span>\n      <\/h1>\n      <p class=\"short-msg\">\n        Our online shop is coming soon. Fresh styles, quality pieces.\n      <\/p>\n\n      <!-- countdown -->\n      <div class=\"timer-box\">\n        <div class=\"timer-flex\">\n          <div class=\"timer-item\"><div class=\"timer-num\" id=\"days\">00<\/div><div class=\"timer-label\">Days<\/div><\/div>\n          <div class=\"timer-item\"><div class=\"timer-num\" id=\"hours\">00<\/div><div class=\"timer-label\">Hours<\/div><\/div>\n          <div class=\"timer-item\"><div class=\"timer-num\" id=\"minutes\">00<\/div><div class=\"timer-label\">Mins<\/div><\/div>\n          <div class=\"timer-item\"><div class=\"timer-num\" id=\"seconds\">00<\/div><div class=\"timer-label\">Secs<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- notify form -->\n      <div class=\"form-area\">\n        <div class=\"flex-form\">\n          <input type=\"email\" class=\"email-field\" id=\"notifyEmail\" placeholder=\"Email for update\">\n          <button class=\"notify-btn\" id=\"notifyBtn\">Notify <i class=\"fas fa-bell\"><\/i><\/button>\n        <\/div>\n        <div class=\"feedback\" id=\"formFeedback\"><\/div>\n      <\/div>\n\n      <!-- social -->\n      <div class=\"social-icons\">\n        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n        <a href=\"#\"><i class=\"fab fa-pinterest-p\"><\/i><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"footer\">\n    <i class=\"fas fa-gem\"><\/i> Zuri \u2014 be the first to shop\n  <\/div>\n<\/div>\n\n<script>\n  (function() {\n    \/\/ COUNTDOWN: 12 days from now (just a nice coming soon feel)\n    let target = new Date();\n    target.setDate(target.getDate() + 12);\n    target.setHours(10, 0, 0, 0);\n    if (target <= new Date()) target.setDate(target.getDate() + 1);\n\n    function updateCount() {\n      const now = new Date().getTime();\n      const diff = target - now;\n      if (diff < 0) {\n        document.getElementById('days').innerText = '00';\n        document.getElementById('hours').innerText = '00';\n        document.getElementById('minutes').innerText = '00';\n        document.getElementById('seconds').innerText = '00';\n        return;\n      }\n      const d = Math.floor(diff \/ (1000*60*60*24));\n      const h = Math.floor((diff % (1000*60*60*24)) \/ (1000*60*60));\n      const m = Math.floor((diff % (1000*60*60)) \/ (1000*60));\n      const s = Math.floor((diff % (1000*60)) \/ 1000);\n      document.getElementById('days').innerText = d < 10 ? '0'+d : d;\n      document.getElementById('hours').innerText = h < 10 ? '0'+h : h;\n      document.getElementById('minutes').innerText = m < 10 ? '0'+m : m;\n      document.getElementById('seconds').innerText = s < 10 ? '0'+s : s;\n    }\n    updateCount();\n    setInterval(updateCount, 1000);\n\n    \/\/ IMAGE SWAP (thumbnails)\n    const mainImage = document.getElementById('mainImg');\n    const thumbs = document.querySelectorAll('.thumb');\n    if (thumbs.length &#038;&#038; mainImage) {\n      thumbs.forEach(thumb => {\n        thumb.addEventListener('click', function() {\n          const newSrc = this.getAttribute('data-img');\n          if (newSrc) {\n            mainImage.style.opacity = '0.5';\n            setTimeout(() => {\n              mainImage.src = newSrc;\n              mainImage.style.opacity = '1';\n            }, 100);\n          }\n          thumbs.forEach(t => t.classList.remove('active'));\n          this.classList.add('active');\n        });\n      });\n      \/\/ set first active\n      thumbs[0].classList.add('active');\n    }\n\n    \/\/ NOTIFY BUTTON (simple frontend)\n    const btn = document.getElementById('notifyBtn');\n    const emailInput = document.getElementById('notifyEmail');\n    const feedbackSpan = document.getElementById('formFeedback');\n    function validEmail(e) {\n      return \/^[^\\s@]+@([^\\s@.,]+\\.)+[^\\s@.,]{2,}$\/.test(e);\n    }\n    if (btn) {\n      btn.addEventListener('click', (e) => {\n        e.preventDefault();\n        const mail = emailInput.value.trim();\n        if (!mail) {\n          feedbackSpan.innerHTML = '<span><i class=\"fas fa-info-circle\"><\/i> Enter your email<\/span>';\n          return;\n        }\n        if (!validEmail(mail)) {\n          feedbackSpan.innerHTML = '<span><i class=\"fas fa-times\"><\/i> Valid email please<\/span>';\n          return;\n        }\n        feedbackSpan.innerHTML = '<span style=\"color:#bf7a60;\"><i class=\"fas fa-check\"><\/i> Thanks! We\u2019ll let you know.<\/span>';\n        emailInput.value = '';\n        setTimeout(() => { feedbackSpan.innerHTML = ''; }, 3500);\n      });\n    }\n  })();\n<\/script>\n<!-- \n  ========== EASY IMAGE GUIDE ==========\n  To add your own images:\n  1. Main big image: change src of <img id=\"mainImg\"> inside .main-img-box\n  2. Thumbnails: inside .thumb-row, each .thumb has data-img and img src. Replace those URLs.\n  3. You can add more thumbnails by copying a .thumb div.\n  All colors: beige, white, pink shades. Simple words, no complex english.\n-->\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zuri Bags &#038; Shoes | Coming Soon coming soon ZURI BAGS &#038; SHOES Our online shop is coming soon. Fresh [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/zuribags.co.ke\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Zuri Bags &#038; Shoes | Coming Soon coming soon ZURI BAGS &#038; SHOES Our online shop is coming soon. Fresh [&hellip;]","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":5,"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1527,"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/pages\/8\/revisions\/1527"}],"wp:attachment":[{"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}