{"product_id":"ark-oak-rgb-floor-lamp","title":"Ark \u0026 Oak™ RGB Floor Lamp","description":"\u003cstyle\u003e\n\/* ==================================\nARK \u0026 OAK™ RGBIC SMART FLOOR LAMP\nPremium • RGB Glow • Mobile Optimized\n================================== *\/\n\n.ao-wrap *{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.ao-wrap{\n  --gold:#D4AF37;\n  --gold-light:#F4D97A;\n  --black:#080808;\n  --black2:#141414;\n  --white:#fff;\n  --muted:#cfcfcf;\n\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  max-width:900px;\n  margin:auto;\n  padding:16px;\n  color:var(--white);\n}\n\n\/* =========================\nHERO\n========================= *\/\n\n.ao-hero{\n  position:relative;\n  overflow:hidden;\n  padding:30px;\n  border-radius:24px;\n  background:\n    radial-gradient(circle at 15% 20%,rgba(255,0,140,.16),transparent 30%),\n    radial-gradient(circle at 85% 80%,rgba(0,180,255,.15),transparent 30%),\n    linear-gradient(145deg,#070707,#191919);\n  border:1px solid rgba(212,175,55,.18);\n  box-shadow:0 20px 45px rgba(0,0,0,.3);\n  animation:aoFade .8s ease;\n}\n\n\/* RGB glow *\/\n\n.ao-hero:before{\n  content:\"\";\n  position:absolute;\n  width:300px;\n  height:300px;\n  top:-170px;\n  right:-120px;\n  border-radius:50%;\n  background:conic-gradient(\n    #ff007f,\n    #7b2cff,\n    #00c8ff,\n    #00ff9d,\n    #ffe600,\n    #ff007f\n  );\n  filter:blur(45px);\n  opacity:.18;\n  animation:aoRGB 7s linear infinite;\n}\n\n.ao-hero:after{\n  content:\"\";\n  position:absolute;\n  width:240px;\n  height:240px;\n  bottom:-160px;\n  left:-100px;\n  border-radius:50%;\n  background:linear-gradient(\n    135deg,\n    #ff008c,\n    #7c00ff,\n    #00c8ff\n  );\n  filter:blur(50px);\n  opacity:.12;\n  animation:aoGlow 5s ease-in-out infinite;\n}\n\n.ao-title{\n  position:relative;\n  z-index:2;\n  font-size:34px;\n  line-height:1.15;\n  margin-bottom:13px;\n  font-weight:750;\n}\n\n.ao-title span{\n  background:linear-gradient(\n    90deg,\n    #ff4db8,\n    #9b5cff,\n    #29d9ff,\n    #54ffb0,\n    #ffe16b\n  );\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n  background-size:300% auto;\n  animation:aoTextRGB 5s linear infinite;\n}\n\n.ao-text{\n  position:relative;\n  z-index:2;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.7;\n  max-width:700px;\n}\n\n\/* =========================\nFEATURES\n========================= *\/\n\n.ao-grid{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:14px;\n  margin-top:26px;\n}\n\n.ao-card{\n  position:relative;\n  overflow:hidden;\n  padding:19px;\n  text-align:center;\n  border-radius:17px;\n  background:rgba(255,255,255,.045);\n  border:1px solid rgba(255,255,255,.08);\n  backdrop-filter:blur(12px);\n  transition:.35s ease;\n}\n\n.ao-card:before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:17px;\n  padding:1px;\n  background:linear-gradient(\n    120deg,\n    transparent,\n    rgba(255,0,140,.3),\n    rgba(0,200,255,.25),\n    transparent\n  );\n  -webkit-mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  opacity:0;\n  transition:.35s;\n}\n\n.ao-card:hover{\n  transform:translateY(-5px);\n  background:rgba(255,255,255,.07);\n}\n\n.ao-card:hover:before{\n  opacity:1;\n}\n\n.ao-icon{\n  font-size:28px;\n  margin-bottom:8px;\n  animation:aoFloat 3s ease-in-out infinite;\n}\n\n.ao-card h3{\n  font-size:15px;\n  margin-bottom:6px;\n}\n\n.ao-card p{\n  color:#cfcfcf;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\/* =========================\nSECTIONS\n========================= *\/\n\n.ao-section{\n  margin-top:22px;\n  padding:24px;\n  border-radius:20px;\n  background:linear-gradient(145deg,#111,#0b0b0b);\n  border:1px solid rgba(212,175,55,.13);\n  box-shadow:0 12px 30px rgba(0,0,0,.18);\n}\n\n.ao-heading{\n  text-align:center;\n  font-size:24px;\n  margin-bottom:18px;\n  color:var(--gold);\n}\n\n.ao-list{\n  display:grid;\n  gap:11px;\n}\n\n.ao-item{\n  position:relative;\n  overflow:hidden;\n  padding:14px 15px;\n  border-radius:12px;\n  background:#171717;\n  font-size:15px;\n  line-height:1.4;\n  border:1px solid rgba(255,255,255,.035);\n  transition:.3s ease;\n}\n\n.ao-item:hover{\n  transform:translateX(4px);\n  background:#1c1c1c;\n}\n\n.ao-check{\n  color:var(--gold-light);\n  font-weight:bold;\n  margin-right:8px;\n}\n\n\/* =========================\nRGB COLOUR STRIP\n========================= *\/\n\n.ao-rgb{\n  margin-top:22px;\n  padding:22px;\n  border-radius:20px;\n  position:relative;\n  overflow:hidden;\n  text-align:center;\n  background:#080808;\n  border:1px solid rgba(255,255,255,.1);\n}\n\n.ao-rgb h2{\n  position:relative;\n  z-index:2;\n  font-size:22px;\n  margin-bottom:7px;\n}\n\n.ao-rgb p{\n  position:relative;\n  z-index:2;\n  color:#cfcfcf;\n  font-size:14px;\n  margin-bottom:17px;\n}\n\n.ao-rgb-bar{\n  height:9px;\n  width:100%;\n  border-radius:50px;\n  background:linear-gradient(\n    90deg,\n    #ff007f,\n    #ff3b30,\n    #ffe600,\n    #00ff8c,\n    #00c8ff,\n    #653cff,\n    #ff007f\n  );\n  background-size:300% 100%;\n  box-shadow:\n    0 0 10px rgba(255,0,150,.5),\n    0 0 20px rgba(0,200,255,.35);\n  animation:aoRainbow 4s linear infinite;\n}\n\n\/* =========================\nSPECIFICATIONS\n========================= *\/\n\n.ao-spec{\n  display:flex;\n  justify-content:space-between;\n  gap:15px;\n  padding:12px 0;\n  border-bottom:1px solid rgba(255,255,255,.08);\n  font-size:14px;\n}\n\n.ao-spec:last-child{\n  border:none;\n}\n\n.ao-left{\n  color:#bdbdbd;\n}\n\n.ao-right{\n  font-weight:600;\n  text-align:right;\n}\n\n\/* =========================\nENDING\n========================= *\/\n\n.ao-end{\n  position:relative;\n  overflow:hidden;\n  margin-top:22px;\n  padding:29px;\n  text-align:center;\n  border-radius:21px;\n  background:\n    radial-gradient(circle at 50% 120%,rgba(145,0,255,.18),transparent 55%),\n    linear-gradient(135deg,#191919,#090909);\n  border:1px solid rgba(212,175,55,.16);\n}\n\n.ao-end:before{\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  top:-130px;\n  left:50%;\n  transform:translateX(-50%);\n  border-radius:50%;\n  background:linear-gradient(\n    90deg,\n    #ff008c,\n    #763cff,\n    #00d9ff\n  );\n  filter:blur(45px);\n  opacity:.16;\n}\n\n.ao-end h2{\n  position:relative;\n  z-index:2;\n  font-size:26px;\n  margin-bottom:10px;\n}\n\n.ao-end p{\n  position:relative;\n  z-index:2;\n  color:#d0d0d0;\n  font-size:15px;\n  line-height:1.7;\n}\n\n\/* =========================\nANIMATIONS\n========================= *\/\n\n@keyframes aoFade{\n  from{\n    opacity:0;\n    transform:translateY(20px);\n  }\n  to{\n    opacity:1;\n    transform:none;\n  }\n}\n\n@keyframes aoFloat{\n  50%{\n    transform:translateY(-5px);\n  }\n}\n\n@keyframes aoRGB{\n  0%{\n    transform:rotate(0deg) scale(1);\n  }\n  50%{\n    transform:rotate(180deg) scale(1.15);\n  }\n  100%{\n    transform:rotate(360deg) scale(1);\n  }\n}\n\n@keyframes aoGlow{\n  50%{\n    transform:scale(1.2);\n    opacity:.2;\n  }\n}\n\n@keyframes aoTextRGB{\n  0%{background-position:0% center;}\n  100%{background-position:300% center;}\n}\n\n@keyframes aoRainbow{\n  0%{background-position:0% 50%;}\n  100%{background-position:300% 50%;}\n}\n\n\/* =========================\nMOBILE\n========================= *\/\n\n@media(max-width:768px){\n\n  .ao-wrap{\n    padding:9px;\n  }\n\n  .ao-hero{\n    padding:21px;\n    border-radius:19px;\n  }\n\n  .ao-title{\n    font-size:27px;\n  }\n\n  .ao-text{\n    font-size:14px;\n    line-height:1.6;\n  }\n\n  .ao-grid{\n    grid-template-columns:repeat(2,1fr);\n    gap:9px;\n    margin-top:20px;\n  }\n\n  .ao-card{\n    padding:14px 8px;\n    border-radius:14px;\n  }\n\n  .ao-icon{\n    font-size:23px;\n  }\n\n  .ao-card h3{\n    font-size:13px;\n  }\n\n  .ao-card p{\n    display:none;\n  }\n\n  .ao-section{\n    padding:18px;\n    margin-top:17px;\n    border-radius:17px;\n  }\n\n  .ao-heading{\n    font-size:20px;\n    margin-bottom:14px;\n  }\n\n  .ao-item{\n    font-size:13px;\n    padding:12px;\n  }\n\n  .ao-rgb{\n    padding:19px 15px;\n    margin-top:17px;\n  }\n\n  .ao-rgb h2{\n    font-size:19px;\n  }\n\n  .ao-rgb p{\n    font-size:13px;\n  }\n\n  .ao-spec{\n    font-size:13px;\n    padding:11px 0;\n  }\n\n  .ao-end{\n    padding:21px;\n    margin-top:17px;\n  }\n\n  .ao-end h2{\n    font-size:21px;\n  }\n\n  .ao-end p{\n    font-size:14px;\n    line-height:1.6;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"ao-wrap\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"ao-hero\"\u003e\n\n    \u003ch1 class=\"ao-title\"\u003e\n      Turn Your Room Into a \u003cspan\u003eLiving Light Experience\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"ao-text\"\u003e\n      Give your space a completely different atmosphere with smart RGBIC lighting. \n      Create vibrant colours, relaxing moods and immersive lighting effects for gaming, \n      entertainment, bedrooms or everyday living.\n    \u003c\/p\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdiv class=\"ao-grid\"\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e🌈\u003c\/div\u003e\n        \u003ch3\u003eRGB Lighting\u003c\/h3\u003e\n        \u003cp\u003eCreate vibrant and dynamic colour effects throughout your space.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e📱\u003c\/div\u003e\n        \u003ch3\u003eApp \u0026amp; Remote\u003c\/h3\u003e\n        \u003cp\u003eControl your lighting quickly and easily from your phone or remote.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e🎮\u003c\/div\u003e\n        \u003ch3\u003eGaming Ready\u003c\/h3\u003e\n        \u003cp\u003eAdd immersive lighting to your gaming setup.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-card\"\u003e\n        \u003cdiv class=\"ao-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eMood Lighting\u003c\/h3\u003e\n        \u003cp\u003eSet the atmosphere for relaxing, entertaining or unwinding.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- RGB COLOUR --\u003e\n\n  \u003cdiv class=\"ao-rgb\"\u003e\n\n    \u003ch2\u003eBring Your Space To Life\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Cycle through vibrant colours and create a completely different atmosphere in seconds.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ao-rgb-bar\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HIGHLIGHTS --\u003e\n\n  \u003cdiv class=\"ao-section\"\u003e\n\n    \u003ch2 class=\"ao-heading\"\u003eHighlights\u003c\/h2\u003e\n\n    \u003cdiv class=\"ao-list\"\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        RGBIC Colourful Ambient Lighting\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        App \u0026amp; Remote Control\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Dynamic Colour \u0026amp; Lighting Effects\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Modern Minimalist Floor Design\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\n        Available as 1PC or 2PC Set\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- PERFECT FOR --\u003e\n\n  \u003cdiv class=\"ao-section\"\u003e\n\n    \u003ch2 class=\"ao-heading\"\u003ePerfect For\u003c\/h2\u003e\n\n    \u003cdiv class=\"ao-list\"\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Gaming Rooms \u0026amp; Setups\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Bedrooms \u0026amp; Living Rooms\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Home Office \u0026amp; Study Areas\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        TV \u0026amp; Entertainment Spaces\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ao-item\"\u003e\n        \u003cspan class=\"ao-check\"\u003e✓\u003c\/span\u003e\n        Modern Home Decor\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SPECIFICATIONS --\u003e\n\n  \u003cdiv class=\"ao-section\"\u003e\n\n    \u003ch2 class=\"ao-heading\"\u003eSpecifications\u003c\/h2\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eLighting\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eRGBIC LED\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eControl\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eApp \u0026amp; Remote\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eLighting Style\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eAmbient \/ Mood\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eDesign\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003eModern Minimalist\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ao-spec\"\u003e\n      \u003cdiv class=\"ao-left\"\u003eQuantity\u003c\/div\u003e\n      \u003cdiv class=\"ao-right\"\u003e1PC \/ 2PC Set\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- END --\u003e\n\n  \u003cdiv class=\"ao-end\"\u003e\n\n    \u003ch2\u003e\n      Your Space. Your Colours.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Whether you're building the ultimate gaming setup, creating a relaxing bedroom \n      atmosphere or upgrading your living room, bring your space to life with lighting \n      that matches your mood.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"ARK \u0026 OAK","offers":[{"title":"Default Title","offer_id":46007186456767,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/7063\/3151\/files\/f3f8b60e-16ab-48a1-8d63-fb42c2a6efa2.png?v=1786824244","url":"https:\/\/arkandoak.co.za\/products\/ark-oak-rgb-floor-lamp","provider":"ARK \u0026 OAK","version":"1.0","type":"link"}