{"product_id":"orbit™-360-vanity-storage","title":"Silk \u0026 Slate™ 360° Vanity Storage✨🌑","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eOrbit 360 Vanity Storage\u003c\/title\u003e\n\n\u003cstyle\u003e\n\/* ================= GLOBAL ================= *\/\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n  font-family:'Poppins',sans-serif;\n}\n\nbody{\n  background:linear-gradient(135deg,#fff0f7,#f4f7ff,#fff9e8);\n  color:#333;\n  overflow-x:hidden;\n}\n\n.section{\n  padding:90px 20px;\n  display:flex;\n  justify-content:center;\n}\n\n.container{\n  max-width:1100px;\n  text-align:center;\n}\n\n\/* ================= TITLE ================= *\/\nh1{\n  font-size:3rem;\n  background:linear-gradient(90deg,#ff4fb3,#7b5cff,#00c9a7);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n  margin-bottom:10px;\n  animation:float 4s ease-in-out infinite;\n}\n\n@keyframes float{\n  0%,100%{transform:translateY(0);} \n  50%{transform:translateY(-10px);} \n}\n\n.tagline{\n  font-size:1.2rem;\n  margin-bottom:30px;\n  color:#555;\n}\n\n.desc{\n  line-height:1.8;\n  margin-bottom:50px;\n}\n\n\/* ================= INTERACTIVE 360 ================= *\/\n.viewer{\n  width:300px;\n  height:300px;\n  margin:0 auto 50px;\n  position:relative;\n}\n\n.circle{\n  width:100%;\n  height:100%;\n  border-radius:50%;\n  background:conic-gradient(\n    #ff6ec7,\n    #7b5cff,\n    #00c9a7,\n    #ffd166,\n    #ff6ec7\n  );\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  animation:spin 12s linear infinite;\n  cursor:grab;\n}\n\n.circle:active{cursor:grabbing;}\n\n@keyframes spin{\n  from{transform:rotate(0deg);} \n  to{transform:rotate(360deg);} \n}\n\n.inner{\n  width:70%;\n  height:70%;\n  background:#fff;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-weight:600;\n  text-align:center;\n  padding:20px;\n  color:#ff4fb3;\n  box-shadow:0 10px 30px rgba(0,0,0,0.15);\n}\n\n\/* ================= FEATURES ================= *\/\n.features{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\n  gap:20px;\n}\n\n.card{\n  background:#fff;\n  border-radius:18px;\n  padding:24px;\n  box-shadow:0 10px 25px rgba(0,0,0,0.08);\n  transition:0.4s;\n  opacity:0;\n  transform:translateY(40px);\n  animation:fadeUp 1s forwards;\n}\n\n.card:hover{\n  transform:translateY(-10px) scale(1.05);\n}\n\n.card span{font-size:1.7rem;}\n\n.card p{margin-top:10px;}\n\n@keyframes fadeUp{\n  to{opacity:1;transform:translateY(0);} }\n\n\/* ================= FUN FOOTER ================= *\/\n.footer{\n  margin-top:50px;\n  font-size:1.1rem;\n}\n\n\/* ================= MOBILE ================= *\/\n@media(max-width:768px){\n  h1{font-size:2.2rem;}\n}\n\n\u003c\/style\u003e\n\n\n\n\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n\u003ch1\u003e✨ Orbit™ 360° Vanity Storage ✨\u003c\/h1\u003e\n\n\u003cp class=\"tagline\"\u003eWhere beauty meets effortless organisation 💫\u003c\/p\u003e\n\n\u003cp class=\"desc\"\u003e\nSay goodbye to cluttered counters and hello to a vanity that spins in your favour 💄 Orbit™ 360° Vanity Storage rotates smoothly to keep all your beauty essentials perfectly organised and always within reach — no mess, no stress, just style ✨ Designed to elevate both your space and your routine, Orbit™ transforms everyday storage into a statement piece for your vanity 💎\n\u003c\/p\u003e\n\n\u003c!-- INTERACTIVE FUN SPINNING ELEMENT --\u003e\n\u003cdiv class=\"viewer\"\u003e\n  \u003cdiv class=\"circle\" id=\"spinCircle\"\u003e\n    \u003cdiv class=\"inner\"\u003eSpin Me 💫\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"features\"\u003e\n\n\u003cdiv class=\"card\" style=\"animation-delay:0.2s\"\u003e\n\u003cspan\u003e✨\u003c\/span\u003e\n\u003cp\u003e360° Smooth Rotation – Spin, select, and glow with ease\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\" style=\"animation-delay:0.4s\"\u003e\n\u003cspan\u003e💖\u003c\/span\u003e\n\u003cp\u003eMulti-compartment design for makeup, skincare \u0026amp; tools\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\" style=\"animation-delay:0.6s\"\u003e\n\u003cspan\u003e🖤\u003c\/span\u003e\n\u003cp\u003eSleek modern aesthetic to upgrade any vanity\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\" style=\"animation-delay:0.8s\"\u003e\n\u003cspan\u003e🧴\u003c\/span\u003e\n\u003cp\u003eSpace-saving while storing more essentials\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\" style=\"animation-delay:1s\"\u003e\n\u003cspan\u003e🎁\u003c\/span\u003e\n\u003cp\u003ePerfect gift for beauty lovers\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"footer\"\u003e\n🌸 Store your brushes, skincare, perfumes \u0026amp; more. Cleaner space, smoother routine, Pinterest-worthy vanity 📸✨ Once you start spinning, there’s no going back 😍\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n\/* INTERACTIVE SPIN: user can drag to rotate manually *\/\n\nconst circle = document.getElementById('spinCircle');\nlet isDragging = false;\nlet startX;\nlet rotation = 0;\n\ncircle.addEventListener('mousedown', e=\u003e{\n  isDragging = true;\n  startX = e.clientX;\n});\n\nwindow.addEventListener('mouseup', ()=\u003e isDragging=false);\n\nwindow.addEventListener('mousemove', e=\u003e{\n  if(!isDragging) return;\n\n  const delta = e.clientX - startX;\n  rotation += delta;\n\n  circle.style.transform = `rotate(${rotation}deg)`;\n\n  startX = e.clientX;\n});\n\ncircle.addEventListener('touchstart', e=\u003e{\n  startX = e.touches[0].clientX;\n});\n\ncircle.addEventListener('touchmove', e=\u003e{\n  const delta = e.touches[0].clientX - startX;\n  rotation += delta;\n  circle.style.transform = `rotate(${rotation}deg)`;\n  startX = e.touches[0].clientX;\n});\n\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"Silk \u0026 Slate","offers":[{"title":"Green","offer_id":51217412358461,"sku":"SS-GT360-MNT","price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":51217412391229,"sku":"SS-GT360-PNK","price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":51217412423997,"sku":"SS-GT360-PUR","price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":51217412456765,"sku":"SS-GT360-WHT","price":599.99,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":51217412489533,"sku":"SS-GT360-BLK-1","price":599.99,"currency_code":"ZAR","in_stock":true},{"title":"Orange","offer_id":51217412522301,"sku":"SS-GT360-ORG","price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0972\/1960\/8893\/files\/Orbit_360_Vanity_Storage_1.png?v=1767544340","url":"https:\/\/www.silkslate.co.za\/products\/orbit%e2%84%a2-360-vanity-storage","provider":"Silk \u0026 Slate","version":"1.0","type":"link"}