{"product_id":"ark-oak™-smart-wood-clock","title":"Ark \u0026 Oak™ Smart Wood Clock","description":"\u003cstyle\u003e\n\/* ==================================\nARK \u0026 OAK™ — Minimal Wooden Alarm Clock\nPremium • Animated • Mobile Optimized\n================================== *\/\n\n.ao-wrap *{\nbox-sizing:border-box;\nmargin:0;\npadding:0;\n}\n\n.ao-wrap{\n--gold:#D4AF37;\n--gold-light:#F3D778;\n--black:#090909;\n--black2:#151515;\n--muted:#c8c8c8;\n--glass:rgba(255,255,255,.045);\n\nfont-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\nmax-width:900px;\nmargin:auto;\npadding:16px;\ncolor:#fff;\n}\n\n\/* =========================\nHERO\n========================= *\/\n\n.ao-hero{\nposition:relative;\noverflow:hidden;\npadding:30px;\nborder-radius:24px;\nborder:1px solid rgba(212,175,55,.18);\nbackground:\nradial-gradient(circle at 90% 10%,rgba(212,175,55,.12),transparent 32%),\nlinear-gradient(145deg,#090909,#191919);\nbox-shadow:0 18px 45px rgba(0,0,0,.3);\nanimation:aoFade .8s ease;\n}\n\n.ao-hero:after{\ncontent:\"\";\nposition:absolute;\nright:-110px;\nbottom:-110px;\nwidth:230px;\nheight:230px;\nbackground:radial-gradient(circle,var(--gold),transparent 70%);\nopacity:.07;\nanimation:aoPulse 5s ease-in-out infinite;\n}\n\n.ao-title{\nfont-size:34px;\nline-height:1.15;\nfont-weight:750;\nletter-spacing:-.5px;\nmargin-bottom:13px;\n}\n\n.ao-title span{\ncolor:var(--gold);\n}\n\n.ao-text{\nmax-width:700px;\nfont-size:16px;\nline-height:1.7;\ncolor:#d5d5d5;\n}\n\n\/* =========================\nFEATURE CARDS\n========================= *\/\n\n.ao-grid{\ndisplay:grid;\ngrid-template-columns:repeat(2,1fr);\ngap:14px;\nmargin-top:26px;\n}\n\n.ao-card{\npadding:19px 15px;\ntext-align:center;\nborder-radius:17px;\nborder:1px solid rgba(212,175,55,.13);\nbackground:var(--glass);\nbackdrop-filter:blur(10px);\ntransition:.35s ease;\n}\n\n.ao-card:hover{\ntransform:translateY(-5px);\nborder-color:rgba(212,175,55,.55);\nbox-shadow:0 10px 25px rgba(0,0,0,.2);\n}\n\n.ao-icon{\ndisplay:block;\nfont-size:27px;\nmargin-bottom:9px;\nanimation:aoFloat 3s ease-in-out infinite;\n}\n\n.ao-card h3{\nfont-size:15px;\nfont-weight:650;\nmargin-bottom:6px;\n}\n\n.ao-card p{\nfont-size:13px;\nline-height:1.5;\ncolor:#bdbdbd;\n}\n\n\/* =========================\nSECTIONS\n========================= *\/\n\n.ao-section{\nmargin-top:22px;\npadding:25px;\nborder-radius:21px;\nborder:1px solid rgba(212,175,55,.13);\nbackground:linear-gradient(145deg,#111,#151515);\n}\n\n.ao-heading{\nmargin-bottom:19px;\ntext-align:center;\nfont-size:23px;\nfont-weight:700;\ncolor:var(--gold);\n}\n\n\/* =========================\nHIGHLIGHTS\n========================= *\/\n\n.ao-list{\ndisplay:grid;\ngap:11px;\n}\n\n.ao-item{\npadding:14px 15px;\nborder-radius:13px;\nborder:1px solid rgba(255,255,255,.055);\nbackground:#191919;\nfont-size:14px;\ncolor:#e4e4e4;\ntransition:.3s ease;\n}\n\n.ao-item:hover{\ntransform:translateX(4px);\nborder-color:rgba(212,175,55,.3);\n}\n\n.ao-check{\nmargin-right:9px;\nfont-weight:800;\ncolor:var(--gold);\n}\n\n\/* =========================\nLIFESTYLE FEATURES\n========================= *\/\n\n.ao-benefits{\ndisplay:grid;\ngrid-template-columns:repeat(3,1fr);\ngap:10px;\n}\n\n.ao-benefit{\npadding:16px 10px;\ntext-align:center;\nborder-radius:14px;\nbackground:#191919;\nborder:1px solid rgba(212,175,55,.10);\n}\n\n.ao-benefit-icon{\nfont-size:22px;\ndisplay:block;\nmargin-bottom:7px;\n}\n\n.ao-benefit strong{\nfont-size:13px;\ndisplay:block;\nmargin-bottom:4px;\n}\n\n.ao-benefit span{\nfont-size:11px;\ncolor:#aaa;\n}\n\n\/* =========================\nSPECIFICATIONS\n========================= *\/\n\n.ao-spec{\ndisplay:flex;\njustify-content:space-between;\nalign-items:center;\ngap:20px;\npadding:13px 0;\nborder-bottom:1px solid rgba(255,255,255,.08);\nfont-size:14px;\n}\n\n.ao-spec:last-child{\nborder-bottom:none;\n}\n\n.ao-left{\ncolor:#aaa;\n}\n\n.ao-right{\nfont-weight:650;\ntext-align:right;\ncolor:#f2f2f2;\n}\n\n\/* =========================\nENDING\n========================= *\/\n\n.ao-end{\nmargin-top:22px;\npadding:29px;\ntext-align:center;\nborder-radius:22px;\nborder:1px solid rgba(212,175,55,.18);\nbackground:\nradial-gradient(circle at 50% 0%,rgba(212,175,55,.09),transparent 55%),\nlinear-gradient(135deg,#191919,#0c0c0c);\nbox-shadow:0 15px 35px rgba(0,0,0,.22);\n}\n\n.ao-end h2{\nfont-size:26px;\nline-height:1.25;\nmargin-bottom:10px;\n}\n\n.ao-end h2 span{\ncolor:var(--gold);\n}\n\n.ao-end p{\nmax-width:620px;\nmargin:auto;\nfont-size:15px;\nline-height:1.7;\ncolor:#cfcfcf;\n}\n\n\/* =========================\nANIMATIONS\n========================= *\/\n\n@keyframes aoFade{\nfrom{\nopacity:0;\ntransform:translateY(18px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes aoFloat{\n0%,100%{\ntransform:translateY(0);\n}\n50%{\ntransform:translateY(-4px);\n}\n}\n\n@keyframes aoPulse{\n0%,100%{\ntransform:scale(1);\nopacity:.07;\n}\n50%{\ntransform:scale(1.2);\nopacity:.13;\n}\n}\n\n\/* =========================\nMOBILE OPTIMIZATION\n========================= *\/\n\n@media(max-width:768px){\n\n.ao-wrap{\npadding:10px;\n}\n\n.ao-hero{\npadding:22px 18px;\nborder-radius:20px;\n}\n\n.ao-title{\nfont-size:27px;\n}\n\n.ao-text{\nfont-size:14.5px;\nline-height:1.65;\n}\n\n.ao-grid{\ngrid-template-columns:repeat(2,1fr);\ngap:9px;\nmargin-top:21px;\n}\n\n.ao-card{\npadding:15px 9px;\nborder-radius:14px;\n}\n\n.ao-icon{\nfont-size:23px;\n}\n\n.ao-card h3{\nfont-size:13.5px;\n}\n\n.ao-card p{\ndisplay:none;\n}\n\n.ao-section{\npadding:20px 15px;\nborder-radius:18px;\n}\n\n.ao-heading{\nfont-size:20px;\nmargin-bottom:16px;\n}\n\n.ao-item{\npadding:13px;\nfont-size:13.5px;\n}\n\n.ao-benefits{\ngap:7px;\n}\n\n.ao-benefit{\npadding:13px 6px;\nborder-radius:12px;\n}\n\n.ao-benefit-icon{\nfont-size:20px;\n}\n\n.ao-benefit strong{\nfont-size:12px;\n}\n\n.ao-benefit span{\nfont-size:10px;\n}\n\n.ao-spec{\npadding:12px 0;\nfont-size:13px;\n}\n\n.ao-end{\npadding:23px 17px;\nborder-radius:19px;\n}\n\n.ao-end h2{\nfont-size:22px;\n}\n\n.ao-end p{\nfont-size:14px;\n}\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\nMinimalist \u003cspan\u003eWooden Digital Alarm Clock\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp class=\"ao-text\"\u003e\nBring warmth and functionality to your space with a minimalist wooden alarm clock designed to blend seamlessly into modern bedrooms, offices and desks. Its clean digital display keeps the essentials visible while smart sound activation helps keep the design beautifully understated.\n\u003c\/p\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\u003eNatural Design\u003c\/h3\u003e\n\u003cp\u003eWarm wooden aesthetic.\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\u003e3 Alarms\u003c\/h3\u003e\n\u003cp\u003eMultiple alarm settings.\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\u003eSound Activated\u003c\/h3\u003e\n\u003cp\u003eResponds to ambient sound.\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\u003eAdjustable Display\u003c\/h3\u003e\n\u003cp\u003eControl the display brightness.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\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\"\u003eWhy You'll Love It\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\nMinimalist wooden design that complements modern interiors\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-item\"\u003e\n\u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\nClear digital display for easy time viewing\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-item\"\u003e\n\u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\nThree separate alarm settings for flexible scheduling\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-item\"\u003e\n\u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\nSound-activated display helps keep the clock discreet\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-item\"\u003e\n\u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\nAdjustable display brightness for day and night\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-item\"\u003e\n\u003cspan class=\"ao-check\"\u003e✔\u003c\/span\u003e\nIdeal for bedrooms, desks, offices and living spaces\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- LIFESTYLE --\u003e\n\n\u003cdiv class=\"ao-section\"\u003e\n\n\u003ch2 class=\"ao-heading\"\u003eDesigned for Everyday Living\u003c\/h2\u003e\n\n\u003cdiv class=\"ao-benefits\"\u003e\n\n\u003cdiv class=\"ao-benefit\"\u003e\n\u003cspan class=\"ao-benefit-icon\"\u003e🛏️\u003c\/span\u003e\n\u003cstrong\u003eBedroom\u003c\/strong\u003e\n\u003cspan\u003eQuiet nighttime use\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-benefit\"\u003e\n\u003cspan class=\"ao-benefit-icon\"\u003e💻\u003c\/span\u003e\n\u003cstrong\u003eWorkspace\u003c\/strong\u003e\n\u003cspan\u003eClean desk aesthetic\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-benefit\"\u003e\n\u003cspan class=\"ao-benefit-icon\"\u003e🏡\u003c\/span\u003e\n\u003cstrong\u003eHome Décor\u003c\/strong\u003e\n\u003cspan\u003eWarm wooden finish\u003c\/span\u003e\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\"\u003eDesign\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003eMini Wooden\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-spec\"\u003e\n\u003cdiv class=\"ao-left\"\u003eDisplay\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003eDigital LED\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-spec\"\u003e\n\u003cdiv class=\"ao-left\"\u003eAlarm Settings\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003e3 Alarms\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-spec\"\u003e\n\u003cdiv class=\"ao-left\"\u003eActivation\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003eSound Activated\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-spec\"\u003e\n\u003cdiv class=\"ao-left\"\u003eDisplay Light\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003eAdjustable\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-spec\"\u003e\n\u003cdiv class=\"ao-left\"\u003ePower\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003eUSB \/ AAA\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ao-spec\"\u003e\n\u003cdiv class=\"ao-left\"\u003eAvailable Colours\u003c\/div\u003e\n\u003cdiv class=\"ao-right\"\u003eBrown \/ Wood \/ Black\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\nWake Up Better. \u003cspan\u003eLive Better.\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e\nA simple combination of natural design and everyday functionality — created to make your bedside table or workspace feel a little more refined.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"ARK \u0026 OAK","offers":[{"title":"Default Title","offer_id":45983892897983,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/7063\/3151\/files\/31e07ae0-365c-4019-9faa-a3663c4d7774.png?v=1786527913","url":"https:\/\/arkandoak.co.za\/products\/ark-oak%e2%84%a2-smart-wood-clock","provider":"ARK \u0026 OAK","version":"1.0","type":"link"}