{"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-21T07:22:08","modified_gmt":"2026-04-21T07:22:08","slug":"home","status":"publish","type":"page","link":"https:\/\/zuribags.co.ke\/","title":{"rendered":"client-dashboard"},"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, viewport-fit=cover\">\n<title>Zuri Bags &#038; Shoes | Kenyan Elegance<\/title>\n<!-- Google Fonts + Font Awesome -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&#038;family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&#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<!-- Swiper for reviews carousel -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<style>\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: 'Inter', sans-serif;\n    background: #FFF9F7;\n    color: #2C1E18;\n    overflow-x: hidden;\n  }\n\n  \/* ===== PROFESSIONAL COLOR SYSTEM (PRESERVED) ===== *\/\n  :root {\n    --mustard: #E1AD01;\n    --mustard-dark: #C29500;\n    --mustard-soft: #F5E2A1;\n    --purple: #6A4C9C;\n    --purple-deep: #543B7A;\n    --purple-glow: #8B6CB0;\n    --pink: #F9B5AC;\n    --pink-deep: #F09B8F;\n    --pink-soft: #FFE4DE;\n    --cream: #FFF8F5;\n    --dark-charcoal: #2D1F1A;\n    --text-muted: #7A5B4E;\n    --shadow-sm: 0 10px 25px -8px rgba(0,0,0,0.05);\n    --shadow-md: 0 20px 35px -12px rgba(106,76,156,0.12);\n    --shadow-lg: 0 30px 40px -15px rgba(0,0,0,0.1);\n  }\n\n  .container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 32px;\n  }\n\n  \/* ===== ANIMATIONS ===== *\/\n  @keyframes fadeUp {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes subtleScale {\n    0% { opacity: 0; transform: scale(0.96); }\n    100% { opacity: 1; transform: scale(1); }\n  }\n\n  .animate-fadeUp {\n    animation: fadeUp 0.8s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\n  }\n\n  .animate-scale {\n    animation: subtleScale 0.6s ease forwards;\n  }\n\n  \/* ===== SIMPLE SEARCH BAR (ELEGANT) ===== *\/\n  .simple-search {\n    position: relative;\n    max-width: 480px;\n    margin: 0 auto 32px auto;\n    background: white;\n    border-radius: 60px;\n    box-shadow: var(--shadow-sm);\n    border: 1px solid #FFE7DF;\n    transition: all 0.3s ease;\n  }\n\n  .simple-search:focus-within {\n    box-shadow: var(--shadow-md);\n    border-color: var(--purple);\n  }\n\n  .simple-search form {\n    display: flex;\n    align-items: center;\n  }\n\n  .simple-search input[type=\"search\"] {\n    flex: 1;\n    padding: 14px 24px;\n    border: none;\n    background: transparent;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    color: var(--dark-charcoal);\n    outline: none;\n    border-radius: 60px;\n  }\n\n  .simple-search input::placeholder {\n    color: var(--text-muted);\n    font-weight: 400;\n  }\n\n  .simple-search button {\n    background: var(--purple);\n    border: none;\n    width: 48px;\n    height: 48px;\n    margin: 4px;\n    border-radius: 50px;\n    color: white;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1rem;\n  }\n\n  .simple-search button:hover {\n    background: var(--purple-deep);\n    transform: scale(0.96);\n  }\n\n  \/* ===== HERO SECTION WITH BACKGROUND SLIDESHOW ===== *\/\n  .hero {\n    position: relative;\n    min-height: 85vh;\n    display: flex;\n    align-items: center;\n    border-radius: 0 0 3rem 3rem;\n    overflow: hidden;\n    margin-bottom: 2rem;\n  }\n\n  \/* Background slideshow container *\/\n  .hero-bg-slideshow {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n  }\n\n  .bg-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    opacity: 0;\n    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n    z-index: 0;\n  }\n\n  .bg-slide.active {\n    opacity: 1;\n    z-index: 1;\n  }\n\n  \/* Overlay for better text readability *\/\n  .hero::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(105deg, rgba(252,242,235,0.88) 0%, rgba(255,233,225,0.85) 50%, rgba(106,76,156,0.2) 100%);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  \/* Decorative radial gradient *\/\n  .hero::before {\n    content: '';\n    position: absolute;\n    top: -30%;\n    right: -10%;\n    width: 60%;\n    height: 120%;\n    background: radial-gradient(circle, rgba(249,181,172,0.25) 0%, rgba(106,76,156,0.1) 70%);\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 2;\n  }\n\n  .hero-grid {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 3rem;\n    position: relative;\n    z-index: 10;\n    width: 100%;\n  }\n\n  .hero-content {\n    flex: 1;\n    animation: fadeUp 0.7s ease;\n    backdrop-filter: blur(2px);\n  }\n\n  .hero-badge {\n    background: rgba(249,181,172,0.9);\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 0.4rem 1.2rem;\n    border-radius: 60px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: #5E2E24;\n    margin-bottom: 1.2rem;\n    backdrop-filter: blur(4px);\n  }\n\n  .hero-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 3.8rem;\n    line-height: 1.2;\n    font-weight: 700;\n    background: linear-gradient(135deg, #3F2A20 0%, var(--purple) 80%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    text-shadow: 0 2px 10px rgba(255,255,240,0.5);\n  }\n\n  .hero-title span {\n    color: var(--mustard);\n    background: none;\n    -webkit-background-clip: unset;\n    background-clip: unset;\n    border-bottom: 3px solid var(--pink);\n  }\n\n  .hero-desc {\n    color: #3D2B23;\n    margin: 1.2rem 0 2rem;\n    font-size: 1rem;\n    max-width: 85%;\n    line-height: 1.5;\n    font-weight: 500;\n    text-shadow: 0 1px 2px rgba(255,255,240,0.6);\n  }\n\n  .btn-primary {\n    background: var(--purple);\n    color: white;\n    padding: 12px 32px;\n    border-radius: 50px;\n    font-weight: 600;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 18px rgba(106,76,156,0.35);\n    border: none;\n    cursor: pointer;\n  }\n\n  .btn-primary:hover {\n    background: var(--purple-deep);\n    transform: translateY(-3px);\n    box-shadow: 0 15px 25px rgba(106,76,156,0.4);\n  }\n\n  .btn-outline {\n    background: rgba(255,255,255,0.9);\n    border: 2px solid var(--mustard);\n    color: var(--mustard-dark);\n    padding: 10px 28px;\n    border-radius: 50px;\n    font-weight: 600;\n    margin-left: 12px;\n    text-decoration: none;\n    transition: 0.25s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    backdrop-filter: blur(4px);\n  }\n\n  .btn-outline:hover {\n    background: var(--mustard);\n    color: white;\n    transform: translateY(-2px);\n  }\n\n  \/* Slideshow controls *\/\n  .hero-slide-controls {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    z-index: 15;\n  }\n\n  .hero-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.6);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    padding: 0;\n    backdrop-filter: blur(2px);\n  }\n\n  .hero-dot.active {\n    background: var(--purple);\n    width: 28px;\n    border-radius: 10px;\n  }\n\n  .hero-dot:hover {\n    background: var(--mustard);\n    transform: scale(1.2);\n  }\n\n  .hero-nav-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 42px;\n    height: 42px;\n    background: rgba(255,255,255,0.75);\n    backdrop-filter: blur(6px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 15;\n    transition: all 0.3s ease;\n    color: var(--purple);\n    font-size: 1.2rem;\n    border: none;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n  }\n\n  .hero-nav-arrow:hover {\n    background: var(--purple);\n    color: white;\n    transform: translateY(-50%) scale(1.08);\n  }\n\n  .hero-nav-arrow.prev { left: 24px; }\n  .hero-nav-arrow.next { right: 24px; }\n\n  .hero-counter {\n    position: absolute;\n    bottom: 30px;\n    right: 30px;\n    background: rgba(0,0,0,0.55);\n    backdrop-filter: blur(8px);\n    color: white;\n    padding: 5px 14px;\n    border-radius: 40px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    z-index: 15;\n    font-family: monospace;\n    letter-spacing: 0.5px;\n  }\n\n  \/* ===== SECTION STYLES ===== *\/\n  .section {\n    padding: 4rem 0;\n  }\n\n  .section-header {\n    text-align: center;\n    margin-bottom: 2.5rem;\n  }\n\n  .section-header h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.4rem;\n    font-weight: 600;\n    color: #3A2620;\n    position: relative;\n    display: inline-block;\n  }\n\n  .section-header h2:after {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 70px;\n    height: 3px;\n    background: linear-gradient(90deg, var(--mustard), var(--pink));\n    border-radius: 4px;\n  }\n\n  .section-sub {\n    display: block;\n    color: var(--purple-glow);\n    font-weight: 500;\n    letter-spacing: 1px;\n    margin-bottom: 0.5rem;\n  }\n\n  \/* ===== CATEGORY CARDS - 3 COLUMNS, 2 ROWS ON MOBILE ===== *\/\n  .woo-categories-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 2rem;\n    margin-top: 1rem;\n  }\n\n  \/* Desktop: 4+ columns, Tablet: 3, Mobile: 2 columns (2 rows automatically) *\/\n  @media (min-width: 1024px) {\n    .woo-categories-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1023px) {\n    .woo-categories-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  @media (max-width: 767px) {\n    .woo-categories-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 1rem;\n    }\n  }\n\n  .cat-card {\n    background: white;\n    border-radius: 1.8rem;\n    padding: 1.8rem 1rem;\n    text-align: center;\n    transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n    text-decoration: none;\n    display: block;\n    border: 1px solid #FFE7DF;\n    box-shadow: var(--shadow-sm);\n  }\n\n  .cat-card:hover {\n    transform: translateY(-10px) scale(1.02);\n    border-color: var(--pink);\n    box-shadow: var(--shadow-md);\n  }\n\n  .cat-icon {\n    font-size: 2.8rem;\n    color: var(--purple);\n    margin-bottom: 1rem;\n    transition: 0.2s;\n  }\n\n  .cat-card:hover .cat-icon {\n    transform: scale(1.05);\n    color: var(--mustard);\n  }\n\n  .cat-card h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    color: #3F2A20;\n  }\n\n  .cat-card p {\n    font-size: 0.8rem;\n    color: var(--text-muted);\n    margin-top: 0.3rem;\n  }\n\n  \/* ===== WOOCOMMERCE PRODUCT STYLES ===== *\/\n  .woocommerce.columns-4 ul.products, ul.products {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 1.8rem;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .product {\n    background: white;\n    border-radius: 1.5rem;\n    overflow: hidden;\n    transition: all 0.35s ease;\n    box-shadow: var(--shadow-sm);\n    border: 1px solid #FCE8E0;\n  }\n\n  .product:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--pink);\n  }\n\n  .product img {\n    width: 100%;\n    height: auto;\n    aspect-ratio: 1\/1;\n    object-fit: cover;\n    transition: transform 0.5s;\n  }\n\n  .product:hover img {\n    transform: scale(1.04);\n  }\n\n  .product h2, .woocommerce-loop-product__title {\n    font-size: 1rem;\n    font-weight: 600;\n    padding: 0.8rem 0.8rem 0;\n    color: #2D1F1A;\n  }\n\n  .price {\n    padding: 0 0.8rem 0.8rem;\n    display: block;\n    font-weight: 700;\n    color: var(--purple);\n  }\n\n  .price ins {\n    background: none;\n    text-decoration: none;\n    font-weight: 800;\n  }\n\n  .price del {\n    color: #B68B7A;\n    font-size: 0.8rem;\n    margin-right: 6px;\n  }\n\n  .add_to_cart_button, .button {\n    background: var(--mustard);\n    color: #2C1E18;\n    border-radius: 40px;\n    font-weight: 600;\n    font-size: 0.7rem;\n    padding: 6px 16px;\n    margin: 0 0.8rem 1rem;\n    display: inline-block;\n    transition: 0.2s;\n    border: none;\n  }\n\n  .add_to_cart_button:hover {\n    background: var(--mustard-dark);\n    transform: scale(0.96);\n  }\n\n  .onsale {\n    background: var(--pink-deep);\n    color: #862E1A;\n    font-weight: 800;\n    border-radius: 30px;\n    padding: 0.2rem 0.7rem;\n    font-size: 0.7rem;\n    top: 12px;\n    left: 12px;\n  }\n\n  \/* ===== BEST SELLERS SECTION ===== *\/\n  .bestseller-highlight {\n    background: linear-gradient(115deg, #FFF5F0 0%, #FFEFE8 100%);\n    border-radius: 2rem;\n    padding: 1.5rem 0 2rem;\n  }\n\n  \/* ===== CUSTOMER REVIEWS ===== *\/\n  .reviews-section {\n    background: #FFFBF8;\n    padding: 3rem 0;\n  }\n\n  .review-card {\n    background: white;\n    border-radius: 1.8rem;\n    padding: 1.8rem;\n    margin: 0.8rem;\n    box-shadow: var(--shadow-sm);\n    border: 1px solid #FFE2D8;\n    transition: all 0.3s;\n  }\n\n  .review-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-md);\n  }\n\n  .review-stars {\n    color: var(--mustard);\n    margin-bottom: 0.8rem;\n    letter-spacing: 2px;\n  }\n\n  .review-text {\n    font-style: italic;\n    color: #3D2B23;\n    line-height: 1.5;\n    font-size: 0.9rem;\n  }\n\n  .reviewer {\n    margin-top: 1rem;\n    font-weight: 700;\n    color: var(--purple);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .reviewer i {\n    font-size: 1rem;\n    color: var(--mustard);\n  }\n\n  .review-location {\n    font-size: 0.7rem;\n    color: var(--text-muted);\n    font-weight: normal;\n  }\n\n  .swiper-pagination-bullet-active {\n    background: var(--purple) !important;\n  }\n\n  \/* ===== RESPONSIVE (FULLY COMPATIBLE) ===== *\/\n  @media (max-width: 850px) {\n    .hero-title { font-size: 2.4rem; }\n    .hero-grid { flex-direction: column; text-align: center; }\n    .hero-desc { max-width: 100%; }\n    .container { padding: 0 20px; }\n    .section-header h2 { font-size: 1.9rem; }\n    .hero-nav-arrow { width: 34px; height: 34px; font-size: 0.9rem; }\n    .hero-nav-arrow.prev { left: 12px; }\n    .hero-nav-arrow.next { right: 12px; }\n    .hero-counter { bottom: 20px; right: 20px; font-size: 0.7rem; }\n    .hero-slide-controls { bottom: 20px; }\n  }\n\n  @media (max-width: 480px) {\n    .hero-nav-arrow { display: none; }\n    .hero-counter { bottom: 16px; right: 16px; }\n    .simple-search input[type=\"search\"] { padding: 10px 18px; font-size: 0.85rem; }\n    .simple-search button { width: 42px; height: 42px; }\n    .cat-card h3 { font-size: 1rem; }\n    .cat-icon { font-size: 2rem; }\n    .cat-card { padding: 1rem 0.5rem; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO SECTION WITH BACKGROUND SLIDESHOW -->\n<section class=\"hero\">\n  <!-- Background slideshow container -->\n  <div class=\"hero-bg-slideshow\" id=\"heroBgSlideshow\">\n    <div class=\"bg-slide active\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-233301.jpg');\"><\/div>\n    <div class=\"bg-slide\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-233241.jpg');\"><\/div>\n    <div class=\"bg-slide\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-233216.jpg');\"><\/div>\n    <div class=\"bg-slide\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-232848.jpg');\"><\/div>\n    <div class=\"bg-slide\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-232950.jpg');\"><\/div>\n    <div class=\"bg-slide\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-232917.jpg');\"><\/div>\n     <div class=\"bg-slide\" style=\"background-image: url('https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-233139.jpg');\"><\/div>\n  <\/div>\n\n  <!-- Navigation Arrows -->\n  <button class=\"hero-nav-arrow prev\" aria-label=\"Previous slide\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n  <button class=\"hero-nav-arrow next\" aria-label=\"Next slide\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n\n  <!-- Slide Counter -->\n  <div class=\"hero-counter\">\n    <span id=\"bgCurrentSlide\">1<\/span> \/ <span id=\"bgTotalSlides\">5<\/span>\n  <\/div>\n\n  <!-- Dot Controls -->\n  <div class=\"hero-slide-controls\" id=\"heroDotControls\"><\/div>\n\n  <div class=\"container hero-grid\">\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\"><i class=\"fas fa-sparkle\"><\/i> Premium Craft<\/div>\n      <h1 class=\"hero-title\">ZURI <span>BAGS &#038; SHOES<\/span><\/h1>\n      <p class=\"hero-desc\">Step into bold elegance. Designed for the modern Kenyan woman.<\/p>\n      <div>\n        <a href=\"#shop-now\" class=\"btn-primary\">Shop Collection <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <a href=\"#explore\" class=\"btn-outline\"><i class=\"fas fa-play\"><\/i> Explore<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"container\">\n  <!-- ELEGANT SEARCH BAR (REPLACES OLD NAVBAR) -->\n  <div class=\"simple-search\">\n    <form role=\"search\" method=\"get\" action=\"https:\/\/zuribags.co.ke\/\">\n      <input type=\"search\" name=\"s\" placeholder=\"Search bags, shoes, accessories...\" autocomplete=\"off\">\n      <button type=\"submit\" aria-label=\"Search\"><i class=\"fas fa-search\"><\/i><\/button>\n    <\/form>\n  <\/div>\n\n  <!-- CATEGORIES -->\n<!-- PARENT CATEGORIES (HORIZONTAL) -->\n<section class=\"section\">\n  <div class=\"section-header\">\n    <span class=\"section-sub\">Shop by<\/span>\n    <h2>Our Categories<\/h2>\n  <\/div>\n\n  <div class=\"parent-categories\">\n    <div class=\"woocommerce columns-5\"><ul class=\"products columns-5\">\n<li class=\"product-category product first\">\n\t<a aria-label=\"Visit product category Bags\" href=\"https:\/\/zuribags.co.ke\/product-category\/bags\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG1-300x300.jpg\" alt=\"Bags\" width=\"300\" height=\"300\" srcset=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG1-300x300.jpg 300w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG1-150x150.jpg 150w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/BAG1-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"client-dashboard\">\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tBags\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Visit product category Belts\" href=\"https:\/\/zuribags.co.ke\/product-category\/belts\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/belts-300x300.jpg\" alt=\"Belts\" width=\"300\" height=\"300\" srcset=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/belts-300x300.jpg 300w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/belts-150x150.jpg 150w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/belts-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"client-dashboard\">\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tBelts\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Visit product category Bracelets , necklaces\/chains\" href=\"https:\/\/zuribags.co.ke\/product-category\/bracelets-necklaces-chains\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/bust-showcase-jewelry-display-necklace-pendant-jewelry-lifestyle-fashion-accessories-mockup-300x300.jpg\" alt=\"Bracelets , necklaces\/chains\" width=\"300\" height=\"300\" srcset=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/bust-showcase-jewelry-display-necklace-pendant-jewelry-lifestyle-fashion-accessories-mockup-300x300.jpg 300w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/bust-showcase-jewelry-display-necklace-pendant-jewelry-lifestyle-fashion-accessories-mockup-150x150.jpg 150w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/bust-showcase-jewelry-display-necklace-pendant-jewelry-lifestyle-fashion-accessories-mockup-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"client-dashboard\">\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tBracelets , necklaces\/chains\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Visit product category Shoes\" href=\"https:\/\/zuribags.co.ke\/product-category\/shoes\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/SHOE2-300x300.jpg\" alt=\"Shoes\" width=\"300\" height=\"300\" srcset=\"https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/SHOE2-300x300.jpg 300w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/SHOE2-150x150.jpg 150w, https:\/\/zuribags.co.ke\/wp-content\/uploads\/2026\/04\/SHOE2-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" title=\"client-dashboard\">\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tShoes\t\t<\/h2>\n\t\t<\/a><\/li>\n<\/ul>\n<\/div>\n  <\/div>\n<\/section>\n\n<!-- ON SALE PRODUCTS -->\n<section class=\"section\">\n  <div class=\"section-header\">\n    <span class=\"section-sub\">Don&#8217;t Miss<\/span>\n    <h2>On Sale<\/h2>\n  <\/div>\n\n  <div class=\"woocommerce columns-4 \"><\/div>\n<\/section>\n\n<!-- NEW ARRIVALS -->\n<section class=\"section\">\n  <div class=\"section-header\">\n    <span class=\"section-sub\">Just Dropped<\/span>\n    <h2>New Arrivals<\/h2>\n  <\/div>\n\n  <div class=\"woocommerce columns-4 \"><\/div>\n<\/section>\n\n<!-- BEST SELLERS -->\n<section class=\"section bestseller-highlight\">\n  <div class=\"section-header\">\n    <span class=\"section-sub\">Customer Favorites<\/span>\n    <h2>Best Sellers<\/h2>\n  <\/div>\n\n  <div class=\"woocommerce columns-4 \"><\/div>\n<\/section>\n  <!-- CUSTOMER REVIEWS (Kenyan voices) -->\n  <section class=\"reviews-section\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <span class=\"section-sub\"><i class=\"fas fa-heart\"><\/i> Loved by Kenyans<\/span>\n        <h2>Real Reviews<\/h2>\n      <\/div>\n      <div class=\"swiper reviewsSwiper\">\n        <div class=\"swiper-wrapper\">\n          <div class=\"swiper-slide\">\n            <div class=\"review-card\">\n              <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n              <div class=\"review-text\">\u201cNimepata handbag ya kwanza kutoka Zuri na ni stunning! Quality iko juu sana. Nairobi delivery ilikuwa harafi.\u201d<\/div>\n              <div class=\"reviewer\"><i class=\"fas fa-user-circle\"><\/i> Wanjiku M. <span class=\"review-location\">&#8211; Nairobi<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"swiper-slide\">\n            <div class=\"review-card\">\n              <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div>\n              <div class=\"review-text\">\u201cShoes zao ni comfortable na trendy. Nimepata compliment nyingi. Best online store in Kenya!\u201d<\/div>\n              <div class=\"reviewer\"><i class=\"fas fa-user-circle\"><\/i> Otieno R. <span class=\"review-location\">&#8211; Kisumu<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"swiper-slide\">\n            <div class=\"review-card\">\n              <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n              <div class=\"review-text\">\u201cCustomer service is top tier. The tote bag I ordered exceeded expectations. Asanteni Zuri team.\u201d<\/div>\n              <div class=\"reviewer\"><i class=\"fas fa-user-circle\"><\/i> Aisha K. <span class=\"review-location\">&#8211; Mombasa<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"swiper-slide\">\n            <div class=\"review-card\">\n              <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n              <div class=\"review-text\">\u201cI love my new crossbody bag! Perfect for work and casual. Shipping to Nakuru was smooth.\u201d<\/div>\n              <div class=\"reviewer\"><i class=\"fas fa-user-circle\"><\/i> Faith N. <span class=\"review-location\">&#8211; Nakuru<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"swiper-slide\">\n            <div class=\"review-card\">\n              <div class=\"review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n              <div class=\"review-text\">\u201cZuri shoes are durable and stylish. Best purchase this year. Looking forward to new arrivals!\u201d<\/div>\n              <div class=\"reviewer\"><i class=\"fas fa-user-circle\"><\/i> Kamau J. <span class=\"review-location\">&#8211; Eldoret<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-pagination\"><\/div>\n        <div class=\"swiper-button-next\"><\/div>\n        <div class=\"swiper-button-prev\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- Scripts for Swiper & Background Slideshow -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ ========== BACKGROUND SLIDESHOW ==========\n    const slides = document.querySelectorAll('.bg-slide');\n    const prevBtn = document.querySelector('.hero-nav-arrow.prev');\n    const nextBtn = document.querySelector('.hero-nav-arrow.next');\n    const dotsContainer = document.getElementById('heroDotControls');\n    const currentSlideSpan = document.getElementById('bgCurrentSlide');\n    const totalSlidesSpan = document.getElementById('bgTotalSlides');\n    \n    let currentIndex = 0;\n    let autoPlayInterval;\n    const autoPlayDelay = 5000;\n    \n    if (totalSlidesSpan) totalSlidesSpan.textContent = slides.length;\n    \n    function createDots() {\n      if (!dotsContainer) return;\n      dotsContainer.innerHTML = '';\n      slides.forEach((_, idx) => {\n        const dot = document.createElement('button');\n        dot.classList.add('hero-dot');\n        if (idx === currentIndex) dot.classList.add('active');\n        dot.setAttribute('data-index', idx);\n        dot.addEventListener('click', () => goToSlide(idx));\n        dotsContainer.appendChild(dot);\n      });\n    }\n    \n    function goToSlide(index) {\n      if (index < 0) index = 0;\n      if (index >= slides.length) index = slides.length - 1;\n      if (index === currentIndex) return;\n      \n      slides.forEach((slide, i) => {\n        slide.classList.remove('active');\n        if (i === index) slide.classList.add('active');\n      });\n      \n      currentIndex = index;\n      \n      const dots = document.querySelectorAll('.hero-dot');\n      dots.forEach((dot, i) => {\n        if (i === currentIndex) dot.classList.add('active');\n        else dot.classList.remove('active');\n      });\n      \n      if (currentSlideSpan) currentSlideSpan.textContent = currentIndex + 1;\n      resetAutoPlay();\n    }\n    \n    function nextSlide() {\n      let newIndex = currentIndex + 1;\n      if (newIndex >= slides.length) newIndex = 0;\n      goToSlide(newIndex);\n    }\n    \n    function prevSlide() {\n      let newIndex = currentIndex - 1;\n      if (newIndex < 0) newIndex = slides.length - 1;\n      goToSlide(newIndex);\n    }\n    \n    function startAutoPlay() {\n      if (autoPlayInterval) clearInterval(autoPlayInterval);\n      autoPlayInterval = setInterval(() => nextSlide(), autoPlayDelay);\n    }\n    \n    function resetAutoPlay() {\n      if (autoPlayInterval) clearInterval(autoPlayInterval);\n      startAutoPlay();\n    }\n    \n    if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); resetAutoPlay(); });\n    if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); resetAutoPlay(); });\n    \n    const heroSection = document.querySelector('.hero');\n    if (heroSection) {\n      heroSection.addEventListener('mouseenter', () => {\n        if (autoPlayInterval) clearInterval(autoPlayInterval);\n      });\n      heroSection.addEventListener('mouseleave', () => startAutoPlay());\n    }\n    \n    createDots();\n    startAutoPlay();\n    goToSlide(0);\n    \n    \/\/ ========== REVIEWS SWIPER ==========\n    const reviewsSwiper = new Swiper('.reviewsSwiper', {\n      slidesPerView: 1,\n      spaceBetween: 24,\n      loop: true,\n      autoplay: { delay: 4500, disableOnInteraction: false },\n      pagination: { el: '.swiper-pagination', clickable: true },\n      navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n      breakpoints: {\n        640: { slidesPerView: 2 },\n        1024: { slidesPerView: 3 }\n      }\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zuri Bags &#038; Shoes | Kenyan Elegance 1 \/ 5 Premium Craft ZURI BAGS &#038; SHOES Step into bold elegance. [&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":"disabled","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 | Kenyan Elegance 1 \/ 5 Premium Craft ZURI BAGS &#038; SHOES Step into bold elegance. [&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":6,"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1605,"href":"https:\/\/zuribags.co.ke\/wp-json\/wp\/v2\/pages\/8\/revisions\/1605"}],"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}]}}