{"title":"Home page","description":null,"products":[{"product_id":"qrome™-foldable-mini-travel-iron-with-steam-spray","title":"Qrome™ Portable Mini Travel Iron","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  @font-face {\n    font-family: 'Archivo Black';\n    src: local('Archivo Black');\n  }\n\n  :root{\n    --bg:#1c1c1c;\n    --bg-gradient:linear-gradient(135deg, #222222 0%, #2b2b2b 100%);\n    --panel:#1e1e1e;\n    --line:#2a2a2a;\n    --ink:#f7f6f3;\n    --grey:#9a978f;\n    --orange:#ff751f;\n  }\n\n  *{box-sizing:border-box; margin:0; padding:0;}\n\n  html{scroll-behavior:smooth;}\n\n  body{\n    background:var(--bg-gradient);\n    color:var(--ink);\n    font-family:'Segoe UI', 'Inter', -apple-system, sans-serif;\n    line-height:1.55;\n    -webkit-font-smoothing:antialiased;\n  }\n\n  .wrap{max-width:920px; margin:0 auto; padding:0 28px;}\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    position:relative;\n    padding:120px 0 90px;\n  }\n\n  .brand{\n    display:inline-flex;\n    align-items:baseline;\n    gap:6px;\n    font-family:'Archivo Black', Arial, sans-serif;\n    font-size:15px;\n    letter-spacing:0.14em;\n    color:var(--grey);\n    text-transform:lowercase;\n    opacity:0;\n    animation:riseIn .7s cubic-bezier(.2,.8,.2,1) forwards;\n  }\n  .brand b{color:var(--ink); font-weight:900;}\n  .brand span{\n    width:7px; height:7px; background:var(--orange); display:inline-block;\n  }\n\n  .hero-title{\n    margin-top:26px;\n    font-family:'Archivo Black', Arial, sans-serif;\n    font-weight:900;\n    letter-spacing:-0.01em;\n    font-size:clamp(34px, 6vw, 58px);\n    line-height:1.03;\n    max-width:820px;\n    opacity:0;\n    animation:riseIn .8s cubic-bezier(.2,.8,.2,1) .12s forwards;\n  }\n  .hero-title em{\n    font-style:normal;\n    color:var(--orange);\n  }\n\n  .hero-sub{\n    margin-top:22px;\n    max-width:520px;\n    font-size:17px;\n    color:var(--grey);\n    opacity:0;\n    animation:riseIn .8s cubic-bezier(.2,.8,.2,1) .26s forwards;\n  }\n\n  .hero-sub strong{color:var(--ink); font-weight:600;}\n\n  @keyframes riseIn{\n    from{opacity:0; transform:translateY(14px);}\n    to{opacity:1; transform:translateY(0);}\n  }\n\n  \/* ---------- IRON + STEAM SCENE ---------- *\/\n  #qrome-scene{\n    position:relative;\n    height:260px;\n    margin-top:64px;\n    opacity:0;\n    overflow:visible;\n    animation:qromeRiseIn 1s cubic-bezier(.2,.8,.2,1) .42s forwards;\n  }\n\n  #qrome-scene .qrome-baseline{\n    position:absolute; left:0; right:0; bottom:36px;\n    height:1px; background:var(--line);\n  }\n\n  #qrome-scene .qrome-iron{\n    position:absolute; left:50%; bottom:36px; transform:translateX(-50%);\n    width:180px; height:100px; z-index:2;\n  }\n  #qrome-scene .qrome-iron svg{width:100%; height:100%; display:block;}\n  #qrome-scene .qrome-iron-glow{\n    filter:drop-shadow(0 0 24px rgba(255,117,31,.35));\n  }\n\n  #qrome-scene .qrome-wisp{\n    position:absolute;\n    bottom:130px;\n    width:12px; height:12px;\n    border-radius:50%;\n    background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,0) 70%);\n    opacity:0;\n    z-index:1;\n    animation-name:qromeSteam;\n    animation-duration:3.2s;\n    animation-timing-function:ease-in;\n    animation-iteration-count:infinite;\n  }\n  #qrome-scene .qrome-wisp.w1{left:47%; animation-delay:.2s;}\n  #qrome-scene .qrome-wisp.w2{left:52%; animation-delay:1.1s;}\n  #qrome-scene .qrome-wisp.w3{left:44%; animation-delay:2s;}\n  #qrome-scene .qrome-wisp.w4{left:56%; animation-delay:.7s;}\n\n  @keyframes qromeSteam{\n    0%{opacity:0; transform:translateY(0) scale(.6);}\n    15%{opacity:.6;}\n    100%{opacity:0; transform:translateY(-120px) scale(2.2) translateX(6px);}\n  }\n\n  @keyframes qromeRiseIn{\n    from{opacity:0; transform:translateY(14px);}\n    to{opacity:1; transform:translateY(0);}\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    #qrome-scene{animation:none; opacity:1;}\n    #qrome-scene .qrome-wisp{animation:none; opacity:0;}\n  }\n\n  \/* ---------- FEATURES ---------- *\/\n  .section{padding:70px 0;}\n  .section + .section{border-top:1px solid var(--line);}\n\n  .kicker{\n    font-size:13px;\n    letter-spacing:.08em;\n    color:var(--orange);\n    font-weight:600;\n  }\n\n  .section-title{\n    font-family:'Archivo Black', Arial, sans-serif;\n    font-size:clamp(24px,3.4vw,32px);\n    margin-top:10px;\n    max-width:500px;\n  }\n\n  .feature-list{\n    margin-top:44px;\n    border-top:1px solid var(--line);\n  }\n\n  .feature{\n    display:grid;\n    grid-template-columns:28px 200px 1fr;\n    gap:22px;\n    align-items:start;\n    padding:22px 0;\n    border-bottom:1px solid var(--line);\n    transition:background .25s ease;\n  }\n  .feature:hover{background:rgba(255,117,31,.05);}\n\n  .feature-mark{\n    width:10px; height:10px;\n    background:var(--orange);\n    margin-top:6px;\n    transition:transform .25s ease;\n  }\n  .feature:hover .feature-mark{transform:scale(1.3);}\n\n  .feature-name{\n    font-weight:700;\n    font-size:16px;\n    color:var(--ink);\n  }\n\n  .feature-desc{\n    color:var(--grey);\n    font-size:15.5px;\n    max-width:480px;\n  }\n\n  @media (max-width:640px){\n    .feature{grid-template-columns:20px 1fr; row-gap:6px;}\n    .feature-name{grid-column:2;}\n    .feature-desc{grid-column:2;}\n  }\n\n  \/* ---------- FOLD DEMO ---------- *\/\n  .fold-demo{\n    margin-top:56px;\n    display:flex;\n    align-items:center;\n    gap:36px;\n    padding:32px;\n    background:var(--panel);\n    border:1px solid var(--line);\n  }\n  .fold-icon{width:72px; height:72px; flex:none;}\n  .fold-icon svg{width:100%; height:100%;}\n  .fold-panel{\n    transform-origin:left center;\n    animation:foldFlip 4.5s ease-in-out infinite;\n  }\n  @keyframes foldFlip{\n    0%,40%{transform:rotate(0deg);}\n    50%,90%{transform:rotate(-152deg);}\n    100%{transform:rotate(0deg);}\n  }\n  .fold-copy h3{font-size:17px; margin-bottom:6px;}\n  .fold-copy p{color:var(--grey); font-size:15px; max-width:420px;}\n\n  @media (prefers-reduced-motion: reduce){\n    .fold-panel{animation:none;}\n  }\n\n  \/* ---------- PERFECT FOR ---------- *\/\n  .who-grid{\n    margin-top:36px;\n    display:grid;\n    grid-template-columns:repeat(auto-fit, minmax(180px,1fr));\n    gap:1px;\n    background:var(--line);\n    border:1px solid var(--line);\n  }\n  .who-item{\n    background:var(--panel);\n    padding:26px 22px;\n    font-weight:600;\n    font-size:15px;\n  }\n  .who-item span{display:block; color:var(--grey); font-weight:400; font-size:13.5px; margin-top:6px;}\n\n  \/* ---------- VALUE ---------- *\/\n  .value{padding:64px 0;}\n  .value-row{\n    margin-top:36px;\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:1px;\n    background:var(--line);\n    border:1px solid var(--line);\n  }\n  .value-item{\n    background:var(--panel);\n    padding:28px 24px;\n  }\n  .value-num{\n    font-family:'Archivo Black', Arial, sans-serif;\n    font-size:26px;\n    color:var(--orange);\n  }\n  .value-item p{\n    margin-top:10px;\n    font-size:14.5px;\n    color:var(--grey);\n  }\n  @media (max-width:640px){\n    .value-row{grid-template-columns:1fr;}\n  }\n\n  \/* ---------- CTA ---------- *\/\n  .cta{\n    padding:80px 0 100px;\n    text-align:left;\n  }\n  .cta-title{\n    font-family:'Archivo Black', Arial, sans-serif;\n    font-size:clamp(26px,4vw,38px);\n    max-width:560px;\n  }\n  .cta-title em{color:var(--orange); font-style:normal;}\n  .cta-row{\n    margin-top:30px;\n    display:flex;\n    align-items:center;\n    gap:20px;\n    flex-wrap:wrap;\n  }\n  .btn{\n    background:var(--orange);\n    color:var(--bg);\n    border:none;\n    font-weight:700;\n    font-size:15px;\n    padding:16px 30px;\n    cursor:pointer;\n    letter-spacing:.01em;\n    transition:transform .2s ease, background .2s ease;\n  }\n  .btn:hover{background:#ff8f4d; transform:translateY(-2px);}\n  .btn:focus-visible{outline:2px solid var(--ink); outline-offset:3px;}\n  .fine{color:var(--grey); font-size:13.5px;}\n\n  footer{\n    border-top:1px solid var(--line);\n    padding:26px 0;\n    color:var(--grey);\n    font-size:13px;\n    display:flex;\n    justify-content:space-between;\n  }\n\u003c\/style\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"brand\"\u003e\n\u003cb\u003eqrome\u003c\/b\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eCreased now. Ironed in\u003c\/span\u003e \u003cem\u003eminutes\u003c\/em\u003e \u003cspan style=\"color: rgb(255, 255, 255);\"\u003e— anywhere.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eThe shirt on your bed, the top in your bag, the outfit you need in ten minutes, the \u003cstrong\u003eQrome™ Foldable Mini Travel Iron\u003c\/strong\u003e steams it smooth on the spot. No board, no waiting, no reason to leave it creased.\u003c\/p\u003e\n\u003cdiv id=\"qrome-scene\"\u003e\n\u003cdiv class=\"qrome-baseline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qrome-wisp w1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qrome-wisp w2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qrome-wisp w3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qrome-wisp w4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qrome-iron qrome-iron-glow\"\u003e\u003csvg viewbox=\"0 0 180 100\" fill=\"none\"\u003e\n          \u003cpath d=\"M20 82 C20 70 32 56 58 52 L146 44 C158 43 166 50 166 60 C166 72 156 82 140 84 L34 90 C25 90 20 87 20 82 Z\" fill=\"#f7f6f3\"\u003e\u003c\/path\u003e\n          \u003cellipse cx=\"150\" cy=\"62\" rx=\"7\" ry=\"5\" fill=\"#ff751f\"\u003e\u003c\/ellipse\u003e\n          \u003cpath d=\"M60 52 L60 34 C60 28 66 24 74 24 L96 24\" stroke=\"#9a978f\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp class=\"kicker\"\u003eWhy you'll love it\u003c\/p\u003e\n\u003ch2 class=\"section-title\"\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eEverything a full-size iron does. None of the bulk\u003c\/span\u003e.\u003c\/h2\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003e38W steam performance\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eTackles stubborn wrinkles fast, without the bulk of a full-size iron.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003e180° portable design\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eCollapses flat for effortless packing, saving precious luggage space.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003eHandheld steam spray\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eA quick burst of steam refreshes fabrics and removes creases with ease.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003eRapid heat-up\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eReady to use in moments, so you're never kept waiting.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003eNo battery needed\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003ePlug in and go, consistent, reliable power every time.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003eCompact \u0026amp; lightweight\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eSlips into your bag without weighing you down.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-mark\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-name\"\u003eDurable construction\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eBuilt to handle the demands of frequent travel and everyday use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fold-demo\"\u003e\n\u003cdiv class=\"fold-icon\"\u003e\u003csvg viewbox=\"0 0 100 100\"\u003e\n          \u003crect x=\"10\" y=\"46\" width=\"80\" height=\"10\" rx=\"2\" fill=\"#f7f6f3\"\u003e\u003c\/rect\u003e\n          \u003cg class=\"fold-panel\"\u003e\n            \u003crect x=\"10\" y=\"46\" width=\"80\" height=\"10\" rx=\"2\" fill=\"#ff751f\"\u003e\u003c\/rect\u003e\n          \u003c\/g\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"fold-copy\"\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eRotates in one motion\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e180° Rotatable Handheld Steam Iron with Foldable Design\u003c\/span\u003e, so it packs like a phone charger, not a kitchen appliance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp class=\"kicker\"\u003ePerfect for\u003c\/p\u003e\n\u003ch2 class=\"section-title\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAnyone who refuses to show up creased.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"who-grid\"\u003e\n\u003cdiv class=\"who-item\"\u003eHome organisers\u003cspan\u003eOne less thing cluttering the laundry room\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"who-item\"\u003ePacking for the family\u003cspan\u003eEveryone ironed, one small case\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"who-item\"\u003eWeekend getaways\u003cspan\u003eNo steamer, no fuss, no bulk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"who-item\"\u003eGifting\u003cspan\u003eThe kind of clever they'll actually use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"value\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp class=\"kicker\"\u003eWorth it\u003c\/p\u003e\n\u003ch2 class=\"section-title\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eClever doesn't have to cost a lot.\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"value-row\"\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-num\"\u003e01\u003c\/div\u003e\n\u003cp\u003eYou've got the problem. Creased clothes, no room for a full iron, no patience for waiting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-num\"\u003e02\u003c\/div\u003e\n\u003cp\u003eRotate steam iron that fits in a handbag. That's the clever part.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-item\"\u003e\n\u003cdiv class=\"value-num\"\u003e03\u003c\/div\u003e\n\u003cp\u003ePriced like a genuinely useful gadget, not a full-size appliance. That's the easy yes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cta\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"cta-title\"\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eOne less annoying little problem,\u003c\/span\u003e \u003cem\u003esolved quick.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"cta-row\"\u003e\n\u003cbutton class=\"btn\"\u003eAdd to cart\u003c\/button\u003e \u003cspan class=\"fine\"\u003eR399 · Ships in 8–11 business days\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter\u003e\n\u003cdiv class=\"wrap\" style=\"display: flex; justify-content: space-between; width: 100%;\"\u003e\n\u003cspan\u003eQrome™\u003c\/span\u003e \u003cspan\u003eEveryday products, better.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/footer\u003e","brand":"Qrome","offers":[{"title":"White","offer_id":67612901539971,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":false},{"title":"Green","offer_id":67622231376003,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/2642\/0867\/files\/qrome-dual-colour.png?v=1790717526"}],"url":"https:\/\/qrome.co.za\/collections\/frontpage.oembed","provider":"qrome™","version":"1.0","type":"link"}