{"id":974,"date":"2026-04-14T11:51:37","date_gmt":"2026-04-14T11:51:37","guid":{"rendered":"https:\/\/bestbrightnesstore.co.za\/?page_id=974"},"modified":"2026-05-06T12:02:17","modified_gmt":"2026-05-06T12:02:17","slug":"about","status":"publish","type":"page","link":"https:\/\/bestbrightnesstore.co.za\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Best Brightness | About \u2013 Full Width Elementor Widget<\/title>\r\n <!-- Google Fonts: Syne + DM Sans -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ---------- GLOBAL RESET (scoped inside .bb2-about) ---------- *\/\r\n .bb2-about *, .bb2-about *::before, .bb2-about *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .bb2-about {\r\n --c1: #10b981;\r\n --c2: #059669;\r\n --c3: #a7f3d0;\r\n --cA: #FF3B6B;\r\n --cG: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n --cGA: linear-gradient(135deg, #FF3B6B, #FF7A3D);\r\n --dark: #06101E;\r\n --mid: #1C2B3D;\r\n --muted: #4a6280;\r\n --soft: #f0fdf4;\r\n --line: #d1fae5;\r\n --white: #fff;\r\n --font-h: 'Syne', sans-serif;\r\n --font-b: 'DM Sans', sans-serif;\r\n font-family: var(--font-b);\r\n color: var(--dark);\r\n overflow-x: hidden;\r\n background: var(--white); \/* base background, sections override *\/\r\n }\r\n\r\n \/* ========== FULL-WIDTH SECTIONS: each section stretches edge to edge ========== *\/\r\n .bb2a-hero,\r\n .bb2a-trust,\r\n .bb2a-story,\r\n .bb2a-why,\r\n .bb2a-cta-strip {\r\n width: 100%;\r\n max-width: 100% !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* ----- HERO (full background + inner container) ----- *\/\r\n .bb2a-hero {\r\n position: relative;\r\n background: var(--dark);\r\n padding: 90px 0; \/* top\/bottom padding only, horizontal handled by inner container *\/\r\n overflow: hidden;\r\n }\r\n .bb2a-hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Decorative blobs (relative to hero section, not container) *\/\r\n .bb2a-hero::before {\r\n content: '';\r\n position: absolute;\r\n width: 500px; height: 500px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(16,185,129,.18) 0%, transparent 70%);\r\n top: -120px; right: -100px;\r\n pointer-events: none;\r\n }\r\n .bb2a-hero::after {\r\n content: '';\r\n position: absolute;\r\n width: 300px; height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(255,59,107,.12) 0%, transparent 70%);\r\n bottom: -80px; left: 5%;\r\n pointer-events: none;\r\n }\r\n .bb2a-hero-grid {\r\n position: absolute; inset: 0;\r\n background-image: linear-gradient(rgba(16,185,129,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(16,185,129,.04) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n pointer-events: none;\r\n }\r\n\r\n \/* hero inner elements *\/\r\n .bb2a-hero-text { position: relative; z-index: 2; }\r\n .bb2a-eyebrow {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font: 700 11px var(--font-b);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--c1);\r\n background: rgba(16,185,129,.1);\r\n border: 1px solid rgba(16,185,129,.25);\r\n border-radius: 30px;\r\n padding: 6px 16px;\r\n margin-bottom: 22px;\r\n opacity: 0;\r\n animation: bb2a-fade-up .6s .1s forwards;\r\n }\r\n .bb2a-eyebrow-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: var(--c1);\r\n animation: bb2a-pulse 2s infinite;\r\n }\r\n .bb2a-hero-title {\r\n font: 800 52px\/1.05 var(--font-h);\r\n color: var(--white);\r\n letter-spacing: -1.5px;\r\n margin-bottom: 20px;\r\n opacity: 0;\r\n animation: bb2a-fade-up .6s .2s forwards;\r\n }\r\n .bb2a-hero-title em {\r\n font-style: normal;\r\n background: var(--cG);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n .bb2a-hero-desc {\r\n font: 400 17px\/1.7 var(--font-b);\r\n color: #8facc9;\r\n max-width: 480px;\r\n margin-bottom: 32px;\r\n opacity: 0;\r\n animation: bb2a-fade-up .6s .3s forwards;\r\n }\r\n .bb2a-hero-cta {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: var(--cG);\r\n color: #fff;\r\n font: 700 14px var(--font-b);\r\n border-radius: 50px;\r\n padding: 14px 28px;\r\n text-decoration: none;\r\n transition: transform .25s, box-shadow .25s;\r\n box-shadow: 0 8px 30px rgba(16,185,129,.3);\r\n opacity: 0;\r\n animation: bb2a-fade-up .6s .4s forwards;\r\n }\r\n .bb2a-hero-cta:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(16,185,129,.4); }\r\n .bb2a-hero-cta svg { width: 16px; height: 16px; stroke: #fff; stroke-width: 2.5; }\r\n\r\n \/* stats card *\/\r\n .bb2a-stats-card {\r\n position: relative; z-index: 2;\r\n background: rgba(255,255,255,.04);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 24px;\r\n padding: 40px 36px;\r\n backdrop-filter: blur(10px);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2px;\r\n overflow: hidden;\r\n opacity: 0;\r\n animation: bb2a-fade-up .7s .35s forwards;\r\n }\r\n .bb2a-stats-card::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n border-radius: 24px;\r\n background: linear-gradient(135deg, rgba(16,185,129,.06) 0%, transparent 60%);\r\n }\r\n .bb2a-stat { padding: 28px 24px; position: relative; border-radius: 16px; transition: background .2s; }\r\n .bb2a-stat:hover { background: rgba(16,185,129,.07); }\r\n .bb2a-stat-num { font: 800 44px\/1 var(--font-h); color: var(--white); letter-spacing: -2px; margin-bottom: 6px; }\r\n .bb2a-stat-num span { font-size: 28px; background: var(--cG); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n .bb2a-stat-label { font: 500 13px\/1.4 var(--font-b); color: #8facc9; text-transform: capitalize; }\r\n .bb2a-stat-divider-h { grid-column: 1 \/ -1; height: 1px; background: rgba(255,255,255,.07); }\r\n .bb2a-stat-divider-v { position: absolute; right: 0; top: 20%; bottom: 20%; width: 1px; background: rgba(255,255,255,.07); }\r\n\r\n \/* TRUST BAND (full width) *\/\r\n .bb2a-trust {\r\n background: var(--soft);\r\n border-top: 1px solid var(--line);\r\n border-bottom: 1px solid var(--line);\r\n padding: 18px 0;\r\n }\r\n .bb2a-trust-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 8px 28px;\r\n }\r\n .bb2a-trust-item {\r\n display: flex; align-items: center; gap: 8px;\r\n font: 600 13px var(--font-b);\r\n color: #2d4260;\r\n white-space: nowrap;\r\n }\r\n .bb2a-trust-item svg { width: 18px; height: 18px; color: var(--c1); flex-shrink: 0; }\r\n .bb2a-trust-sep { width: 4px; height: 4px; border-radius: 50%; background: var(--line); flex-shrink: 0; }\r\n\r\n \/* STORY SECTION (full width background) *\/\r\n .bb2a-story {\r\n background: var(--white);\r\n padding: 90px 0;\r\n }\r\n .bb2a-story-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n .bb2a-story-visual { position: relative; }\r\n .bb2a-story-visual-main {\r\n background: var(--soft);\r\n border-radius: 24px;\r\n aspect-ratio: 4\/3;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n .bb2a-clean-illus {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 50%, #dcfce7 100%);\r\n position: relative; overflow: hidden;\r\n }\r\n .bb2a-clean-illus::before {\r\n content: '';\r\n position: absolute;\r\n width: 300px; height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(16,185,129,.12) 0%, transparent 70%);\r\n top: -50px; right: -50px;\r\n }\r\n .bb2a-bottle-group { display: flex; align-items: flex-end; gap: 18px; position: relative; z-index: 2; }\r\n .bb2a-bottle { display: flex; flex-direction: column; align-items: center; animation: bb2a-bottle-float 3s ease-in-out infinite; }\r\n .bb2a-bottle:nth-child(2) { animation-delay: .4s; }\r\n .bb2a-bottle:nth-child(3) { animation-delay: .8s; }\r\n .bb2a-bottle svg { filter: drop-shadow(0 8px 20px rgba(16,185,129,.2)); }\r\n .bb2a-story-badge {\r\n position: absolute;\r\n bottom: -18px; right: 32px;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: 16px;\r\n padding: 14px 20px;\r\n display: flex; align-items: center; gap: 12px;\r\n box-shadow: 0 12px 40px rgba(0,0,0,.08);\r\n white-space: nowrap;\r\n }\r\n .bb2a-story-badge-icon {\r\n width: 40px; height: 40px; border-radius: 12px;\r\n background: var(--cG);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .bb2a-story-badge-icon svg { width: 20px; height: 20px; stroke: #fff; }\r\n .bb2a-story-badge-text { font: 600 11px var(--font-b); color: var(--muted); line-height: 1.4; }\r\n .bb2a-story-badge-text strong { display: block; font: 700 15px var(--font-h); color: var(--dark); }\r\n\r\n .bb2a-story-text {}\r\n .bb2a-section-eyebrow {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n font: 700 11px var(--font-b);\r\n letter-spacing: 2px; text-transform: uppercase;\r\n color: var(--c1);\r\n margin-bottom: 16px;\r\n }\r\n .bb2a-section-eyebrow::before {\r\n content: '';\r\n width: 24px; height: 2px;\r\n background: var(--cG);\r\n border-radius: 2px;\r\n display: inline-block;\r\n }\r\n .bb2a-section-title {\r\n font: 800 40px\/1.1 var(--font-h);\r\n color: var(--dark);\r\n letter-spacing: -1px;\r\n margin-bottom: 20px;\r\n }\r\n .bb2a-section-title em { font-style: normal; color: var(--c1); }\r\n .bb2a-story-body { font: 400 16px\/1.75 var(--font-b); color: var(--muted); margin-bottom: 28px; }\r\n .bb2a-story-body p + p { margin-top: 14px; }\r\n .bb2a-story-body strong { color: var(--dark); font-weight: 600; }\r\n .bb2a-check-list { list-style: none; display: flex; flex-direction: column; gap: 12px; }\r\n .bb2a-check-list li { display: flex; align-items: flex-start; gap: 10px; font: 500 15px var(--font-b); color: #2d4260; line-height: 1.5; }\r\n .bb2a-check-icon {\r\n width: 22px; height: 22px; border-radius: 50%;\r\n background: rgba(16,185,129,.12);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; margin-top: 1px;\r\n }\r\n .bb2a-check-icon svg { width: 12px; height: 12px; stroke: var(--c1); stroke-width: 2.5; }\r\n\r\n \/* WHY CHOOSE US (full width) *\/\r\n .bb2a-why {\r\n background: var(--dark);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 90px 0;\r\n }\r\n .bb2a-why::before {\r\n content: '';\r\n position: absolute;\r\n width: 600px; height: 600px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(16,185,129,.07) 0%, transparent 70%);\r\n top: -200px; left: 50%;\r\n transform: translateX(-50%);\r\n pointer-events: none;\r\n }\r\n .bb2a-why-grid-bg {\r\n position: absolute; inset: 0;\r\n background-image: linear-gradient(rgba(16,185,129,.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(16,185,129,.03) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n pointer-events: none;\r\n }\r\n .bb2a-why-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .bb2a-why-header { text-align: center; margin-bottom: 56px; }\r\n .bb2a-why-header .bb2a-section-eyebrow { justify-content: center; }\r\n .bb2a-why-header .bb2a-section-title { color: var(--white); }\r\n .bb2a-why-header p { font: 400 17px\/1.7 var(--font-b); color: #8facc9; max-width: 520px; margin: 0 auto; }\r\n .bb2a-why-cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n }\r\n .bb2a-why-card {\r\n background: rgba(255,255,255,.04);\r\n border: 1px solid rgba(255,255,255,.08);\r\n border-radius: 20px;\r\n padding: 32px 26px;\r\n position: relative; overflow: hidden;\r\n transition: transform .3s, border-color .3s, background .3s;\r\n cursor: default;\r\n }\r\n .bb2a-why-card::before {\r\n content: '';\r\n position: absolute; inset: 0; border-radius: 20px;\r\n background: var(--cG);\r\n opacity: 0;\r\n transition: opacity .3s;\r\n }\r\n .bb2a-why-card:hover { transform: translateY(-6px); border-color: rgba(16,185,129,.3); background: rgba(16,185,129,.06); }\r\n .bb2a-why-card:hover::before { opacity: .05; }\r\n .bb2a-why-card:hover .bb2a-wc-icon { background: var(--cG); border-color: transparent; }\r\n .bb2a-why-card:hover .bb2a-wc-icon svg { stroke: #fff; }\r\n .bb2a-wc-num { font: 800 52px\/1 var(--font-h); color: rgba(255,255,255,.04); letter-spacing: -2px; margin-bottom: -10px; position: relative; z-index: 1; }\r\n .bb2a-wc-icon {\r\n width: 52px; height: 52px; border-radius: 14px;\r\n border: 1.5px solid rgba(255,255,255,.12);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 20px;\r\n position: relative; z-index: 1;\r\n transition: all .3s;\r\n background: rgba(255,255,255,.05);\r\n }\r\n .bb2a-wc-icon svg { width: 24px; height: 24px; stroke: #8facc9; transition: stroke .3s; }\r\n .bb2a-wc-title { font: 700 17px\/1.3 var(--font-h); color: var(--white); margin-bottom: 12px; position: relative; z-index: 1; }\r\n .bb2a-wc-body { font: 400 14px\/1.65 var(--font-b); color: #8facc9; position: relative; z-index: 1; }\r\n .bb2a-why-card.highlight { background: var(--cG); border-color: transparent; }\r\n .bb2a-why-card.highlight .bb2a-wc-num { color: rgba(255,255,255,.12); }\r\n .bb2a-why-card.highlight .bb2a-wc-icon { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.3); }\r\n .bb2a-why-card.highlight .bb2a-wc-icon svg { stroke: #fff; }\r\n .bb2a-why-card.highlight .bb2a-wc-title { color: #fff; }\r\n .bb2a-why-card.highlight .bb2a-wc-body { color: rgba(255,255,255,.8); }\r\n .bb2a-why-card.highlight:hover { transform: translateY(-6px); }\r\n .bb2a-why-card.highlight:hover::before { opacity: 0; }\r\n\r\n \/* CTA STRIP (full width background) *\/\r\n .bb2a-cta-strip {\r\n background: var(--soft);\r\n border-top: 1px solid var(--line);\r\n padding: 64px 0;\r\n }\r\n .bb2a-cta-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n }\r\n .bb2a-cta-text h2 { font: 800 34px\/1.15 var(--font-h); color: var(--dark); letter-spacing: -.8px; margin-bottom: 8px; }\r\n .bb2a-cta-text p { font: 400 16px var(--font-b); color: var(--muted); }\r\n .bb2a-cta-btns { display: flex; gap: 14px; flex-wrap: wrap; }\r\n .bb2a-btn-primary {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: var(--cG);\r\n color: #fff; font: 700 14px var(--font-b);\r\n border-radius: 50px; padding: 14px 28px;\r\n text-decoration: none;\r\n box-shadow: 0 8px 30px rgba(16,185,129,.25);\r\n transition: all .25s;\r\n }\r\n .bb2a-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(16,185,129,.35); }\r\n .bb2a-btn-secondary {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n border: 2px solid #d1fae5;\r\n color: var(--c1); font: 700 14px var(--font-b);\r\n border-radius: 50px; padding: 13px 26px;\r\n text-decoration: none;\r\n transition: all .25s;\r\n }\r\n .bb2a-btn-secondary:hover { background: var(--line); transform: translateY(-2px); }\r\n\r\n \/* KEYFRAMES & REVEAL *\/\r\n @keyframes bb2a-fade-up {\r\n from { opacity: 0; transform: translateY(22px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes bb2a-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .5; transform: scale(.7); } }\r\n @keyframes bb2a-bottle-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n .bb2a-reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }\r\n .bb2a-reveal.bb2a-visible { opacity: 1; transform: none; }\r\n .bb2a-reveal-delay-1 { transition-delay: .1s; }\r\n .bb2a-reveal-delay-2 { transition-delay: .2s; }\r\n .bb2a-reveal-delay-3 { transition-delay: .3s; }\r\n .bb2a-reveal-delay-4 { transition-delay: .4s; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1024px) {\r\n .bb2a-hero-container, .bb2a-story-container { grid-template-columns: 1fr; gap: 48px; }\r\n .bb2a-story-visual { order: -1; }\r\n .bb2a-why-cards { grid-template-columns: repeat(2, 1fr); }\r\n .bb2a-stats-card { grid-template-columns: repeat(4, 1fr); }\r\n .bb2a-stat-divider-h { display: none; }\r\n }\r\n @media (max-width: 640px) {\r\n .bb2a-hero-container, .bb2a-story-container, .bb2a-why-inner, .bb2a-cta-inner, .bb2a-trust-inner { padding: 0 20px; }\r\n .bb2a-hero, .bb2a-story, .bb2a-why, .bb2a-cta-strip { padding: 56px 0; }\r\n .bb2a-hero-title { font-size: 36px; }\r\n .bb2a-stats-card { grid-template-columns: 1fr 1fr; padding: 24px 20px; }\r\n .bb2a-stat { padding: 16px 12px; }\r\n .bb2a-section-title { font-size: 30px; }\r\n .bb2a-why-cards { grid-template-columns: 1fr; }\r\n .bb2a-cta-inner { flex-direction: column; align-items: flex-start; }\r\n .bb2a-story-badge { right: 12px; padding: 10px 14px; white-space: normal; }\r\n .bb2a-trust-item { white-space: normal; font-size: 11px; }\r\n }\r\n @media (max-width: 480px) {\r\n .bb2a-hero-container .bb2a-hero-desc { font-size: 15px; }\r\n .bb2a-stat-num { font-size: 34px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body> \r\n<div class=\"bb2-about\">\r\n\r\n <!-- \u2550\u2550\u2550 HERO (FULL WIDTH) \u2550\u2550\u2550 -->\r\n <section class=\"bb2a-hero\">\r\n <div class=\"bb2a-hero-grid\"><\/div>\r\n <div class=\"bb2a-hero-container\">\r\n <div class=\"bb2a-hero-text\">\r\n <div class=\"bb2a-eyebrow\">\r\n <span class=\"bb2a-eyebrow-dot\"><\/span>\r\n About Our Company\r\n <\/div>\r\n <h1 class=\"bb2a-hero-title\">\r\n We bring <em>brightness<\/em><br>to every wash\r\n <\/h1>\r\n <p class=\"bb2a-hero-desc\">\r\n At Best Brightness, we've spent years perfecting the art of clean. Our carefully selected range of detergents is designed to tackle tough stains while being gentle on your fabrics and the environment.\r\n <\/p>\r\n <a href=\"\/shop\/\" class=\"bb2a-hero-cta\">\r\n Shop Our Products\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"bb2a-stats-card\">\r\n <div class=\"bb2a-stat\" style=\"position:relative\">\r\n <div class=\"bb2a-stat-num\">9<span>+<\/span><\/div>\r\n <div class=\"bb2a-stat-label\">Years of<br>Experience<\/div>\r\n <div class=\"bb2a-stat-divider-v\"><\/div>\r\n <\/div>\r\n <div class=\"bb2a-stat\">\r\n <div class=\"bb2a-stat-num\">173<span>+<\/span><\/div>\r\n <div class=\"bb2a-stat-label\">Happy<br>Customers<\/div>\r\n <\/div>\r\n <div class=\"bb2a-stat-divider-h\"><\/div>\r\n <div class=\"bb2a-stat\" style=\"position:relative\">\r\n <div class=\"bb2a-stat-num\">35<span>+<\/span><\/div>\r\n <div class=\"bb2a-stat-label\">Professional<br>Awards<\/div>\r\n <div class=\"bb2a-stat-divider-v\"><\/div>\r\n <\/div>\r\n <div class=\"bb2a-stat\">\r\n <div class=\"bb2a-stat-num\">100<span>%<\/span><\/div>\r\n <div class=\"bb2a-stat-label\">ISO<br>Certified<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 TRUST BAND (FULL WIDTH) \u2550\u2550\u2550 -->\r\n <div class=\"bb2a-trust\">\r\n <div class=\"bb2a-trust-inner\">\r\n <div class=\"bb2a-trust-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg> ISO Certified Products<\/div>\r\n <div class=\"bb2a-trust-sep\"><\/div>\r\n <div class=\"bb2a-trust-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg> Free Delivery Over R500<\/div>\r\n <div class=\"bb2a-trust-sep\"><\/div>\r\n <div class=\"bb2a-trust-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg> Trusted by Households Across SA<\/div>\r\n <div class=\"bb2a-trust-sep\"><\/div>\r\n <div class=\"bb2a-trust-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> Eco-Friendly Formulas<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550 STORY SECTION (FULL WIDTH) \u2550\u2550\u2550 -->\r\n <section class=\"bb2a-story\">\r\n <div class=\"bb2a-story-container\">\r\n <div class=\"bb2a-story-visual bb2a-reveal\">\r\n <div class=\"bb2a-story-visual-main\">\r\n <div class=\"bb2a-clean-illus\">\r\n <div class=\"bb2a-bottle-group\">\r\n <div class=\"bb2a-bottle\"><svg width=\"72\" height=\"120\" viewBox=\"0 0 72 120\" fill=\"none\"><rect x=\"22\" y=\"14\" width=\"28\" height=\"4\" rx=\"2\" fill=\"#10b981\" opacity=\".6\"\/><rect x=\"26\" y=\"8\" width=\"20\" height=\"8\" rx=\"4\" fill=\"#10b981\" opacity=\".8\"\/><rect x=\"24\" y=\"18\" width=\"24\" height=\"6\" rx=\"2\" fill=\"#059669\"\/><rect x=\"16\" y=\"24\" width=\"40\" height=\"82\" rx=\"12\" fill=\"#10b981\"\/><rect x=\"16\" y=\"24\" width=\"40\" height=\"82\" rx=\"12\" fill=\"url(#b1g)\"\/><rect x=\"20\" y=\"42\" width=\"32\" height=\"40\" rx=\"6\" fill=\"white\" opacity=\".15\"\/><text x=\"36\" y=\"65\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-weight=\"800\" font-size=\"8\" fill=\"white\">BEST<\/text><text x=\"36\" y=\"76\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-weight=\"800\" font-size=\"7\" fill=\"white\" opacity=\".8\">BRIGHTNESS<\/text><defs><linearGradient id=\"b1g\" x1=\"16\" y1=\"24\" x2=\"56\" y2=\"106\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\" stop-opacity=\".1\"\/><stop offset=\"1\" stop-color=\"black\" stop-opacity=\".1\"\/><\/linearGradient><\/defs><\/svg><\/div>\r\n <div class=\"bb2a-bottle\" style=\"animation-delay:.4s\"><svg width=\"60\" height=\"140\" viewBox=\"0 0 60 140\" fill=\"none\"><rect x=\"16\" y=\"10\" width=\"28\" height=\"5\" rx=\"2.5\" fill=\"#059669\" opacity=\".7\"\/><rect x=\"20\" y=\"4\" width=\"20\" height=\"8\" rx=\"4\" fill=\"#047857\" opacity=\".9\"\/><rect x=\"18\" y=\"15\" width=\"24\" height=\"7\" rx=\"3\" fill=\"#065f46\"\/><rect x=\"10\" y=\"22\" width=\"40\" height=\"104\" rx=\"12\" fill=\"#059669\"\/><rect x=\"10\" y=\"22\" width=\"40\" height=\"104\" rx=\"12\" fill=\"url(#b2g)\"\/><rect x=\"14\" y=\"46\" width=\"32\" height=\"46\" rx=\"6\" fill=\"white\" opacity=\".15\"\/><text x=\"30\" y=\"72\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-weight=\"800\" font-size=\"8\" fill=\"white\">CLEAN<\/text><text x=\"30\" y=\"83\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-weight=\"700\" font-size=\"7\" fill=\"white\" opacity=\".8\">PRO<\/text><defs><linearGradient id=\"b2g\" x1=\"10\" y1=\"22\" x2=\"50\" y2=\"126\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\" stop-opacity=\".12\"\/><stop offset=\"1\" stop-color=\"black\" stop-opacity=\".15\"\/><\/linearGradient><\/defs><\/svg><\/div>\r\n <div class=\"bb2a-bottle\" style=\"animation-delay:.8s\"><svg width=\"66\" height=\"108\" viewBox=\"0 0 66 108\" fill=\"none\"><rect x=\"20\" y=\"10\" width=\"26\" height=\"4\" rx=\"2\" fill=\"#34d399\" opacity=\".6\"\/><rect x=\"23\" y=\"5\" width=\"20\" height=\"7\" rx=\"3.5\" fill=\"#10b981\" opacity=\".8\"\/><rect x=\"21\" y=\"14\" width=\"24\" height=\"6\" rx=\"2\" fill=\"#059669\"\/><rect x=\"13\" y=\"20\" width=\"40\" height=\"74\" rx=\"12\" fill=\"#34d399\"\/><rect x=\"13\" y=\"20\" width=\"40\" height=\"74\" rx=\"12\" fill=\"url(#b3g)\"\/><rect x=\"17\" y=\"36\" width=\"32\" height=\"38\" rx=\"6\" fill=\"white\" opacity=\".15\"\/><text x=\"33\" y=\"58\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-weight=\"800\" font-size=\"7.5\" fill=\"white\">FABRIC<\/text><text x=\"33\" y=\"68\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-weight=\"700\" font-size=\"7\" fill=\"white\" opacity=\".8\">CARE<\/text><defs><linearGradient id=\"b3g\" x1=\"13\" y1=\"20\" x2=\"53\" y2=\"94\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\" stop-opacity=\".12\"\/><stop offset=\"1\" stop-color=\"black\" stop-opacity=\".1\"\/><\/linearGradient><\/defs><\/svg><\/div>\r\n <\/div>\r\n <div style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden\"><div style=\"position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid rgba(16,185,129,.3);top:18%;left:12%;animation:bb2a-bottle-float 4s ease-in-out infinite;animation-delay:.3s\"><\/div><div style=\"position:absolute;width:8px;height:8px;border-radius:50%;border:2px solid rgba(16,185,129,.25);top:30%;right:14%;animation:bb2a-bottle-float 3.5s ease-in-out infinite;animation-delay:1s\"><\/div><div style=\"position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(16,185,129,.2);bottom:22%;left:18%;animation:bb2a-bottle-float 4.5s ease-in-out infinite;animation-delay:.6s\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bb2a-story-badge\"><div class=\"bb2a-story-badge-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke-width=\"2\"\/><path d=\"m9 12 2 2 4-4\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"bb2a-story-badge-text\"><strong>ISO Certified<\/strong> Highest quality standards<\/div><\/div>\r\n <\/div>\r\n <div class=\"bb2a-story-text bb2a-reveal bb2a-reveal-delay-1\">\r\n <div class=\"bb2a-section-eyebrow\">Our Story<\/div>\r\n <h2 class=\"bb2a-section-title\">Trusted by households <em>across the region<\/em><\/h2>\r\n <div class=\"bb2a-story-body\"><p>From everyday laundry to deep cleaning challenges, our products deliver <strong>consistent, powerful results<\/strong> that keep your home looking its best \u2014 wash after wash.<\/p><p>We've spent years perfecting formulas that are tough on dirt yet gentle on fabrics, so you can clean with complete confidence every time.<\/p><\/div>\r\n <ul class=\"bb2a-check-list\"><li><div class=\"bb2a-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L20 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div> Tackles the toughest stains with premium-grade formulas<\/li><li><div class=\"bb2a-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L20 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div> Gentle on fabrics, safe for the whole family<\/li><li><div class=\"bb2a-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L20 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div> Environmentally responsible ingredients<\/li><li><div class=\"bb2a-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L20 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div> Consistent results every single wash<\/li><\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 WHY CHOOSE US (FULL WIDTH) \u2550\u2550\u2550 -->\r\n <section class=\"bb2a-why\">\r\n <div class=\"bb2a-why-grid-bg\"><\/div>\r\n <div class=\"bb2a-why-inner\">\r\n <div class=\"bb2a-why-header bb2a-reveal\"><div class=\"bb2a-section-eyebrow\" style=\"color:var(--c1)\">Why Choose Us<\/div><h2 class=\"bb2a-section-title\">Built on quality.<br>Backed by care.<\/h2><p>Four pillars that set Best Brightness apart from the rest.<\/p><\/div>\r\n <div class=\"bb2a-why-cards\">\r\n <div class=\"bb2a-why-card highlight bb2a-reveal bb2a-reveal-delay-1\"><div class=\"bb2a-wc-num\">01<\/div><div class=\"bb2a-wc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\" stroke-linecap=\"round\"\/><\/svg><\/div><div class=\"bb2a-wc-title\">We are ISO Certified<\/div><div class=\"bb2a-wc-body\">Our detergents meet the highest quality and safety standards, so you can trust every product you bring into your home.<\/div><\/div>\r\n <div class=\"bb2a-why-card bb2a-reveal bb2a-reveal-delay-2\"><div class=\"bb2a-wc-num\">02<\/div><div class=\"bb2a-wc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div><div class=\"bb2a-wc-title\">Best Support<\/div><div class=\"bb2a-wc-body\">Our friendly team is always on hand to help you find the right product for your needs \u2014 fast, reliable, and always helpful.<\/div><\/div>\r\n <div class=\"bb2a-why-card bb2a-reveal bb2a-reveal-delay-3\"><div class=\"bb2a-wc-num\">03<\/div><div class=\"bb2a-wc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg><\/div><div class=\"bb2a-wc-title\">Expert Team Members<\/div><div class=\"bb2a-wc-body\">Backed by years of experience in cleaning solutions, our team is passionate about delivering products that truly work.<\/div><\/div>\r\n <div class=\"bb2a-why-card bb2a-reveal bb2a-reveal-delay-4\"><div class=\"bb2a-wc-num\">04<\/div><div class=\"bb2a-wc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div><div class=\"bb2a-wc-title\">No Hidden Costs<\/div><div class=\"bb2a-wc-body\">What you see is what you pay. We believe in honest, transparent pricing with no surprises at checkout.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 CTA STRIP (FULL WIDTH) \u2550\u2550\u2550 -->\r\n <section class=\"bb2a-cta-strip bb2a-reveal\">\r\n <div class=\"bb2a-cta-inner\">\r\n <div class=\"bb2a-cta-text\"><h2>Ready to experience the<br>Best Brightness difference?<\/h2><p>Explore our full range of professional and household cleaning products.<\/p><\/div>\r\n <div class=\"bb2a-cta-btns\"><a class=\"bb2a-btn-primary\" href=\"\/shop\/\">Shop Now<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"16\" height=\"16\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><a class=\"bb2a-btn-secondary\" href=\"\/contact-us\/\">Contact Us<\/a><\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ Scroll reveal animation\r\n const reveals = document.querySelectorAll('.bb2a-reveal');\r\n if (reveals.length) {\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('bb2a-visible');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n reveals.forEach(el => io.observe(el));\r\n }\r\n\r\n \/\/ Animated counters (stats)\r\n const statsCard = document.querySelector('.bb2a-stats-card');\r\n if (statsCard) {\r\n const statNumbers = statsCard.querySelectorAll('.bb2a-stat-num');\r\n const targets = [9, 173, 35, 100];\r\n let animated = false;\r\n const counterObserver = new IntersectionObserver(entries => {\r\n if (entries[0].isIntersecting && !animated) {\r\n animated = true;\r\n statNumbers.forEach((el, idx) => {\r\n const origSpan = el.querySelector('span');\r\n const suffix = origSpan ? origSpan.textContent : '';\r\n const newNumSpan = document.createElement('span');\r\n newNumSpan.textContent = '0';\r\n el.innerHTML = '';\r\n el.appendChild(newNumSpan);\r\n if (suffix) {\r\n const suffixSpan = document.createElement('span');\r\n suffixSpan.textContent = suffix;\r\n el.appendChild(suffixSpan);\r\n }\r\n let start = 0;\r\n const duration = 1700;\r\n const step = (timestamp, startTime) => {\r\n if (!startTime) startTime = timestamp;\r\n const progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n const ease = 1 - Math.pow(1 - progress, 2.5);\r\n const current = Math.floor(ease * targets[idx]);\r\n newNumSpan.textContent = current;\r\n if (progress < 1) requestAnimationFrame(t => step(t, startTime));\r\n else newNumSpan.textContent = targets[idx];\r\n };\r\n requestAnimationFrame(t => step(t));\r\n });\r\n counterObserver.disconnect();\r\n }\r\n }, { threshold: 0.55 });\r\n counterObserver.observe(statsCard);\r\n }\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Best Brightness | About \u2013 Full Width Elementor Widget About Our Company We bring brightnessto every wash At Best Brightness, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-974","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/pages\/974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=974"}],"version-history":[{"count":13,"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/pages\/974\/revisions"}],"predecessor-version":[{"id":1178,"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/pages\/974\/revisions\/1178"}],"wp:attachment":[{"href":"https:\/\/bestbrightnesstore.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}