{"product_id":"glowup-hub™-derma-roller","title":"GlowUp Hub™ Derma Roller","description":"\u003csection class=\"glowup-roller-section\"\u003e\u003c!-- Background Glow --\u003e\n\u003cdiv class=\"roller-bg-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"roller-container\"\u003e\n\u003c!-- LEFT CONTENT --\u003e\n\u003cdiv class=\"roller-content\"\u003e\n\u003cspan class=\"roller-badge\"\u003e PROFESSIONAL SKIN RENEWAL ✨ \u003c\/span\u003e\n\u003ch1\u003eYour Skin's \u003cspan\u003eGlow-Up\u003c\/span\u003e Starts Here ✨\u003c\/h1\u003e\n\u003cp class=\"roller-subtitle\"\u003eMeet the GlowUp Hub™ Derma Roller\u003c\/p\u003e\n\u003cp class=\"roller-description\"\u003eThe at-home skincare tool that delivers professional-grade results without the salon price tag. Designed for women who refuse to settle for dull, uneven skin, this precision-crafted roller works with your skin’s natural renewal process to reveal smoother, brighter, more radiant skin.\u003c\/p\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"roller-feature-grid\"\u003e\n\u003cdiv class=\"roller-feature-card\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cp\u003eBoosts collagen \u0026amp; elastin production\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"roller-feature-card\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cp\u003eFades dark spots \u0026amp; pigmentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"roller-feature-card\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cp\u003eSmooths fine lines \u0026amp; wrinkles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"roller-feature-card\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cp\u003eImproves acne scars \u0026amp; texture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"roller-feature-card\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cp\u003eRevives dull, tired skin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"roller-feature-card\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cp\u003eEnhances skincare absorption\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"roller-btn\" href=\"#\"\u003e SHOP NOW ✨ \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT IMAGE --\u003e\n\u003cdiv class=\"roller-visual\"\u003e\n\u003cdiv class=\"roller-product-card\"\u003e\u003cimg alt=\"GlowUp Hub Derma Roller\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-tag tag1\"\u003eCollagen Boost\u003c\/div\u003e\n\u003cdiv class=\"floating-tag tag2\"\u003eSkin Renewal\u003c\/div\u003e\n\u003cdiv class=\"floating-tag tag3\"\u003eGlass Skin Glow\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHY GLOWUP --\u003e\n\u003csection class=\"why-glowup-section\"\u003e\n\u003cdiv class=\"why-glowup-container\"\u003e\n\u003cdiv class=\"why-header\"\u003e\n\u003cspan class=\"why-mini-badge\"\u003e WHY GLOWUP HUB™ ✨ \u003c\/span\u003e\n\u003ch2\u003eLuxury Skincare Meets Real Results\u003c\/h2\u003e\n\u003cp\u003eEvery detail — from the precision needle depth to the ergonomic handle — was created for women who are serious about achieving radiant skin at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"why-grid\"\u003e\n\u003cdiv class=\"why-card\"\u003e\n\u003cdiv class=\"why-icon\"\u003e💛\u003c\/div\u003e\n\u003ch3\u003eProfessional Results\u003c\/h3\u003e\n\u003cp\u003eEnjoy salon-inspired skin renewal from the comfort of your home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-card\"\u003e\n\u003cdiv class=\"why-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eBrighter Complexion\u003c\/h3\u003e\n\u003cp\u003eReveal smoother, fresher, more radiant skin with consistent use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-card\"\u003e\n\u003cdiv class=\"why-icon\"\u003e🖤\u003c\/div\u003e\n\u003ch3\u003eBetter Product Absorption\u003c\/h3\u003e\n\u003cp\u003eYour serums and moisturizers absorb deeper and work harder for your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"final-cta\"\u003e\n\u003ch3\u003eYour most radiant skin is waiting.\u003c\/h3\u003e\n\u003cp\u003eAre you ready to roll? ✨\u003c\/p\u003e\n\u003ca class=\"roller-btn\" href=\"#\"\u003e START YOUR GLOW-UP \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* ===== MAIN SECTION ===== *\/\n.glowup-roller-section{\n  position:relative;\n  overflow:hidden;\n  padding:100px 7%;\n  background:\n    linear-gradient(\n      135deg,\n      #faf5ef 0%,\n      #efe1d3 45%,\n      #cba98b 100%\n    );\n  font-family:'Poppins',sans-serif;\n}\n\n\/* SOFT GLOW *\/\n.roller-bg-glow{\n  position:absolute;\n  width:700px;\n  height:700px;\n  border-radius:50%;\n  background:rgba(255,255,255,0.35);\n  filter:blur(90px);\n  top:-250px;\n  right:-150px;\n}\n\n\/* CONTAINER *\/\n.roller-container{\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:70px;\n  flex-wrap:wrap;\n}\n\n\/* CONTENT *\/\n.roller-content{\n  flex:1;\n  min-width:300px;\n  animation:fadeUp 1s ease;\n}\n\n.roller-badge{\n  display:inline-block;\n  padding:10px 18px;\n  border-radius:50px;\n  background:rgba(255,255,255,0.45);\n  backdrop-filter:blur(10px);\n  color:#6d4c3d;\n  font-weight:600;\n  margin-bottom:25px;\n  box-shadow:0 10px 25px rgba(0,0,0,0.08);\n}\n\n.roller-content h1{\n  font-size:64px;\n  line-height:1.05;\n  color:#3c2a20;\n  margin-bottom:20px;\n  font-weight:800;\n}\n\n.roller-content h1 span{\n  color:#8b5e42;\n}\n\n.roller-subtitle{\n  font-size:24px;\n  font-weight:600;\n  color:#6f4e3c;\n  margin-bottom:20px;\n}\n\n.roller-description{\n  max-width:620px;\n  line-height:1.9;\n  color:#5e4b40;\n  font-size:17px;\n  margin-bottom:40px;\n}\n\n\/* FEATURES *\/\n.roller-feature-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:18px;\n  margin-bottom:40px;\n}\n\n.roller-feature-card{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  padding:18px;\n  border-radius:24px;\n  background:rgba(255,255,255,0.35);\n  backdrop-filter:blur(12px);\n  border:1px solid rgba(255,255,255,0.4);\n  transition:0.4s ease;\n  box-shadow:0 12px 30px rgba(0,0,0,0.08);\n}\n\n.roller-feature-card:hover{\n  transform:translateY(-6px);\n  background:rgba(255,255,255,0.5);\n}\n\n.roller-feature-card span{\n  font-size:20px;\n  color:#7b5238;\n}\n\n.roller-feature-card p{\n  margin:0;\n  color:#4d372a;\n  font-weight:500;\n}\n\n\/* BUTTON *\/\n.roller-btn{\n  display:inline-block;\n  padding:18px 40px;\n  border-radius:60px;\n  text-decoration:none;\n  background:linear-gradient(\n    135deg,\n    #5f3d2b,\n    #8d6244\n  );\n  color:white;\n  font-weight:700;\n  letter-spacing:1px;\n  transition:0.4s ease;\n  box-shadow:0 15px 35px rgba(0,0,0,0.18);\n}\n\n.roller-btn:hover{\n  transform:translateY(-4px) scale(1.03);\n}\n\n\/* VISUAL *\/\n.roller-visual{\n  flex:1;\n  min-width:300px;\n  position:relative;\n  display:flex;\n  justify-content:center;\n  animation:float 5s ease-in-out infinite;\n}\n\n.roller-product-card{\n  width:420px;\n  border-radius:40px;\n  overflow:hidden;\n  background:rgba(255,255,255,0.35);\n  padding:18px;\n  backdrop-filter:blur(14px);\n  border:1px solid rgba(255,255,255,0.45);\n  box-shadow:0 25px 60px rgba(0,0,0,0.15);\n}\n\n.roller-product-card img{\n  width:100%;\n  display:block;\n  border-radius:28px;\n}\n\n\/* FLOATING TAGS *\/\n.floating-tag{\n  position:absolute;\n  padding:12px 22px;\n  border-radius:50px;\n  background:white;\n  color:#6f4c38;\n  font-weight:600;\n  box-shadow:0 10px 25px rgba(0,0,0,0.12);\n  animation:floatTag 4s ease-in-out infinite;\n}\n\n.tag1{\n  top:10%;\n  left:0%;\n}\n\n.tag2{\n  bottom:12%;\n  right:2%;\n  animation-delay:1s;\n}\n\n.tag3{\n  top:50%;\n  right:-5%;\n  animation-delay:2s;\n}\n\n\/* ===== WHY SECTION ===== *\/\n.why-glowup-section{\n  padding:100px 7%;\n  background:\n    linear-gradient(\n      180deg,\n      #f8f2ea 0%,\n      #ead7c5 100%\n    );\n}\n\n.why-glowup-container{\n  max-width:1300px;\n  margin:auto;\n}\n\n.why-header{\n  text-align:center;\n  margin-bottom:70px;\n}\n\n.why-mini-badge{\n  display:inline-block;\n  padding:10px 18px;\n  border-radius:50px;\n  background:rgba(255,255,255,0.45);\n  color:#7b5238;\n  font-weight:600;\n  margin-bottom:20px;\n  box-shadow:0 10px 30px rgba(0,0,0,0.08);\n}\n\n.why-header h2{\n  font-size:52px;\n  color:#3c2a20;\n  margin-bottom:20px;\n  font-weight:800;\n}\n\n.why-header p{\n  max-width:720px;\n  margin:auto;\n  color:#685346;\n  line-height:1.8;\n}\n\n\/* CARDS *\/\n.why-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n  gap:25px;\n  margin-bottom:70px;\n}\n\n.why-card{\n  padding:40px 30px;\n  border-radius:30px;\n  background:rgba(255,255,255,0.35);\n  backdrop-filter:blur(14px);\n  border:1px solid rgba(255,255,255,0.45);\n  text-align:center;\n  transition:0.4s ease;\n  box-shadow:0 18px 40px rgba(0,0,0,0.08);\n}\n\n.why-card:hover{\n  transform:translateY(-10px);\n}\n\n.why-icon{\n  font-size:40px;\n  margin-bottom:20px;\n}\n\n.why-card h3{\n  font-size:28px;\n  color:#5f3d2b;\n  margin-bottom:15px;\n}\n\n.why-card p{\n  color:#5e4b40;\n  line-height:1.8;\n}\n\n\/* FINAL CTA *\/\n.final-cta{\n  text-align:center;\n  padding:60px 30px;\n  border-radius:40px;\n  background:linear-gradient(\n    135deg,\n    #5f3d2b,\n    #8b5f42\n  );\n  color:white;\n  box-shadow:0 20px 50px rgba(0,0,0,0.18);\n}\n\n.final-cta h3{\n  font-size:42px;\n  margin-bottom:15px;\n}\n\n.final-cta p{\n  font-size:20px;\n  margin-bottom:30px;\n}\n\n\/* ANIMATIONS *\/\n@keyframes fadeUp{\n  from{\n    opacity:0;\n    transform:translateY(40px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes float{\n  0%{\n    transform:translateY(0px);\n  }\n  50%{\n    transform:translateY(-12px);\n  }\n  100%{\n    transform:translateY(0px);\n  }\n}\n\n@keyframes floatTag{\n  0%{\n    transform:translateY(0px);\n  }\n  50%{\n    transform:translateY(-10px);\n  }\n  100%{\n    transform:translateY(0px);\n  }\n}\n\n\/* ===== MOBILE ===== *\/\n@media(max-width:900px){\n\n  .glowup-roller-section{\n    padding:70px 6%;\n  }\n\n  .roller-content h1{\n    font-size:42px;\n  }\n\n  .roller-subtitle{\n    font-size:20px;\n  }\n\n  .roller-feature-grid{\n    grid-template-columns:1fr;\n  }\n\n  .roller-product-card{\n    width:100%;\n    max-width:380px;\n  }\n\n  .why-header h2{\n    font-size:36px;\n  }\n\n  .final-cta h3{\n    font-size:32px;\n  }\n\n}\n\n@media(max-width:600px){\n\n  .roller-content h1{\n    font-size:34px;\n  }\n\n  .roller-description{\n    font-size:15px;\n  }\n\n  .floating-tag{\n    font-size:13px;\n    padding:10px 16px;\n  }\n\n  .why-card{\n    padding:30px 24px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"GlowUp Hub","offers":[{"title":"Default Title","offer_id":45816641716281,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/2302\/9817\/files\/derma.png?v=1778257950","url":"https:\/\/glowuphubsa.com\/products\/glowup-hub%e2%84%a2-derma-roller","provider":"GlowUp Hub","version":"1.0","type":"link"}