{"title":"Beauty Bae collagen face serum","description":null,"products":[{"product_id":"beauty-bae™-collagen-serum","title":"Beauty Bae™ Collagen serum - 2 SERUMS 1 BOX 1 PRICE","description":"\u003cbody\u003e\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBeauty Bae | Premium Collagen Multi-Function Face Serum\u003c\/title\u003e\n\n\u003c!-- Google Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700\u0026amp;family=Playfair+Display:ital,wght@0,600;0,700;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    :root {\n        --primary: #c28882;\n        --primary-dark: #a36761;\n        --rose-gold: #d4a373;\n        --bg-light: #fcf8f6;\n        --bg-white: #ffffff;\n        --text-dark: #2c2221;\n        --text-muted: #665755;\n        --shadow: 0 10px 30px rgba(194, 136, 130, 0.12);\n    }\n\n    * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n        font-family: 'Montserrat', sans-serif;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    body {\n        background-color: var(--bg-light);\n        color: var(--text-dark);\n        line-height: 1.6;\n        padding-bottom: 80px;\n    }\n\n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif;\n    }\n\n    \/* Container *\/\n    .container {\n        width: 100%;\n        max-width: 500px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* Header *\/\n    header {\n        text-align: center;\n        padding: 25px 0 20px;\n        background: var(--bg-light);\n    }\n\n    .brand-logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        font-weight: 700;\n        color: var(--primary-dark);\n        text-decoration: none;\n        letter-spacing: -0.5px;\n    }\n\n    .brand-tagline {\n        font-size: 0.65rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: var(--text-muted);\n        margin-top: 2px;\n    }\n\n    \/* Product Title \u0026 Ratings *\/\n    .rating-badge {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 8px;\n        margin-top: 10px;\n    }\n\n    .stars {\n        color: #ffb400;\n    }\n\n    .review-count {\n        color: var(--text-muted);\n        font-weight: 400;\n        font-size: 0.8rem;\n    }\n\n    .product-title {\n        font-size: 1.75rem;\n        line-height: 1.25;\n        color: var(--text-dark);\n        margin-bottom: 8px;\n    }\n\n    .product-subtitle {\n        font-size: 0.9rem;\n        color: var(--primary-dark);\n        font-weight: 600;\n        margin-bottom: 15px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Key Highlights Pill Row *\/\n    .pills-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-bottom: 25px;\n    }\n\n    .pill {\n        background: rgba(194, 136, 130, 0.1);\n        color: var(--primary-dark);\n        font-size: 0.75rem;\n        font-weight: 600;\n        padding: 6px 12px;\n        border-radius: 50px;\n        border: 1px solid rgba(194, 136, 130, 0.2);\n    }\n\n    \/* Benefits Section *\/\n    .section-title {\n        font-size: 1.2rem;\n        margin-bottom: 12px;\n        color: var(--text-dark);\n    }\n\n    .benefits-grid {\n        display: grid;\n        gap: 15px;\n        margin: 30px 0;\n    }\n\n    .benefit-item {\n        background: var(--bg-white);\n        padding: 20px;\n        border-radius: 16px;\n        box-shadow: var(--shadow);\n        display: flex;\n        gap: 15px;\n        align-items: flex-start;\n    }\n\n    .benefit-icon {\n        background: rgba(194, 136, 130, 0.15);\n        color: var(--primary-dark);\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        flex-shrink: 0;\n    }\n\n    .benefit-content h3 {\n        font-size: 1rem;\n        margin-bottom: 4px;\n    }\n\n    .benefit-content p {\n        font-size: 0.825rem;\n        color: var(--text-muted);\n    }\n\n    \/* Deep Detail Science Breakdown *\/\n    .detail-card {\n        background: var(--bg-white);\n        border-radius: 16px;\n        padding: 22px;\n        margin: 30px 0;\n        box-shadow: var(--shadow);\n    }\n\n    .detail-card h2 {\n        font-size: 1.3rem;\n        margin-bottom: 12px;\n        color: var(--primary-dark);\n    }\n\n    .detail-card p {\n        font-size: 0.85rem;\n        color: var(--text-muted);\n        margin-bottom: 12px;\n    }\n\n    .feature-list {\n        list-style: none;\n        margin-top: 10px;\n    }\n\n    .feature-list li {\n        font-size: 0.85rem;\n        margin-bottom: 8px;\n        padding-left: 20px;\n        position: relative;\n    }\n\n    .feature-list li::before {\n        content: \"✓\";\n        position: absolute;\n        left: 0;\n        color: var(--primary);\n        font-weight: bold;\n    }\n\n    \/* FAQ Accordion *\/\n    .faq-section {\n        margin: 30px 0;\n    }\n\n    .faq-item {\n        background: var(--bg-white);\n        border-radius: 12px;\n        margin-bottom: 10px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n    }\n\n    .faq-question {\n        padding: 16px;\n        font-size: 0.9rem;\n        font-weight: 600;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n    }\n\n    .faq-answer {\n        padding: 0 16px 16px;\n        font-size: 0.825rem;\n        color: var(--text-muted);\n        display: none;\n    }\n\n    .faq-item.open .faq-answer {\n        display: block;\n    }\n\n    .faq-item.open .faq-toggle {\n        transform: rotate(180deg);\n    }\n\n    .faq-toggle {\n        transition: transform 0.2s ease;\n    }\n\n    \/* Mobile Optimization *\/\n    @media (max-width: 480px) {\n        .container {\n            padding: 0 16px;\n        }\n\n        .product-title {\n            font-size: 1.6rem;\n        }\n\n        .rating-badge {\n            flex-wrap: wrap;\n        }\n\n        .benefit-item {\n            padding: 17px;\n        }\n\n        .detail-card {\n            padding: 19px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003c!-- Header \/ Brand --\u003e\n\u003cheader\u003e\n    \u003ca href=\"#\" class=\"brand-logo\"\u003eBeauty Bae\u003c\/a\u003e\n    \u003cdiv class=\"brand-tagline\"\u003eBe Confident. Be You. Be Beautiful.\u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003cdiv class=\"container\"\u003e\n\n    \u003c!-- Title \u0026 Rating --\u003e\n    \u003cdiv class=\"rating-badge\"\u003e\n        \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n        \u003cspan\u003e4.9 \/ 5.0\u003c\/span\u003e\n        \u003cspan class=\"review-count\"\u003e(1,248 Verified Reviews)\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"product-title\"\u003eXIOIMY Collagen Multi-Function Face Serum\u003c\/h1\u003e\n\n    \u003cdiv class=\"product-subtitle\"\u003e\n        10 Times Collagen Concentration\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pills-row\"\u003e\n        \u003cspan class=\"pill\"\u003e✨ Multi-Effect Care\u003c\/span\u003e\n        \u003cspan class=\"pill\"\u003e💧 10x Deep Hydration\u003c\/span\u003e\n        \u003cspan class=\"pill\"\u003e🌿 Plumping Formula\u003c\/span\u003e\n        \u003cspan class=\"pill\"\u003e🛡️ Skin Tightening\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Client Benefits Section --\u003e\n    \u003cdiv class=\"benefits-grid\"\u003e\n\n        \u003ch2 class=\"section-title\" style=\"margin-bottom:0;\"\u003e\n            Why Your Skin Will Love It:\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eVisibly Tightens \u0026amp; Firms\u003c\/h3\u003e\n\n                \u003cp\u003e\n                    High-potency collagen peptides restore elasticity,\n                    reducing sagging and fine lines within weeks.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003e10x Deep Moisture Retention\u003c\/h3\u003e\n\n                \u003cp\u003e\n                    Penetrates deep beneath the dermal layer to lock in\n                    moisture, giving you an all-day luminous glow.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e🌸\u003c\/div\u003e\n\n            \u003cdiv class=\"benefit-content\"\u003e\n                \u003ch3\u003eSmooths Fine Lines \u0026amp; Wrinkles\u003c\/h3\u003e\n\n                \u003cp\u003e\n                    Plumps target area tissue to visibly smooth out\n                    crow's feet, smile lines, and uneven skin texture.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Deep Detail Section --\u003e\n    \u003cdiv class=\"detail-card\"\u003e\n\n        \u003ch2\u003eDeep Skin Science \u0026amp; Formula Detail\u003c\/h2\u003e\n\n        \u003cp\u003e\n            As we age, natural collagen depletion leads to lost elasticity,\n            fine lines, and dull skin. The\n            \u003cstrong\u003eXIOIMY Collagen Multi-Function Serum\u003c\/strong\u003e\n            is specifically formulated with a concentrated 10x collagen\n            complex engineered for deep cellular absorption.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n            Unlike standard surface-level moisturizers, this lightweight\n            formula penetrates deep into the epidermis to replenish lost\n            structural proteins and encourage natural cellular renewal.\n        \u003c\/p\u003e\n\n        \u003cul class=\"feature-list\"\u003e\n\n            \u003cli\u003e\n                \u003cstrong\u003eNon-Greasy Formula:\u003c\/strong\u003e\n                Absorbs rapidly without clogging pores.\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n                \u003cstrong\u003eUniversal Compatibility:\u003c\/strong\u003e\n                Formulated for sensitive, dry, oily, and combination skin types.\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n                \u003cstrong\u003eUV-Protective Packaging:\u003c\/strong\u003e\n                Preserves raw peptide activity to the very last drop.\n            \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- FAQ Section --\u003e\n    \u003cdiv class=\"faq-section\"\u003e\n\n        \u003ch2 class=\"section-title\"\u003e\n            Frequently Asked Questions\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"faq-item\" onclick=\"toggleFaq(this)\"\u003e\n\n            \u003cdiv class=\"faq-question\"\u003e\n                \u003cspan\u003eHow soon will I see visible results?\u003c\/span\u003e\n                \u003cspan class=\"faq-toggle\"\u003e▼\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-answer\"\u003e\n                Most users notice increased skin hydration and softness\n                immediately after the first application. Noticeable firmness,\n                reduced fine lines, and structural tightening typically develop\n                after 14 to 21 days of daily use.\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"faq-item\" onclick=\"toggleFaq(this)\"\u003e\n\n            \u003cdiv class=\"faq-question\"\u003e\n                \u003cspan\u003eHow do I incorporate this into my routine?\u003c\/span\u003e\n                \u003cspan class=\"faq-toggle\"\u003e▼\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-answer\"\u003e\n                Apply 3 to 5 drops to clean, slightly damp skin every morning\n                and night. Gently massage in upward circular motions until\n                fully absorbed, followed by your favorite moisturizer or sunblock.\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"faq-item\" onclick=\"toggleFaq(this)\"\u003e\n\n            \u003cdiv class=\"faq-question\"\u003e\n                \u003cspan\u003eIs this suitable for sensitive skin?\u003c\/span\u003e\n                \u003cspan class=\"faq-toggle\"\u003e▼\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-answer\"\u003e\n                Yes! The XIOIMY formulation is hypoallergenic, free from harsh\n                irritating chemicals, and created specifically for all skin\n                types including sensitive skin.\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Script for Interactivity --\u003e\n\u003cscript\u003e\n    function toggleFaq(element) {\n        element.classList.toggle('open');\n    }\n\u003c\/script\u003e\n\n\n\n\n\u003c\/body\u003e","brand":"Beauty Bae","offers":[{"title":"Default Title","offer_id":58757249892512,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1056\/4573\/6096\/files\/A5ECB5ED-716D-4AE9-8269-6059F8F80F84.png?v=1790188024"}],"url":"https:\/\/beautybae.co.za\/collections\/beauty-bae-collagen-face-serum.oembed","provider":"Beauty Bae","version":"1.0","type":"link"}