{"product_id":"gearloop™-nexushub-8-in-1-usb-c-usb-a-multiport-adapter","title":"GearLoop™ NexusHub 8-in-1  Multiport Adapter","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003ebody{margin:0;padding:16px;background:#fff}\u003c\/style\u003e\n\u003c!--\n  GearLoop™ NexusHub — premium animated product block\n  Pure HTML + CSS (no JavaScript). Everything is scoped under .gl so it won't clash with your theme.\n  Paste into: Online Store \u003e Themes \u003e Customize \u003e product page \u003e Add section\/block \u003e \"Custom Liquid\"\n  (or into the product description via the \u003c\u003e \"Show HTML\" button).\n  IMAGE: search this file for PASTE-YOUR-SHOPIFY-IMAGE-URL-HERE and replace it with your Shopify-hosted image URL.\n--\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800\u0026display=swap');\n\n\/* ---------- base ---------- *\/\n.gl,.gl *,.gl *::before,.gl *::after{box-sizing:border-box}\n.gl{--g:#8ef012;container-type:inline-size;width:100%;max-width:1120px;margin:0 auto;padding:0;\n  font-family:'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n  font-size:16px;line-height:1.55;font-weight:400;color:#000;text-align:left;letter-spacing:0;text-transform:none;\n  -webkit-font-smoothing:antialiased;overflow-x:clip}\n.gl h2,.gl h3,.gl p{margin:0;padding:0;font-family:inherit;text-transform:none;text-align:left}\n.gl svg{display:block;flex:none}\n.gl img{display:block;max-width:100%;height:auto;margin:0;border:0}\n\n\/* ---------- panels ---------- *\/\n.gl .gl-panel{position:relative;margin:0 0 12px;padding:26px 20px;border-radius:28px;overflow:hidden;overflow:clip}\n.gl .gl-light{background:#fff;color:#000;border:1.5px solid #000}\n.gl .gl-dark{background:#000;color:#fff}\n.gl .gl-green{background:var(--g);color:#000}\n.gl .gl-light h2,.gl .gl-light h3,.gl .gl-light p{color:#000!important}\n.gl .gl-dark h2,.gl .gl-dark h3,.gl .gl-dark p{color:#fff!important}\n.gl .gl-green p{color:#000!important}\n\n.gl .gl-h2{font-weight:800;font-size:clamp(1.8rem,8.4vw,3rem);font-size:clamp(1.8rem,8.6cqi,3rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 14px}\n.gl .gl-sub{font-size:1.05rem;line-height:1.55;max-width:36em;margin:0 0 22px}\n.gl .gl-light .gl-sub{color:#2b2b2b!important}\n\n\/* ---------- hero ---------- *\/\n.gl .gl-hero{padding:28px 20px 22px}\n.gl .gl-hero-grid{display:grid;gap:6px}\n.gl .gl-h1{font-weight:800;font-size:clamp(2.1rem,10.5vw,4.2rem);font-size:clamp(2.1rem,11.4cqi,4.2rem);line-height:1;letter-spacing:-.04em;margin:0 0 16px}\n.gl .gl-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}\n.gl .gl-line\u003espan{display:inline-block;animation:gl-rise .95s cubic-bezier(.2,.8,.2,1) both}\n.gl .gl-line:nth-child(2)\u003espan{animation-delay:.12s}\n.gl .gl-line:nth-child(3)\u003espan{animation-delay:.24s}\n.gl .gl-mark{display:inline;padding:.02em .16em .06em;margin-left:-.16em;color:#000!important;\n  background:linear-gradient(var(--g),var(--g)) no-repeat left center\/100% 100%;\n  -webkit-box-decoration-break:clone;box-decoration-break:clone;\n  animation:gl-wipe .9s cubic-bezier(.6,0,.2,1) .95s both}\n.gl .gl-name{font-weight:700;font-size:1rem;line-height:1.35;margin:0 0 12px;color:#000!important}\n.gl .gl-lead{font-size:1.1rem;line-height:1.5;max-width:32em;margin:0;color:#2b2b2b!important;animation:gl-fade .8s ease .5s both}\n\n.gl .gl-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:240px;padding:14px 0 6px}\n.gl .gl-glow{position:absolute;inset:6% 4%;border-radius:50%;z-index:-1;\n  background:radial-gradient(closest-side,rgba(142,240,18,.6),rgba(142,240,18,0) 72%);\n  animation:gl-pulse 5s ease-in-out infinite}\n.gl .gl-ring{position:absolute;z-index:-1;width:84%;max-width:520px;aspect-ratio:1\/1;border:1.5px dashed rgba(0,0,0,.4);border-radius:50%;animation:gl-spin 38s linear infinite}\n.gl .gl-ring::after{content:\"\";position:absolute;top:-8px;left:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--g);border:2px solid #000}\n.gl .gl-imgwrap{width:100%;max-width:560px;animation:gl-enter 1.1s cubic-bezier(.2,.8,.2,1) .25s both}\n.gl .gl-img{width:100%;height:auto;filter:drop-shadow(0 22px 22px rgba(0,0,0,.28));animation:gl-float 6s ease-in-out 1.4s infinite}\n\n.gl .gl-leds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}\n.gl .gl-led{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 2px;border-radius:12px;\n  background:#000;color:#fff;font-weight:700;font-size:.76rem;line-height:1.1;text-align:center;\n  animation:gl-lit 5.6s linear infinite;animation-delay:calc(var(--i)*.7s)}\n.gl .gl-led::before{content:\"\";display:none;width:8px;height:8px;border-radius:50%;background:var(--g);animation:gl-litdot 5.6s linear infinite;animation-delay:calc(var(--i)*.7s)}\n\n\/* ---------- marquee ---------- *\/\n.gl .gl-marq{overflow:hidden;background:var(--g);border:1.5px solid #000;border-radius:999px;margin:0 0 12px;padding:14px 0}\n.gl .gl-track{display:flex;width:max-content;animation:gl-scroll 28s linear infinite}\n.gl .gl-marq:hover .gl-track{animation-play-state:paused}\n.gl .gl-grp{display:flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;font-weight:700;font-size:1rem;color:#000}\n.gl .gl-grp i{width:9px;height:9px;border-radius:50%;background:#000;display:block}\n\n\/* ---------- problem ---------- *\/\n.gl .gl-moments{margin:8px 0 26px}\n.gl .gl-moment{position:relative;padding:16px 0;border-bottom:1px solid #2c2c2c;font-weight:600;font-size:1.2rem;font-size:clamp(1.15rem,5.6cqi,1.9rem);line-height:1.25}\n.gl .gl-moment::after{content:\"\";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--g);transform-origin:left}\n.gl .gl-dark .gl-ends{font-weight:800;font-size:clamp(1.9rem,9vw,3.4rem);font-size:clamp(1.9rem,10cqi,3.4rem);line-height:1.02;letter-spacing:-.035em;color:var(--g)!important;margin:0}\n\n\/* ---------- ports ---------- *\/\n.gl .gl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n.gl .gl-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:118px;padding:14px;\n  border:1.5px solid #000;border-radius:18px;background:#fff;transition:background-color .25s ease}\n.gl .gl-tile:hover{background:var(--g)}\n.gl .gl-tile::after{content:\"\";position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--g);\n  box-shadow:0 0 0 2px #000,0 0 0 2px rgba(142,240,18,.8);animation:gl-ping 2.6s ease-out infinite;animation-delay:calc(var(--i)*.32s)}\n.gl .gl-tile b{display:block;font-weight:700;font-size:1.08rem;line-height:1.2;color:#000!important}\n.gl .gl-tile small{display:block;font-size:.88rem;line-height:1.3;color:#333!important}\n\n\/* ---------- features ---------- *\/\n.gl .gl-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:0 16px;padding:20px 0;border-top:1px solid #2c2c2c}\n.gl .gl-row:first-of-type{border-top:0}\n.gl .gl-row h3{font-weight:700;font-size:1.25rem;line-height:1.2;letter-spacing:-.01em;margin:0 0 6px}\n.gl .gl-row p{font-size:1.02rem;line-height:1.55;color:#d2d2d2!important;margin:0}\n.gl .gl-rowtxt{display:block;min-width:0}\n.gl .gl-tick{stroke-dasharray:1;stroke-dashoffset:0}\n\n\/* ---------- compat ---------- *\/\n.gl .gl-swap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 18px}\n.gl .gl-plug{display:inline-flex;border:1.5px solid #000;border-radius:999px;overflow:hidden}\n.gl .gl-half{display:block;padding:12px 22px;font-weight:700;font-size:1.02rem;line-height:1.2;background:#000;color:#fff;animation:gl-half 3.2s linear infinite}\n.gl .gl-half+.gl-half{animation-delay:-1.6s}\n.gl .gl-swap-note{font-weight:600;font-size:1rem;margin:0}\n.gl .gl-chips{display:flex;flex-wrap:wrap;gap:8px}\n.gl .gl-chip{padding:10px 16px;border:1.5px solid #000;border-radius:999px;font-weight:600;font-size:1rem;line-height:1.2;color:#000;background:#fff;transition:background-color .25s ease}\n.gl .gl-chip:hover{background:var(--g)}\n\n\/* ---------- closing ---------- *\/\n.gl .gl-close{padding:34px 22px}\n.gl .gl-close::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;\n  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);\n  transform:translateX(-130%);animation:gl-glint 6.5s ease-in-out 1s infinite}\n.gl .gl-close p{position:relative;z-index:2}\n.gl .gl-feel{font-weight:700;font-size:1.4rem;font-size:clamp(1.35rem,6.3cqi,2.4rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 20px;max-width:24em}\n.gl .gl-sign{font-weight:800;font-size:1rem;margin:0}\n\n\/* ---------- keyframes ---------- *\/\n@keyframes gl-rise{from{transform:translateY(110%)}}\n@keyframes gl-wipe{from{background-size:0% 100%}}\n@keyframes gl-fade{from{opacity:0;transform:translateY(10px)}}\n@keyframes gl-enter{from{opacity:0;transform:translateY(46px) rotate(-7deg) scale(.9)}}\n@keyframes gl-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1.2deg)}}\n@keyframes gl-pulse{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}\n@keyframes gl-spin{to{transform:rotate(360deg)}}\n@keyframes gl-lit{0%,11%{background:#8ef012;color:#000}13%,100%{background:#000;color:#fff}}\n@keyframes gl-litdot{0%,11%{background:#000}13%,100%{background:#8ef012}}\n@keyframes gl-scroll{to{transform:translateX(-50%)}}\n@keyframes gl-ping{0%{box-shadow:0 0 0 2px #000,0 0 0 2px rgba(142,240,18,.85)}70%,100%{box-shadow:0 0 0 2px #000,0 0 0 13px rgba(142,240,18,0)}}\n@keyframes gl-half{0%{background:#8ef012;color:#000}45%{background:#8ef012;color:#000}55%{background:#000;color:#fff}95%{background:#000;color:#fff}100%{background:#8ef012;color:#000}}\n@keyframes gl-glint{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}\n@keyframes gl-draw{from{transform:scaleX(0)}}\n@keyframes gl-tilein{from{transform:translateY(26px) scale(.94)}}\n@keyframes gl-up{from{transform:translateY(18px)}}\n@keyframes gl-tick{from{stroke-dashoffset:1}}\n\n\/* Scroll-triggered motion (Chrome, Edge, Safari 26+). Text is never hidden — motion uses transforms only. *\/\n@supports (animation-timeline:view()){\n  .gl .gl-moment::after{animation:gl-draw linear both;animation-timeline:view();animation-range:entry 10% cover 32%}\n  .gl .gl-tile{animation:gl-tilein linear both;animation-timeline:view();animation-range:entry 0% entry 90%}\n  .gl .gl-up{animation:gl-up linear both;animation-timeline:view();animation-range:entry 0% entry 70%}\n  .gl .gl-tick{animation:gl-tick linear both;animation-timeline:view();animation-range:entry 20% cover 38%}\n}\n\n\/* ---------- wider containers ---------- *\/\n@container (min-width:520px){\n  .gl .gl-led{font-size:.92rem;gap:8px}\n  .gl .gl-led::before{display:block}\n  .gl .gl-panel{padding:34px 30px}\n  .gl .gl-hero{padding:34px 30px 26px}\n}\n@container (min-width:760px){\n  .gl .gl-panel{padding:48px 44px}\n  .gl .gl-hero{padding:48px 44px 34px}\n  .gl .gl-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;column-gap:28px}\n  .gl .gl-copy{grid-column:1;grid-row:1}\n  .gl .gl-stage{grid-column:2;grid-row:1;min-height:360px}\n  .gl .gl-leds{grid-column:1\/-1;grid-row:2;grid-template-columns:repeat(8,1fr);margin-top:30px}\n  .gl .gl-led{font-size:.85rem;padding:8px 4px;gap:6px}\n  .gl .gl-h1{font-size:clamp(2.6rem,6.4cqi,4.1rem)}\n  .gl .gl-grid{grid-template-columns:repeat(4,1fr);gap:12px}\n  .gl .gl-tile{min-height:150px;padding:18px}\n  .gl .gl-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:0 24px;padding:26px 0}\n  .gl .gl-rowtxt{display:contents}\n  .gl .gl-row h3{margin:0}\n  .gl .gl-close{padding:64px 56px}\n}\n\n\/* ---------- reduced motion: show final states, no movement ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  .gl *,.gl *::before,.gl *::after{animation:none!important;transition:none!important}\n  .gl .gl-marq{border-radius:28px}\n  .gl .gl-track{flex-wrap:wrap;width:auto}\n  .gl .gl-grp{flex-wrap:wrap;white-space:normal;padding:0 20px}\n  .gl .gl-grp[aria-hidden=\"true\"]{display:none}\n}\n\u003c\/style\u003e\n\u003cdiv class=\"gl\"\u003e\n\u003c!-- 1 · HERO --\u003e\n\u003csection class=\"gl-panel gl-light gl-hero\"\u003e\n\u003cdiv class=\"gl-hero-grid\"\u003e\n\u003cdiv class=\"gl-copy\"\u003e\n\u003ch2 class=\"gl-h1\"\u003e\n\u003cspan class=\"gl-line\"\u003e\u003cspan\u003eOne small bar.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"gl-line\"\u003e\u003cspan\u003eEight ports.\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"gl-line\"\u003e\u003cspan\u003e\u003cspan class=\"gl-mark\"\u003eZero dongle chaos.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"gl-name\"\u003e\u003cbr\u003eGearLoop™ NexusHub 8-in-1 USB-C \u0026amp; USB-A Multiport Adapter\u003c\/p\u003e\n\u003cp class=\"gl-lead\"\u003eSlide the slim aluminium bar out of your bag, plug in once, and everything you carry connects at the same time.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-leds\" role=\"list\"\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 0;\" role=\"listitem\"\u003eUSB-A\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 1;\" role=\"listitem\"\u003eUSB-A\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 2;\" role=\"listitem\"\u003eUSB-A\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 3;\" role=\"listitem\"\u003eUSB-A\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 4;\" role=\"listitem\"\u003eUSB-C\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 5;\" role=\"listitem\"\u003eSD\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 6;\" role=\"listitem\"\u003emicroSD\u003c\/div\u003e\n\u003cdiv class=\"gl-led\" style=\"--i: 7;\" role=\"listitem\"\u003e3.5mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2 · MARQUEE --\u003e\n\u003cdiv class=\"gl-marq\"\u003e\n\u003cdiv class=\"gl-track\"\u003e\n\u003cdiv class=\"gl-grp\"\u003e\n\u003cspan\u003eUSB-A\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003eUSB-C\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003eSD\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003emicroSD\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003e3.5mm audio\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003ePlug and play\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003eAluminium body\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003e2-in-1 connector\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-grp\"\u003e\n\u003cspan\u003eUSB-A\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003eUSB-C\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003eSD\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003emicroSD\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003e3.5mm audio\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003ePlug and play\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003eAluminium body\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan\u003e2-in-1 connector\u003c\/span\u003e\u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 · THE PROBLEM --\u003e\n\u003csection class=\"gl-panel gl-dark\"\u003e\n\u003ch2 class=\"gl-h2 gl-up\"\u003eYou know the moment.\u003c\/h2\u003e\n\u003cdiv class=\"gl-moments\"\u003e\n\u003cp class=\"gl-moment\"\u003eThe flash drive with the client files.\u003c\/p\u003e\n\u003cp class=\"gl-moment\"\u003eThe mouse that saves your wrist.\u003c\/p\u003e\n\u003cp class=\"gl-moment\"\u003eThe SD card from this morning's shoot.\u003c\/p\u003e\n\u003cp class=\"gl-moment\"\u003eA laptop with two lonely ports.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gl-ends gl-up\"\u003eThe GearLoop™ NexusHub ends it.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 4 · PORTS --\u003e\n\u003csection class=\"gl-panel gl-light\"\u003e\n\u003ch2 class=\"gl-h2 gl-up\"\u003eEverything you carry, connected at once.\u003c\/h2\u003e\n\u003cp class=\"gl-sub\"\u003eUSB-A data ports, USB-C, SD and microSD card readers, 3.5mm audio and USB-C power in a single bar.\u003c\/p\u003e\n\u003cdiv class=\"gl-grid\"\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 0;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003crect x=\"2\" y=\"2\" width=\"44\" height=\"24\" rx=\"3\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\"\u003e\u003c\/rect\u003e\u003crect x=\"9\" y=\"11\" width=\"30\" height=\"6\" rx=\"1\" fill=\"#000\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003eUSB-A\u003c\/b\u003e\u003csmall\u003eData\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 1;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003crect x=\"2\" y=\"2\" width=\"44\" height=\"24\" rx=\"3\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\"\u003e\u003c\/rect\u003e\u003crect x=\"9\" y=\"11\" width=\"30\" height=\"6\" rx=\"1\" fill=\"#000\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003eUSB-A\u003c\/b\u003e\u003csmall\u003eData\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 2;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003crect x=\"2\" y=\"2\" width=\"44\" height=\"24\" rx=\"3\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\"\u003e\u003c\/rect\u003e\u003crect x=\"9\" y=\"11\" width=\"30\" height=\"6\" rx=\"1\" fill=\"#000\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003eUSB-A\u003c\/b\u003e\u003csmall\u003eData\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 3;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003crect x=\"2\" y=\"2\" width=\"44\" height=\"24\" rx=\"3\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\"\u003e\u003c\/rect\u003e\u003crect x=\"9\" y=\"11\" width=\"30\" height=\"6\" rx=\"1\" fill=\"#000\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003eUSB-A\u003c\/b\u003e\u003csmall\u003eData\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 4;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003crect x=\"3\" y=\"6\" width=\"42\" height=\"16\" rx=\"8\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\"\u003e\u003c\/rect\u003e\u003crect x=\"12\" y=\"12.5\" width=\"24\" height=\"3\" rx=\"1.5\" fill=\"#000\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003eUSB-C\u003c\/b\u003e\u003csmall\u003ePower\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 5;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003cpath d=\"M13 2h22a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2V9z\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M17 6v6M22 6v6M27 6v6M32 6v6\" stroke=\"#000\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003eSD\u003c\/b\u003e\u003csmall\u003eCard reader\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 6;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003cpath d=\"M16 3h16a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2V9z\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 7v5M24 7v5M29 7v5\" stroke=\"#000\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003emicroSD\u003c\/b\u003e\u003csmall\u003eCard reader\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-tile\" style=\"--i: 7;\"\u003e\n\u003csvg viewbox=\"0 0 48 28\" width=\"52\" height=\"30\"\u003e\u003ccircle cx=\"24\" cy=\"14\" r=\"11\" fill=\"none\" stroke=\"#000\" stroke-width=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"24\" cy=\"14\" r=\"4\" fill=\"#000\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n\u003cdiv\u003e\n\u003cb\u003e3.5mm\u003c\/b\u003e\u003csmall\u003eAudio\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5 · WHAT YOU GET --\u003e\n\u003csection class=\"gl-panel gl-dark\"\u003e\n\u003ch2 class=\"gl-h2 gl-up\"\u003eWhat you get\u003c\/h2\u003e\n\u003cdiv class=\"gl-rows\"\u003e\n\u003cdiv class=\"gl-row\"\u003e\n\u003csvg viewbox=\"0 0 32 32\" width=\"34\" height=\"34\"\u003e\u003ccircle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#8ef012\"\u003e\u003c\/circle\u003e\u003cpath class=\"gl-tick\" pathlength=\"1\" d=\"M9 16.5l5 5 9-10\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv class=\"gl-rowtxt\"\u003e\n\u003ch3\u003e8 ports in one slim body\u003c\/h3\u003e\n\u003cp\u003eUSB-A data ports, USB-C, SD and microSD card readers, 3.5mm audio and USB-C power in a single bar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-row\"\u003e\n\u003csvg viewbox=\"0 0 32 32\" width=\"34\" height=\"34\"\u003e\u003ccircle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#8ef012\"\u003e\u003c\/circle\u003e\u003cpath class=\"gl-tick\" pathlength=\"1\" d=\"M9 16.5l5 5 9-10\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv class=\"gl-rowtxt\"\u003e\n\u003ch3\u003e2-in-1 connector\u003c\/h3\u003e\n\u003cp\u003eThe built-in cable switches between USB-C and USB-A, so it works with a MacBook, a Windows laptop, a desktop PC or a console without buying a second adapter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-row\"\u003e\n\u003csvg viewbox=\"0 0 32 32\" width=\"34\" height=\"34\"\u003e\u003ccircle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#8ef012\"\u003e\u003c\/circle\u003e\u003cpath class=\"gl-tick\" pathlength=\"1\" d=\"M9 16.5l5 5 9-10\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv class=\"gl-rowtxt\"\u003e\n\u003ch3\u003eFast, stable transfers\u003c\/h3\u003e\n\u003cp\u003ePull photos and video off cards and drives without the waiting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-row\"\u003e\n\u003csvg viewbox=\"0 0 32 32\" width=\"34\" height=\"34\"\u003e\u003ccircle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#8ef012\"\u003e\u003c\/circle\u003e\u003cpath class=\"gl-tick\" pathlength=\"1\" d=\"M9 16.5l5 5 9-10\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv class=\"gl-rowtxt\"\u003e\n\u003ch3\u003eBuilt to travel\u003c\/h3\u003e\n\u003cp\u003eBrushed aluminium shell that stays cool, thin enough to live in a laptop sleeve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-row\"\u003e\n\u003csvg viewbox=\"0 0 32 32\" width=\"34\" height=\"34\"\u003e\u003ccircle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#8ef012\"\u003e\u003c\/circle\u003e\u003cpath class=\"gl-tick\" pathlength=\"1\" d=\"M9 16.5l5 5 9-10\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv class=\"gl-rowtxt\"\u003e\n\u003ch3\u003ePlug and play\u003c\/h3\u003e\n\u003cp\u003eNo drivers, no software, no setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 6 · COMPATIBILITY --\u003e\n\u003csection class=\"gl-panel gl-light\"\u003e\n\u003ch2 class=\"gl-h2 gl-up\"\u003eWorks with what you already own.\u003c\/h2\u003e\n\u003cdiv class=\"gl-swap\"\u003e\n\u003cdiv class=\"gl-plug\"\u003e\n\u003cspan class=\"gl-half\"\u003eUSB-C\u003c\/span\u003e\u003cspan class=\"gl-half\"\u003eUSB-A\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"gl-swap-note\"\u003eOne built-in cable. Both connectors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gl-chips\"\u003e\n\u003cspan class=\"gl-chip\"\u003eMacBook\u003c\/span\u003e \u003cspan class=\"gl-chip\"\u003eWindows laptop\u003c\/span\u003e \u003cspan class=\"gl-chip\"\u003eDesktop PC\u003c\/span\u003e \u003cspan class=\"gl-chip\"\u003eConsole\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 7 · CLOSING --\u003e\n\u003csection class=\"gl-panel gl-green gl-close\"\u003e\n\u003cp class=\"gl-feel\"\u003eCool metal under your fingertips, a quiet click as each cable seats, and a desk that finally looks like it belongs to someone who has their act together.\u003c\/p\u003e\n\u003cp class=\"gl-sign\"\u003eGearLoop™ NexusHub\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"GearLoop","offers":[{"title":"Default Title","offer_id":50717102440685,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0835\/8615\/4733\/files\/white-studio-hero-shot-of-the-hub-with-gearloop-logo.png?v=1789913292","url":"https:\/\/gearloop.co.za\/products\/gearloop%e2%84%a2-nexushub-8-in-1-usb-c-usb-a-multiport-adapter","provider":"GearLoop","version":"1.0","type":"link"}