{"title":"Home page","description":null,"products":[{"product_id":"mobile-baby-changing-station","title":"Mobile baby changing station","description":"   \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eGentleRoots Portable Baby Changing Mat\u003c\/title\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003cstyle\u003e *{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:'Inter',sans-serif; background:#f8f6f2; color:#222; overflow-x:hidden; } \/* ---------- HERO SECTION ---------- *\/ .hero{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:80px 8%; position:relative; overflow:hidden; background: radial-gradient(circle at top left,#ffffff 0%,#f7f2ea 45%,#efe7da 100%); } .hero::before{ content:''; position:absolute; width:700px; height:700px; background:rgba(255,255,255,0.55); border-radius:50%; filter:blur(100px); top:-250px; right:-150px; animation:float 8s ease-in-out infinite; } @keyframes float{ 0%,100%{transform:translateY(0px);} 50%{transform:translateY(30px);} } .hero-content{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; max-width:1400px; width:100%; z-index:2; } .hero-text{ animation:fadeUp 1.2s ease forwards; } @keyframes fadeUp{ from{ opacity:0; transform:translateY(50px); } to{ opacity:1; transform:translateY(0); } } .badge{ display:inline-flex; align-items:center; gap:10px; padding:12px 20px; border-radius:50px; background:rgba(255,255,255,0.7); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.5); box-shadow:0 10px 30px rgba(0,0,0,0.05); margin-bottom:30px; font-weight:600; color:#7d6c56; } .hero h1{ font-size:4rem; line-height:1.05; font-weight:800; margin-bottom:25px; color:#1d1d1d; } .hero h1 span{ color:#b59665; } .hero p{ font-size:1.2rem; line-height:1.8; color:#555; margin-bottom:35px; } .cta{ display:flex; gap:18px; flex-wrap:wrap; } .btn{ padding:18px 34px; border-radius:18px; border:none; font-size:1rem; font-weight:700; cursor:pointer; transition:0.4s ease; } .btn-primary{ background:#b59665; color:white; box-shadow:0 15px 40px rgba(181,150,101,0.35); } .btn-primary:hover{ transform:translateY(-4px); box-shadow:0 20px 50px rgba(181,150,101,0.45); } .btn-secondary{ background:white; color:#333; border:1px solid rgba(0,0,0,0.08); } .btn-secondary:hover{ transform:translateY(-4px); } \/* ---------- PRODUCT CARD ---------- *\/ .product-wrap{ position:relative; display:flex; justify-content:center; align-items:center; } .product-card{ width:100%; max-width:500px; background:rgba(255,255,255,0.75); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.6); border-radius:40px; padding:35px; box-shadow: 0 25px 60px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.6); transform-style:preserve-3d; animation:cardFloat 6s ease-in-out infinite; } @keyframes cardFloat{ 0%,100%{ transform:translateY(0px); } 50%{ transform:translateY(-15px); } } .product-image{ width:100%; border-radius:28px; overflow:hidden; position:relative; } .product-image img{ width:100%; display:block; transition:1s ease; } .product-card:hover img{ transform:scale(1.06); } .glow{ position:absolute; inset:0; background:linear-gradient( 120deg, rgba(255,255,255,0.05), rgba(255,255,255,0.45), rgba(255,255,255,0.05) ); transform:translateX(-100%); animation:shine 4s infinite; } @keyframes shine{ 100%{ transform:translateX(100%); } } .floating-tag{ position:absolute; padding:14px 18px; background:white; border-radius:20px; box-shadow:0 15px 40px rgba(0,0,0,0.08); font-weight:700; color:#333; animation:bounce 4s ease-in-out infinite; } .tag1{ top:-20px; left:-30px; } .tag2{ bottom:-10px; right:-20px; animation-delay:2s; } @keyframes bounce{ 0%,100%{ transform:translateY(0px); } 50%{ transform:translateY(-12px); } } \/* ---------- FEATURES ---------- *\/ .features{ padding:120px 8%; background:white; } .section-title{ text-align:center; margin-bottom:70px; } .section-title h2{ font-size:3rem; margin-bottom:20px; } .section-title p{ max-width:700px; margin:auto; color:#666; font-size:1.1rem; line-height:1.8; } .feature-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px; max-width:1300px; margin:auto; } .feature-card{ background:#faf8f4; padding:40px 35px; border-radius:30px; transition:0.5s ease; position:relative; overflow:hidden; } .feature-card::before{ content:''; position:absolute; width:180px; height:180px; background:rgba(181,150,101,0.08); border-radius:50%; top:-80px; right:-80px; transition:0.5s ease; } .feature-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.06); } .feature-card:hover::before{ transform:scale(1.2); } .icon{ width:70px; height:70px; border-radius:22px; background:#b59665; display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:25px; color:white; box-shadow:0 12px 25px rgba(181,150,101,0.35); } .feature-card h3{ font-size:1.4rem; margin-bottom:15px; } .feature-card p{ color:#666; line-height:1.8; } \/* ---------- PREMIUM SECTION ---------- *\/ .premium{ padding:140px 8%; background:linear-gradient(135deg,#f7f3ec,#fff); } .premium-box{ max-width:1200px; margin:auto; background:#1f1f1f; color:white; border-radius:40px; padding:80px; position:relative; overflow:hidden; } .premium-box::before{ content:''; position:absolute; width:500px; height:500px; background:radial-gradient(circle,#b59665 0%,transparent 70%); opacity:0.25; top:-200px; right:-150px; } .premium h2{ font-size:3rem; margin-bottom:25px; position:relative; z-index:2; } .premium p{ max-width:700px; line-height:1.9; color:#ddd; position:relative; z-index:2; font-size:1.1rem; } .premium-stats{ display:flex; gap:30px; margin-top:50px; flex-wrap:wrap; position:relative; z-index:2; } .stat{ background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(10px); padding:25px 35px; border-radius:25px; } .stat h3{ font-size:2rem; color:#e5c28c; margin-bottom:8px; } \/* ---------- FOOTER CTA ---------- *\/ .footer-cta{ padding:120px 8%; text-align:center; background:white; } .footer-cta h2{ font-size:3rem; margin-bottom:25px; } .footer-cta p{ max-width:700px; margin:auto; color:#666; line-height:1.8; margin-bottom:40px; } \/* ---------- RESPONSIVE ---------- *\/ @media(max-width:980px){ .hero-content{ grid-template-columns:1fr; text-align:center; } .hero h1{ font-size:3rem; } .cta{ justify-content:center; } .premium-box{ padding:50px 35px; } .section-title h2, .footer-cta h2, .premium h2{ font-size:2.2rem; } } \u003c\/style\u003e   \u003c!-- HERO --\u003e \u003csection class=\"hero\"\u003e \u003cdiv class=\"hero-content\"\u003e \u003cdiv class=\"hero-text\"\u003e \u003cdiv class=\"badge\"\u003e ✨ Premium Parenting Essential \u003c\/div\u003e \u003ch1\u003e Never Be \u003cspan\u003eCaught Off Guard\u003c\/span\u003e Again \u003c\/h1\u003e \u003cp\u003e Life with a baby is beautifully unpredictable — your changing station should keep up. The GentleRoots Portable Baby Changing Mat gives parents a clean, comfortable space for baby, wherever the day takes you. \u003c\/p\u003e \u003cdiv class=\"cta\"\u003e \u003cbutton class=\"btn btn-primary\"\u003e Shop Now \u003c\/button\u003e \u003cbutton class=\"btn btn-secondary\"\u003e Learn More \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"product-wrap\"\u003e \u003cdiv class=\"floating-tag tag1\"\u003e Waterproof ✨ \u003c\/div\u003e \u003cdiv class=\"product-card\"\u003e \u003cdiv class=\"product-image\"\u003e \u003c!-- REPLACE WITH YOUR PRODUCT IMAGE --\u003e \u003cimg src=\"https:\/\/images.unsplash.com\/photo-1515488042361-ee00e0ddd4e4?q=80\u0026amp;w=1200\u0026amp;auto=format\u0026amp;fit=crop\" alt=\"Baby Changing Mat\"\u003e \u003cdiv class=\"glow\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"floating-tag tag2\"\u003e Compact \u0026amp; Portable \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- FEATURES --\u003e \u003csection class=\"features\"\u003e \u003cdiv class=\"section-title\"\u003e \u003ch2\u003eDesigned for Real Life on the Move\u003c\/h2\u003e \u003cp\u003e Unfold it in seconds at the park, in the car, at a restaurant, or at a friend’s home. Clean, compact and always ready. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"feature-grid\"\u003e \u003cdiv class=\"feature-card\"\u003e \u003cdiv class=\"icon\"\u003e🧸\u003c\/div\u003e \u003ch3\u003ePadded Comfort\u003c\/h3\u003e \u003cp\u003e Soft supportive cushioning keeps baby comfortable during every change. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"feature-card\"\u003e \u003cdiv class=\"icon\"\u003e💧\u003c\/div\u003e \u003ch3\u003eWaterproof Surface\u003c\/h3\u003e \u003cp\u003e Premium easy-wipe lining keeps things hygienic and stress-free. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"feature-card\"\u003e \u003cdiv class=\"icon\"\u003e🧻\u003c\/div\u003e \u003ch3\u003eBuilt-In Wipe Pocket\u003c\/h3\u003e \u003cp\u003e Keep wipes exactly where you need them without digging through your bag. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"feature-card\"\u003e \u003cdiv class=\"icon\"\u003e🎒\u003c\/div\u003e \u003ch3\u003eCompact Fold Design\u003c\/h3\u003e \u003cp\u003e Velcro fastening folds flat and fits perfectly into every nappy bag. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- PREMIUM --\u003e \u003csection class=\"premium\"\u003e \u003cdiv class=\"premium-box\"\u003e \u003ch2\u003ePremium Quality, Naturally\u003c\/h2\u003e \u003cp\u003e Crafted with durable, parent-tested materials and finished in a sleek, gender-neutral design — because great gear shouldn’t have an expiry date. Whether it’s your first baby or your third, this is the changing mat that earns its place in every nappy bag. \u003c\/p\u003e \u003cdiv class=\"premium-stats\"\u003e \u003cdiv class=\"stat\"\u003e \u003ch3\u003e100%\u003c\/h3\u003e \u003cp\u003eEasy-Wipe Waterproof Interior\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"stat\"\u003e \u003ch3\u003eUltra\u003c\/h3\u003e \u003cp\u003eCompact Travel-Friendly Design\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"stat\"\u003e \u003ch3\u003eParent\u003c\/h3\u003e \u003cp\u003eTested \u0026amp; Approved Materials\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- CTA --\u003e \u003csection class=\"footer-cta\"\u003e \u003ch2\u003eCompact. Clean. Confident.\u003c\/h2\u003e \u003cp\u003e Change anywhere. Stress less. Parent better. The GentleRoots Portable Baby Changing Mat was made to simplify life on the move. \u003c\/p\u003e \u003cbutton class=\"btn btn-primary\"\u003e Get Yours Today \u003c\/button\u003e \u003c\/section\u003e  ","brand":"GentleRoots","offers":[{"title":"Default Title","offer_id":43238952435817,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9279\/5753\/files\/Screenshot2026-05-19at19.23.10.png?v=1779470475"},{"product_id":"diaper-storage-bags","title":"Diaper storage bags","description":"\u003cbody\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\n\n\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\n\u003ctitle\u003eGentleRoots Diaper Storage Bag\u003c\/title\u003e\n\n\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\n\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700\u0026amp;family=Cormorant+Garamond:wght@500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\n\n\u003cstyle\u003e\n\n\n\n*{\n\n\n\n    margin:0;\n\n\n\n    padding:0;\n\n\n\n    box-sizing:border-box;\n\n\n\n}\n\n\n\nbody{\n\n\n\n    background:#f5f3ee;\n\n\n\n    font-family:'Inter',sans-serif;\n\n\n\n    color:#2f3a31;\n\n\n\n    overflow-x:hidden;\n\n\n\n}\n\n\n\n\/* BACKGROUND GLOW *\/\n\n\n\n.bg-glow{\n\n\n\n    position:fixed;\n\n\n\n    width:700px;\n\n\n\n    height:700px;\n\n\n\n    background:radial-gradient(circle,#dce7d7 0%, transparent 70%);\n\n\n\n    top:-250px;\n\n\n\n    right:-200px;\n\n\n\n    z-index:-1;\n\n\n\n    animation:floatGlow 8s ease-in-out infinite alternate;\n\n\n\n}\n\n\n\n@keyframes floatGlow{\n\n\n\n    from{\n\n\n\n        transform:translateY(0px) translateX(0px);\n\n\n\n    }\n\n\n\n    to{\n\n\n\n        transform:translateY(40px) translateX(-30px);\n\n\n\n    }\n\n\n\n}\n\n\n\n\/* HERO SECTION *\/\n\n\n\n.hero{\n\n\n\n    min-height:100vh;\n\n\n\n    display:flex;\n\n\n\n    align-items:center;\n\n\n\n    justify-content:center;\n\n\n\n    padding:80px 8%;\n\n\n\n    position:relative;\n\n\n\n}\n\n\n\n.hero-container{\n\n\n\n    max-width:1400px;\n\n\n\n    width:100%;\n\n\n\n    display:grid;\n\n\n\n    grid-template-columns:1fr 1fr;\n\n\n\n    gap:80px;\n\n\n\n    align-items:center;\n\n\n\n}\n\n\n\n\/* PRODUCT IMAGE *\/\n\n\n\n.product-wrapper{\n\n\n\n    position:relative;\n\n\n\n    animation:fadeUp 1.2s ease;\n\n\n\n}\n\n\n\n.product-card{\n\n\n\n    position:relative;\n\n\n\n    border-radius:40px;\n\n\n\n    overflow:hidden;\n\n\n\n    background:rgba(255,255,255,0.55);\n\n\n\n    backdrop-filter:blur(20px);\n\n\n\n    border:1px solid rgba(255,255,255,0.7);\n\n\n\n    box-shadow:\n\n\n\n        0 30px 60px rgba(0,0,0,0.12),\n\n\n\n        inset 0 1px 0 rgba(255,255,255,0.8);\n\n\n\n    transform-style:preserve-3d;\n\n\n\n    transition:all .6s ease;\n\n\n\n}\n\n\n\n.product-card:hover{\n\n\n\n    transform:rotateY(-6deg) rotateX(4deg) scale(1.02);\n\n\n\n}\n\n\n\n.product-card img{\n\n\n\n    width:100%;\n\n\n\n    display:block;\n\n\n\n    object-fit:cover;\n\n\n\n}\n\n\n\n\/* FLOATING BADGES *\/\n\n\n\n.badge{\n\n\n\n    position:absolute;\n\n\n\n    background:rgba(255,255,255,0.9);\n\n\n\n    backdrop-filter:blur(10px);\n\n\n\n    padding:14px 20px;\n\n\n\n    border-radius:20px;\n\n\n\n    box-shadow:0 10px 25px rgba(0,0,0,0.08);\n\n\n\n    font-size:14px;\n\n\n\n    font-weight:600;\n\n\n\n    color:#51604f;\n\n\n\n    animation:float 4s ease-in-out infinite;\n\n\n\n}\n\n\n\n.badge.one{\n\n\n\n    top:30px;\n\n\n\n    left:-30px;\n\n\n\n}\n\n\n\n.badge.two{\n\n\n\n    bottom:40px;\n\n\n\n    right:-20px;\n\n\n\n    animation-delay:1.5s;\n\n\n\n}\n\n\n\n@keyframes float{\n\n\n\n    0%{transform:translateY(0px);}\n\n\n\n    50%{transform:translateY(-10px);}\n\n\n\n    100%{transform:translateY(0px);}\n\n\n\n}\n\n\n\n\/* CONTENT *\/\n\n\n\n.content{\n\n\n\n    animation:fadeUp 1.2s ease;\n\n\n\n}\n\n\n\n.tag{\n\n\n\n    display:inline-flex;\n\n\n\n    align-items:center;\n\n\n\n    gap:10px;\n\n\n\n    background:#e3ebdf;\n\n\n\n    color:#567055;\n\n\n\n    padding:12px 20px;\n\n\n\n    border-radius:999px;\n\n\n\n    font-size:14px;\n\n\n\n    font-weight:600;\n\n\n\n    margin-bottom:28px;\n\n\n\n    letter-spacing:.5px;\n\n\n\n}\n\n\n\nh1{\n\n\n\n    font-family:'Cormorant Garamond',serif;\n\n\n\n    font-size:72px;\n\n\n\n    line-height:1;\n\n\n\n    margin-bottom:28px;\n\n\n\n    color:#233126;\n\n\n\n}\n\n\n\n.description{\n\n\n\n    font-size:18px;\n\n\n\n    line-height:1.9;\n\n\n\n    color:#55645a;\n\n\n\n    margin-bottom:38px;\n\n\n\n}\n\n\n\n\/* FEATURES *\/\n\n\n\n.features{\n\n\n\n    display:grid;\n\n\n\n    grid-template-columns:1fr 1fr;\n\n\n\n    gap:18px;\n\n\n\n    margin-bottom:40px;\n\n\n\n}\n\n\n\n.feature{\n\n\n\n    background:rgba(255,255,255,0.55);\n\n\n\n    backdrop-filter:blur(10px);\n\n\n\n    border:1px solid rgba(255,255,255,0.7);\n\n\n\n    border-radius:24px;\n\n\n\n    padding:24px;\n\n\n\n    transition:.4s ease;\n\n\n\n    position:relative;\n\n\n\n    overflow:hidden;\n\n\n\n}\n\n\n\n.feature:before{\n\n\n\n    content:'';\n\n\n\n    position:absolute;\n\n\n\n    inset:0;\n\n\n\n    background:linear-gradient(135deg, rgba(255,255,255,0.5), transparent);\n\n\n\n    opacity:0;\n\n\n\n    transition:.4s ease;\n\n\n\n}\n\n\n\n.feature:hover:before{\n\n\n\n    opacity:1;\n\n\n\n}\n\n\n\n.feature:hover{\n\n\n\n    transform:translateY(-6px);\n\n\n\n    box-shadow:0 18px 35px rgba(0,0,0,0.08);\n\n\n\n}\n\n\n\n.feature-icon{\n\n\n\n    font-size:28px;\n\n\n\n    margin-bottom:14px;\n\n\n\n}\n\n\n\n.feature h3{\n\n\n\n    font-size:17px;\n\n\n\n    margin-bottom:10px;\n\n\n\n    color:#304034;\n\n\n\n}\n\n\n\n.feature p{\n\n\n\n    font-size:14px;\n\n\n\n    line-height:1.7;\n\n\n\n    color:#647267;\n\n\n\n}\n\n\n\n\/* BUTTONS *\/\n\n\n\n.buttons{\n\n\n\n    display:flex;\n\n\n\n    gap:18px;\n\n\n\n    flex-wrap:wrap;\n\n\n\n}\n\n\n\n.btn{\n\n\n\n    padding:18px 34px;\n\n\n\n    border-radius:999px;\n\n\n\n    font-weight:600;\n\n\n\n    font-size:15px;\n\n\n\n    cursor:pointer;\n\n\n\n    transition:.4s ease;\n\n\n\n    border:none;\n\n\n\n    text-decoration:none;\n\n\n\n    display:inline-flex;\n\n\n\n    align-items:center;\n\n\n\n    justify-content:center;\n\n\n\n}\n\n\n\n.btn-primary{\n\n\n\n    background:#314433;\n\n\n\n    color:white;\n\n\n\n    box-shadow:0 14px 30px rgba(49,68,51,0.28);\n\n\n\n}\n\n\n\n.btn-primary:hover{\n\n\n\n    transform:translateY(-4px);\n\n\n\n    box-shadow:0 18px 35px rgba(49,68,51,0.4);\n\n\n\n}\n\n\n\n.btn-secondary{\n\n\n\n    background:white;\n\n\n\n    color:#314433;\n\n\n\n    border:1px solid rgba(0,0,0,0.06);\n\n\n\n}\n\n\n\n.btn-secondary:hover{\n\n\n\n    transform:translateY(-4px);\n\n\n\n}\n\n\n\n\/* FADE ANIMATION *\/\n\n\n\n@keyframes fadeUp{\n\n\n\n    from{\n\n\n\n        opacity:0;\n\n\n\n        transform:translateY(40px);\n\n\n\n    }\n\n\n\n    to{\n\n\n\n        opacity:1;\n\n\n\n        transform:translateY(0px);\n\n\n\n    }\n\n\n\n}\n\n\n\n\/* RESPONSIVE *\/\n\n\n\n@media(max-width:980px){\n\n\n\n    .hero-container{\n\n\n\n        grid-template-columns:1fr;\n\n\n\n        gap:60px;\n\n\n\n    }\n\n\n\n    h1{\n\n\n\n        font-size:54px;\n\n\n\n    }\n\n\n\n    .features{\n\n\n\n        grid-template-columns:1fr;\n\n\n\n    }\n\n\n\n    .badge.one{\n\n\n\n        left:10px;\n\n\n\n    }\n\n\n\n    .badge.two{\n\n\n\n        right:10px;\n\n\n\n    }\n\n\n\n}\n\n\n\n@media(max-width:600px){\n\n\n\n    .hero{\n\n\n\n        padding:50px 20px;\n\n\n\n    }\n\n\n\n    h1{\n\n\n\n        font-size:42px;\n\n\n\n    }\n\n\n\n    .description{\n\n\n\n        font-size:16px;\n\n\n\n    }\n\n\n\n    .buttons{\n\n\n\n        flex-direction:column;\n\n\n\n    }\n\n\n\n    .btn{\n\n\n\n        width:100%;\n\n\n\n    }\n\n\n\n}\n\n\n\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"bg-glow\"\u003e\u003c\/div\u003e\n\n\n\n\u003csection class=\"hero\"\u003e\n\n\n\n    \u003cdiv class=\"hero-container\"\u003e\n\n\n\n        \u003c!-- LEFT IMAGE --\u003e\n\n\n\n        \u003cdiv class=\"product-wrapper\"\u003e\n\n\n\n            \u003cdiv class=\"badge one\"\u003e🌱 Eco-Conscious Materials\u003c\/div\u003e\n\n\n\n            \u003cdiv class=\"product-card\"\u003e\n\n\n\n                \u003c!-- Replace with your product image --\u003e\n\n\n\n                \u003cimg src=\"https:\/\/images.unsplash.com\/photo-1519689680058-324335c77eba?q=80\u0026amp;w=1200\u0026amp;auto=format\u0026amp;fit=crop\" alt=\"GentleRoots Bag\"\u003e\n\n\n\n            \u003c\/div\u003e\n\n\n\n            \u003cdiv class=\"badge two\"\u003e✨ Premium Modern Design\u003c\/div\u003e\n\n\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- RIGHT CONTENT --\u003e\n\n\n\n        \u003cdiv class=\"content\"\u003e\n\n\n\n            \u003cdiv class=\"tag\"\u003e\n\n\n\n                GentleRoots Essentials\n\n\n\n            \u003c\/div\u003e\n\n\n\n            \u003ch1\u003e\n\n\n\n                Keep Every Outing\u003cbr\u003e\n\n\n\n                Effortlessly Organised\n\n\n\n            \u003c\/h1\u003e\n\n\n\n            \u003cp class=\"description\"\u003e\n\n\n\n                Designed for the modern parent on the move, the GentleRoots Diaper Storage Bag blends thoughtful functionality with a calming, nature-inspired aesthetic. Spacious yet compact, every compartment is crafted to keep your essentials beautifully organised and always within reach.\n\n\n\n            \u003c\/p\u003e\n\n\n\n            \u003cdiv class=\"features\"\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"feature-icon\"\u003e👜\u003c\/div\u003e\n\n\n\n                    \u003ch3\u003eSpacious Yet Compact\u003c\/h3\u003e\n\n\n\n                    \u003cp\u003eCarry diapers, wipes, bottles, and essentials without unnecessary bulk.\u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"feature-icon\"\u003e💧\u003c\/div\u003e\n\n\n\n                    \u003ch3\u003eWipe-Clean Interior\u003c\/h3\u003e\n\n\n\n                    \u003cp\u003eEffortless cleaning keeps everything fresh and hygienic wherever you go.\u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\n\n\n                    \u003ch3\u003eEco-Conscious Materials\u003c\/h3\u003e\n\n\n\n                    \u003cp\u003eCrafted with durable materials that feel soft, premium, and sustainable.\u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n\n\n\n                    \u003ch3\u003eModern Neutral Palette\u003c\/h3\u003e\n\n\n\n                    \u003cp\u003eDesigned to complement every changing bag, pram, and parenting style.\u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n            \u003c\/div\u003e\n\n\n\n            \u003cdiv class=\"buttons\"\u003e\n\n\n\n                \u003ca href=\"#\" class=\"btn btn-primary\"\u003e\n\n\n\n                    Shop Now\n\n\n\n                \u003c\/a\u003e\n\n\n\n                \u003ca href=\"#\" class=\"btn btn-secondary\"\u003e\n\n\n\n                    Explore Features\n\n\n\n                \u003c\/a\u003e\n\n\n\n            \u003c\/div\u003e\n\n\n\n        \u003c\/div\u003e\n\n\n\n    \u003c\/div\u003e\n\n\n\n\u003c\/section\u003e\n\n\n\n\u003cscript\u003e\n\n\n\n\/* PARALLAX EFFECT *\/\n\n\n\ndocument.addEventListener(\"mousemove\", (e) =\u003e {\n\n\n\n    const card = document.querySelector(\".product-card\");\n\n\n\n    let x = (window.innerWidth \/ 2 - e.pageX) \/ 35;\n\n\n\n    let y = (window.innerHeight \/ 2 - e.pageY) \/ 35;\n\n\n\n    card.style.transform = `\n\n\n\n        rotateY(${x}deg)\n\n\n\n        rotateX(${-y}deg)\n\n\n\n        scale(1.02)\n\n\n\n    `;\n\n\n\n});\n\n\n\n\/* RESET POSITION *\/\n\n\n\ndocument.addEventListener(\"mouseleave\", () =\u003e {\n\n\n\n    const card = document.querySelector(\".product-card\");\n\n\n\n    card.style.transform = `\n\n\n\n        rotateY(0deg)\n\n\n\n        rotateX(0deg)\n\n\n\n        scale(1)\n\n\n\n    `;\n\n\n\n});\n\n\n\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"GentleRoots","offers":[{"title":"Blue","offer_id":43251385401449,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":43251385434217,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":43251385466985,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":43251385499753,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Animal World","offer_id":43251385532521,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Forest","offer_id":43251385565289,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9279\/5753\/files\/Screenshot2026-05-19at19.18.15.png?v=1779615953"},{"product_id":"breastmilk-cooler-bag","title":"Breastmilk cooler bag","description":"\u003cbody\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\n\n\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\n\u003ctitle\u003eGentleRoots Breast Milk Cooler Bag\u003c\/title\u003e\n\n\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\n\n\u003cstyle\u003e\n\n\n\n*{\n\n\n\n    margin:0;\n\n\n\n    padding:0;\n\n\n\n    box-sizing:border-box;\n\n\n\n}\n\n\n\nbody{\n\n\n\n    font-family:'Poppins',sans-serif;\n\n\n\n    background:#f5f1ea;\n\n\n\n    overflow-x:hidden;\n\n\n\n    color:#2d2d2d;\n\n\n\n}\n\n\n\n\/* Animated Background *\/\n\n\n\nbody::before{\n\n\n\n    content:'';\n\n\n\n    position:fixed;\n\n\n\n    width:600px;\n\n\n\n    height:600px;\n\n\n\n    background:radial-gradient(circle,#d8c5a5 0%, transparent 70%);\n\n\n\n    top:-200px;\n\n\n\n    right:-100px;\n\n\n\n    animation:float 8s ease-in-out infinite;\n\n\n\n    z-index:-1;\n\n\n\n    opacity:0.4;\n\n\n\n}\n\n\n\nbody::after{\n\n\n\n    content:'';\n\n\n\n    position:fixed;\n\n\n\n    width:500px;\n\n\n\n    height:500px;\n\n\n\n    background:radial-gradient(circle,#b9a37b 0%, transparent 70%);\n\n\n\n    bottom:-200px;\n\n\n\n    left:-150px;\n\n\n\n    animation:float2 10s ease-in-out infinite;\n\n\n\n    z-index:-1;\n\n\n\n    opacity:0.25;\n\n\n\n}\n\n\n\n@keyframes float{\n\n\n\n    0%,100%{\n\n\n\n        transform:translateY(0px);\n\n\n\n    }\n\n\n\n    50%{\n\n\n\n        transform:translateY(30px);\n\n\n\n    }\n\n\n\n}\n\n\n\n@keyframes float2{\n\n\n\n    0%,100%{\n\n\n\n        transform:translateY(0px);\n\n\n\n    }\n\n\n\n    50%{\n\n\n\n        transform:translateY(-40px);\n\n\n\n    }\n\n\n\n}\n\n\n\n.hero{\n\n\n\n    min-height:100vh;\n\n\n\n    display:flex;\n\n\n\n    align-items:center;\n\n\n\n    justify-content:center;\n\n\n\n    padding:60px 8%;\n\n\n\n    position:relative;\n\n\n\n}\n\n\n\n.container{\n\n\n\n    display:grid;\n\n\n\n    grid-template-columns:1fr 1fr;\n\n\n\n    gap:60px;\n\n\n\n    align-items:center;\n\n\n\n    max-width:1400px;\n\n\n\n}\n\n\n\n\/* Product Image *\/\n\n\n\n.product-image{\n\n\n\n    position:relative;\n\n\n\n    animation:fadeInLeft 1.2s ease;\n\n\n\n}\n\n\n\n.image-card{\n\n\n\n    width:100%;\n\n\n\n    max-width:550px;\n\n\n\n    height:650px;\n\n\n\n    border-radius:40px;\n\n\n\n    overflow:hidden;\n\n\n\n    position:relative;\n\n\n\n    background:linear-gradient(145deg,#e5d3b3,#b89b72);\n\n\n\n    box-shadow:\n\n\n\n        0 30px 60px rgba(0,0,0,0.15),\n\n\n\n        inset 0 0 25px rgba(255,255,255,0.4);\n\n\n\n}\n\n\n\n.image-card img{\n\n\n\n    width:100%;\n\n\n\n    height:100%;\n\n\n\n    object-fit:cover;\n\n\n\n    transition:transform 0.8s ease;\n\n\n\n}\n\n\n\n.image-card:hover img{\n\n\n\n    transform:scale(1.08);\n\n\n\n}\n\n\n\n.shine{\n\n\n\n    position:absolute;\n\n\n\n    top:0;\n\n\n\n    left:-120%;\n\n\n\n    width:50%;\n\n\n\n    height:100%;\n\n\n\n    background:rgba(255,255,255,0.25);\n\n\n\n    transform:skewX(-25deg);\n\n\n\n    animation:shine 5s infinite;\n\n\n\n}\n\n\n\n@keyframes shine{\n\n\n\n    0%{\n\n\n\n        left:-120%;\n\n\n\n    }\n\n\n\n    100%{\n\n\n\n        left:150%;\n\n\n\n    }\n\n\n\n}\n\n\n\n\/* Content *\/\n\n\n\n.content{\n\n\n\n    animation:fadeInRight 1.2s ease;\n\n\n\n}\n\n\n\n.brand{\n\n\n\n    font-size:14px;\n\n\n\n    letter-spacing:5px;\n\n\n\n    text-transform:uppercase;\n\n\n\n    color:#9b7b52;\n\n\n\n    margin-bottom:18px;\n\n\n\n}\n\n\n\nh1{\n\n\n\n    font-size:68px;\n\n\n\n    line-height:1.05;\n\n\n\n    font-weight:700;\n\n\n\n    margin-bottom:25px;\n\n\n\n    color:#2e2418;\n\n\n\n}\n\n\n\n.highlight{\n\n\n\n    color:#b48a54;\n\n\n\n}\n\n\n\n.description{\n\n\n\n    font-size:18px;\n\n\n\n    line-height:1.9;\n\n\n\n    color:#5c5247;\n\n\n\n    margin-bottom:35px;\n\n\n\n}\n\n\n\n\/* Features *\/\n\n\n\n.features{\n\n\n\n    display:grid;\n\n\n\n    gap:18px;\n\n\n\n    margin-bottom:40px;\n\n\n\n}\n\n\n\n.feature{\n\n\n\n    display:flex;\n\n\n\n    align-items:flex-start;\n\n\n\n    gap:16px;\n\n\n\n    padding:18px 20px;\n\n\n\n    border-radius:20px;\n\n\n\n    background:rgba(255,255,255,0.55);\n\n\n\n    backdrop-filter:blur(10px);\n\n\n\n    transition:all 0.4s ease;\n\n\n\n    border:1px solid rgba(255,255,255,0.4);\n\n\n\n}\n\n\n\n.feature:hover{\n\n\n\n    transform:translateX(10px);\n\n\n\n    box-shadow:0 10px 30px rgba(0,0,0,0.08);\n\n\n\n}\n\n\n\n.icon{\n\n\n\n    min-width:50px;\n\n\n\n    height:50px;\n\n\n\n    border-radius:14px;\n\n\n\n    display:flex;\n\n\n\n    align-items:center;\n\n\n\n    justify-content:center;\n\n\n\n    background:linear-gradient(145deg,#d7b98b,#b58b52);\n\n\n\n    color:white;\n\n\n\n    font-size:22px;\n\n\n\n    box-shadow:0 8px 20px rgba(181,139,82,0.3);\n\n\n\n}\n\n\n\n.feature p{\n\n\n\n    font-size:15px;\n\n\n\n    color:#4f463d;\n\n\n\n    line-height:1.6;\n\n\n\n}\n\n\n\n\/* CTA *\/\n\n\n\n.cta{\n\n\n\n    display:flex;\n\n\n\n    gap:20px;\n\n\n\n    align-items:center;\n\n\n\n    margin-top:20px;\n\n\n\n}\n\n\n\n.btn{\n\n\n\n    padding:18px 38px;\n\n\n\n    border:none;\n\n\n\n    border-radius:60px;\n\n\n\n    font-size:16px;\n\n\n\n    font-weight:600;\n\n\n\n    cursor:pointer;\n\n\n\n    transition:all 0.4s ease;\n\n\n\n    position:relative;\n\n\n\n    overflow:hidden;\n\n\n\n}\n\n\n\n.btn-primary{\n\n\n\n    background:linear-gradient(135deg,#c8a36b,#9d7443);\n\n\n\n    color:white;\n\n\n\n    box-shadow:0 12px 30px rgba(157,116,67,0.35);\n\n\n\n}\n\n\n\n.btn-primary:hover{\n\n\n\n    transform:translateY(-5px);\n\n\n\n    box-shadow:0 20px 40px rgba(157,116,67,0.45);\n\n\n\n}\n\n\n\n.btn-secondary{\n\n\n\n    background:transparent;\n\n\n\n    border:1px solid #b58b52;\n\n\n\n    color:#8c6536;\n\n\n\n}\n\n\n\n.btn-secondary:hover{\n\n\n\n    background:#b58b52;\n\n\n\n    color:white;\n\n\n\n}\n\n\n\n\/* Footer Text *\/\n\n\n\n.tagline{\n\n\n\n    margin-top:35px;\n\n\n\n    font-size:15px;\n\n\n\n    color:#8a7b69;\n\n\n\n    letter-spacing:1px;\n\n\n\n    font-style:italic;\n\n\n\n}\n\n\n\n\/* Animations *\/\n\n\n\n@keyframes fadeInLeft{\n\n\n\n    from{\n\n\n\n        opacity:0;\n\n\n\n        transform:translateX(-80px);\n\n\n\n    }\n\n\n\n    to{\n\n\n\n        opacity:1;\n\n\n\n        transform:translateX(0);\n\n\n\n    }\n\n\n\n}\n\n\n\n@keyframes fadeInRight{\n\n\n\n    from{\n\n\n\n        opacity:0;\n\n\n\n        transform:translateX(80px);\n\n\n\n    }\n\n\n\n    to{\n\n\n\n        opacity:1;\n\n\n\n        transform:translateX(0);\n\n\n\n    }\n\n\n\n}\n\n\n\n\/* Responsive *\/\n\n\n\n@media(max-width:992px){\n\n\n\n    .container{\n\n\n\n        grid-template-columns:1fr;\n\n\n\n        text-align:center;\n\n\n\n    }\n\n\n\n    .product-image{\n\n\n\n        display:flex;\n\n\n\n        justify-content:center;\n\n\n\n    }\n\n\n\n    h1{\n\n\n\n        font-size:48px;\n\n\n\n    }\n\n\n\n    .cta{\n\n\n\n        justify-content:center;\n\n\n\n        flex-wrap:wrap;\n\n\n\n    }\n\n\n\n    .feature{\n\n\n\n        text-align:left;\n\n\n\n    }\n\n\n\n}\n\n\n\n@media(max-width:600px){\n\n\n\n    .hero{\n\n\n\n        padding:40px 20px;\n\n\n\n    }\n\n\n\n    h1{\n\n\n\n        font-size:38px;\n\n\n\n    }\n\n\n\n    .description{\n\n\n\n        font-size:16px;\n\n\n\n    }\n\n\n\n    .image-card{\n\n\n\n        height:500px;\n\n\n\n    }\n\n\n\n}\n\n\n\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"hero\"\u003e\n\n\n\n    \u003cdiv class=\"container\"\u003e\n\n\n\n        \u003c!-- LEFT SIDE --\u003e\n\n\n\n        \u003cdiv class=\"product-image\"\u003e\n\n\n\n            \u003cdiv class=\"image-card\"\u003e\n\n\n\n                \u003c!-- REPLACE WITH YOUR PRODUCT IMAGE --\u003e\n\n\n\n                \u003cimg src=\"https:\/\/images.unsplash.com\/photo-1512436991641-6745cdb1723f?q=80\u0026amp;w=1200\u0026amp;auto=format\u0026amp;fit=crop\" alt=\"GentleRoots Cooler Bag\"\u003e\n\n\n\n                \u003cdiv class=\"shine\"\u003e\u003c\/div\u003e\n\n\n\n            \u003c\/div\u003e\n\n\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- RIGHT SIDE --\u003e\n\n\n\n        \u003cdiv class=\"content\"\u003e\n\n\n\n            \u003cdiv class=\"brand\"\u003e\n\n\n\n                GentleRoots\n\n\n\n            \u003c\/div\u003e\n\n\n\n            \u003ch1\u003e\n\n\n\n                Your \u003cspan class=\"highlight\"\u003eLiquid Gold\u003c\/span\u003e,\u003cbr\u003e\n\n\n\n                Perfectly Preserved\n\n\n\n            \u003c\/h1\u003e\n\n\n\n            \u003cp class=\"description\"\u003e\n\n\n\n                Introducing the GentleRoots Breast Milk Cooler Bag —\n\n\n\n                thoughtfully designed for the breastfeeding mother who refuses\n\n\n\n                to compromise on quality. Whether you're at the office,\n\n\n\n                running errands, or travelling, your expressed milk stays\n\n\n\n                safely chilled and beautifully protected.\n\n\n\n            \u003c\/p\u003e\n\n\n\n            \u003cdiv class=\"features\"\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"icon\"\u003e❄️\u003c\/div\u003e\n\n\n\n                    \u003cp\u003e\n\n\n\n                        Superior insulation keeps milk at safe temperatures for hours.\n\n\n\n                    \u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"icon\"\u003e👜\u003c\/div\u003e\n\n\n\n                    \u003cp\u003e\n\n\n\n                        Compact and lightweight — designed to fit effortlessly into handbags and totes.\n\n\n\n                    \u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n\n\n\n                    \u003cp\u003e\n\n\n\n                        Food-safe wipe-clean interior lining for effortless maintenance.\n\n\n\n                    \u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"icon\"\u003e🔒\u003c\/div\u003e\n\n\n\n                    \u003cp\u003e\n\n\n\n                        Secure zip closure prevents leaks and spills while travelling.\n\n\n\n                    \u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n                \u003cdiv class=\"feature\"\u003e\n\n\n\n                    \u003cdiv class=\"icon\"\u003e🤍\u003c\/div\u003e\n\n\n\n                    \u003cp\u003e\n\n\n\n                        Elegant gender-neutral design that blends functionality with sophistication.\n\n\n\n                    \u003c\/p\u003e\n\n\n\n                \u003c\/div\u003e\n\n\n\n            \u003c\/div\u003e\n\n\n\n            \u003cdiv class=\"cta\"\u003e\n\n\n\n                \u003cbutton class=\"btn btn-primary\"\u003e\n\n\n\n                    Shop Now\n\n\n\n                \u003c\/button\u003e\n\n\n\n                \u003cbutton class=\"btn btn-secondary\"\u003e\n\n\n\n                    Learn More\n\n\n\n                \u003c\/button\u003e\n\n\n\n            \u003c\/div\u003e\n\n\n\n            \u003cdiv class=\"tagline\"\u003e\n\n\n\n                rooted in nature, designed for life.\n\n\n\n            \u003c\/div\u003e\n\n\n\n        \u003c\/div\u003e\n\n\n\n    \u003c\/div\u003e\n\n\n\n\u003c\/section\u003e\n\n\n\n\n\n\n\n\u003c\/body\u003e","brand":"GentleRoots","offers":[{"title":"Default Title","offer_id":43241750134889,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9279\/5753\/files\/Screenshot2026-05-19at19.16.05.png?v=1779623272"}],"url":"https:\/\/gentleroots.co.za\/collections\/frontpage.oembed","provider":"GentleRoots","version":"1.0","type":"link"}