{"product_id":"usb-c-ultra-slim-hub-usb-3-0-5gbps-4-port-aluminium-silver-hub3-c","title":"USB 3.0 Ultra Slim 4-Port USB Hub with USB-C Connector | 5Gbps + 3× USB 2.0 | 10× Faster | OTG Support | Aluminium Alloy | Plug \u0026 Play | 0.2m Cable | Silver | HUB3-C","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    \u003cmeta name=\"description\" content=\"Ultra Slim USB Hub with USB-C connector. USB 3.0 5Gbps + 3x USB 2.0 ports. Aluminium alloy case. OTG support. Plug and play. 10x faster than USB 2.0.\"\u003e\n    \u003ctitle\u003e4-Port USB Hub | USB-C Connector | USB 3.0 5Gbps | Aluminium Silver\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: #ffffff;\n            min-height: 100vh;\n        }\n\n        .product-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Hero Section - Premium Silver\/Metal Theme *\/\n        .hero-section {\n            background: linear-gradient(145deg, #fafafa 0%, #f5f5f5 50%, #e5e5e5 100%);\n            border-radius: 32px;\n            padding: 55px 45px;\n            margin-bottom: 26px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid #d4d4d4;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: -100px;\n            right: -100px;\n            width: 350px;\n            height: 350px;\n            background: radial-gradient(circle, rgba(163,163,163,0.15) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .hero-section::after {\n            content: '';\n            position: absolute;\n            bottom: -100px;\n            left: -100px;\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(115,115,115,0.1) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: linear-gradient(135deg, #737373, #525252);\n            color: #fff;\n            padding: 10px 26px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 11px;\n            margin-bottom: 22px;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            position: relative;\n            z-index: 1;\n            box-shadow: 0 4px 20px rgba(115,115,115,0.4);\n        }\n\n        .hero-title {\n            color: #171717;\n            font-size: clamp(26px, 5vw, 42px);\n            font-weight: 800;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n            line-height: 1.15;\n            letter-spacing: -0.5px;\n        }\n\n        .hero-title span {\n            background: linear-gradient(135deg, #737373, #404040);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .hero-tagline {\n            color: #525252;\n            font-size: 16px;\n            margin-bottom: 35px;\n            position: relative;\n            z-index: 1;\n            font-weight: 400;\n        }\n\n        .hero-features {\n            display: flex;\n            justify-content: center;\n            gap: 14px;\n            flex-wrap: wrap;\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero-feature {\n            background: #fff;\n            border: 2px solid #d4d4d4;\n            border-radius: 18px;\n            padding: 18px 24px;\n            text-align: center;\n            min-width: 115px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n            transition: all 0.3s ease;\n        }\n\n        .hero-feature:hover {\n            border-color: #737373;\n            transform: translateY(-4px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n        }\n\n        .hero-feature-value {\n            font-size: 22px;\n            font-weight: 800;\n            color: #171717;\n            line-height: 1;\n            margin-bottom: 5px;\n        }\n\n        .hero-feature-value.gradient {\n            background: linear-gradient(135deg, #525252, #404040);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .hero-feature-label {\n            font-size: 10px;\n            color: #737373;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        \/* Speed Banner *\/\n        .speed-banner {\n            background: linear-gradient(135deg, #2563eb, #3b82f6);\n            border-radius: 20px;\n            padding: 22px 35px;\n            margin-bottom: 26px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 25px;\n            box-shadow: 0 10px 35px rgba(37,99,235,0.35);\n        }\n\n        .speed-badge {\n            background: #fff;\n            color: #2563eb;\n            padding: 12px 25px;\n            border-radius: 14px;\n            font-weight: 800;\n            font-size: 22px;\n        }\n\n        .speed-text {\n            color: #fff;\n        }\n\n        .speed-text h3 {\n            font-size: 18px;\n            font-weight: 700;\n            margin-bottom: 3px;\n        }\n\n        .speed-text p {\n            font-size: 13px;\n            opacity: 0.9;\n        }\n\n        \/* USB-C Section *\/\n        .usbc-section {\n            background: linear-gradient(135deg, #404040 0%, #525252 50%, #737373 100%);\n            border-radius: 26px;\n            padding: 45px;\n            margin-bottom: 26px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 35px;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 50px rgba(64,64,64,0.35);\n        }\n\n        .usbc-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .usbc-content h2 {\n            color: #fff;\n            font-size: 26px;\n            font-weight: 800;\n            margin-bottom: 15px;\n        }\n\n        .usbc-content p {\n            color: rgba(255,255,255,0.8);\n            font-size: 14px;\n            line-height: 1.7;\n            margin-bottom: 20px;\n        }\n\n        .usbc-features {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .usbc-feature {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            color: #fff;\n            font-size: 14px;\n        }\n\n        .usbc-feature-icon {\n            width: 30px;\n            height: 30px;\n            background: rgba(255,255,255,0.15);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 14px;\n            flex-shrink: 0;\n        }\n\n        .usbc-visual {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .connector-circle {\n            width: 140px;\n            height: 140px;\n            background: rgba(255,255,255,0.1);\n            border: 2px solid rgba(255,255,255,0.25);\n            border-radius: 50%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .connector-icon {\n            font-size: 40px;\n            margin-bottom: 8px;\n        }\n\n        .connector-text {\n            color: #fff;\n            font-size: 14px;\n            font-weight: 700;\n        }\n\n        \/* Ports Section *\/\n        .ports-section {\n            background: #fff;\n            border: 1px solid #e5e5e5;\n            border-radius: 24px;\n            padding: 35px;\n            margin-bottom: 26px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n        }\n\n        .section-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #171717;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .section-title::before {\n            content: '';\n            width: 5px;\n            height: 26px;\n            background: linear-gradient(180deg, #525252, #404040);\n            border-radius: 3px;\n        }\n\n        .section-title.centered {\n            justify-content: center;\n        }\n\n        .section-title.centered::before {\n            display: none;\n        }\n\n        .ports-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n\n        .port-card {\n            background: linear-gradient(145deg, #fafafa, #fff);\n            border: 2px solid #e5e5e5;\n            border-radius: 18px;\n            padding: 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .port-card:hover {\n            border-color: #737373;\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        }\n\n        .port-card.featured {\n            border-color: #3b82f6;\n            background: linear-gradient(145deg, #eff6ff, #fff);\n        }\n\n        .port-card.featured::before {\n            content: 'FAST';\n            position: absolute;\n            top: -10px;\n            right: 20px;\n            background: linear-gradient(135deg, #2563eb, #3b82f6);\n            color: #fff;\n            padding: 5px 12px;\n            border-radius: 8px;\n            font-size: 10px;\n            font-weight: 700;\n            letter-spacing: 1px;\n        }\n\n        .port-icon {\n            font-size: 36px;\n            margin-bottom: 12px;\n        }\n\n        .port-name {\n            font-size: 18px;\n            font-weight: 700;\n            color: #171717;\n            margin-bottom: 8px;\n        }\n\n        .port-speed {\n            font-size: 24px;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .port-speed.fast {\n            background: linear-gradient(135deg, #2563eb, #3b82f6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .port-speed.standard {\n            color: #737373;\n        }\n\n        .port-count {\n            font-size: 13px;\n            color: #a3a3a3;\n        }\n\n        \/* OTG Banner *\/\n        .otg-banner {\n            background: linear-gradient(135deg, #059669, #10b981);\n            border-radius: 18px;\n            padding: 20px 30px;\n            margin-bottom: 26px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 18px;\n            box-shadow: 0 8px 30px rgba(5,150,105,0.3);\n        }\n\n        .otg-icon {\n            font-size: 32px;\n        }\n\n        .otg-text {\n            color: #fff;\n        }\n\n        .otg-text h3 {\n            font-size: 17px;\n            font-weight: 700;\n            margin-bottom: 2px;\n        }\n\n        .otg-text p {\n            font-size: 13px;\n            opacity: 0.9;\n        }\n\n        \/* Features Grid *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin-bottom: 26px;\n        }\n\n        .feature-card {\n            background: #fff;\n            border: 1px solid #e5e5e5;\n            border-radius: 18px;\n            padding: 24px 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n        }\n\n        .feature-card:hover {\n            border-color: #737373;\n            transform: translateY(-4px);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        }\n\n        .feature-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            margin: 0 auto 12px;\n            background: linear-gradient(135deg, #f5f5f5, #e5e5e5);\n        }\n\n        .feature-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #171717;\n            margin-bottom: 4px;\n        }\n\n        .feature-desc {\n            font-size: 11px;\n            color: #737373;\n            line-height: 1.4;\n        }\n\n        \/* Specifications *\/\n        .specs-section {\n            background: linear-gradient(145deg, #fafafa, #fff);\n            border: 1px solid #d4d4d4;\n            border-radius: 24px;\n            padding: 35px;\n            margin-bottom: 26px;\n        }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 18px;\n        }\n\n        .spec-group {\n            background: #fff;\n            border: 1px solid #e5e5e5;\n            border-radius: 14px;\n            padding: 20px;\n        }\n\n        .spec-group-title {\n            font-size: 11px;\n            color: #525252;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 14px;\n            padding-bottom: 10px;\n            border-bottom: 1px solid #f5f5f5;\n            font-weight: 700;\n        }\n\n        .spec-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 7px 0;\n            font-size: 13px;\n        }\n\n        .spec-item span:first-child {\n            color: #737373;\n        }\n\n        .spec-item span:last-child {\n            color: #171717;\n            font-weight: 600;\n        }\n\n        \/* Warranty *\/\n        .warranty-section {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n            gap: 18px;\n            margin-bottom: 26px;\n        }\n\n        .warranty-card {\n            background: #fff;\n            border: 1px solid #e5e5e5;\n            border-radius: 20px;\n            padding: 28px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n        }\n\n        .warranty-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n        }\n\n        .warranty-card.silver::before {\n            background: linear-gradient(90deg, #525252, #737373);\n        }\n\n        .warranty-card.gray::before {\n            background: linear-gradient(90deg, #a3a3a3, #d4d4d4);\n        }\n\n        .warranty-header {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 16px;\n        }\n\n        .warranty-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 22px;\n        }\n\n        .warranty-icon.silver { background: linear-gradient(135deg, #e5e5e5, #d4d4d4); }\n        .warranty-icon.gray { background: linear-gradient(135deg, #f5f5f5, #e5e5e5); }\n\n        .warranty-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #171717;\n        }\n\n        .warranty-text {\n            color: #737373;\n            font-size: 13px;\n            line-height: 1.7;\n        }\n\n        .warranty-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #525252, #404040);\n            color: #fff;\n            padding: 7px 18px;\n            border-radius: 22px;\n            font-weight: 600;\n            font-size: 12px;\n            margin-top: 16px;\n        }\n\n        \/* Package *\/\n        .package-section {\n            background: linear-gradient(135deg, #404040, #525252);\n            border-radius: 24px;\n            padding: 35px;\n            text-align: center;\n            color: #fff;\n            box-shadow: 0 15px 50px rgba(64,64,64,0.35);\n        }\n\n        .package-section .section-title {\n            color: #fff;\n            justify-content: center;\n        }\n\n        .package-section .section-title::before {\n            background: linear-gradient(180deg, #a3a3a3, #d4d4d4);\n        }\n\n        .package-items {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            justify-content: center;\n            margin-top: 22px;\n        }\n\n        .package-item {\n            background: rgba(255,255,255,0.15);\n            border: 1px solid rgba(255,255,255,0.25);\n            padding: 12px 24px;\n            border-radius: 50px;\n            font-size: 14px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 992px) {\n            .usbc-section {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n\n            .ports-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .product-container { padding: 15px; }\n            .hero-section { padding: 40px 25px; }\n            .hero-features { gap: 10px; }\n            .hero-feature { min-width: 100px; padding: 14px 18px; }\n            .hero-feature-value { font-size: 18px; }\n            \n            .speed-banner, .otg-banner {\n                flex-direction: column;\n                text-align: center;\n                gap: 15px;\n            }\n            \n            .usbc-section { padding: 30px 22px; }\n            .usbc-content h2 { font-size: 22px; }\n            .connector-circle { width: 120px; height: 120px; }\n            \n            .ports-section, .specs-section, .package-section { padding: 28px 20px; }\n            .warranty-card { padding: 24px 20px; }\n        }\n\n        @media (max-width: 480px) {\n            .hero-title { font-size: 22px; }\n            .hero-features { flex-direction: column; align-items: center; }\n            .hero-feature { width: 100%; max-width: 150px; }\n            \n            .features-grid { grid-template-columns: 1fr; }\n            .specs-grid { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"product-container\"\u003e\n        \u003c!-- Hero Section --\u003e\n        \u003cdiv class=\"hero-section\"\u003e\n            \u003cspan class=\"hero-badge\"\u003e🔌 Ultra Slim Hub\u003c\/span\u003e\n            \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUSB 3.0\u003c\/span\u003e Ultra Slim Multi USB Hub\u003c\/h1\u003e\n            \u003cp class=\"hero-tagline\"\u003e5Gbps USB 3.0 + 3× USB 2.0 • USB-C Connector • Aluminium Alloy\u003c\/p\u003e\n            \u003cdiv class=\"hero-features\"\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value gradient\"\u003e5Gbps\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003eUSB 3.0\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value\"\u003e4\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003ePorts\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value\"\u003eUSB-C\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003eConnector\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value\"\u003e0.2m\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003eCable\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Speed Banner --\u003e\n        \u003cdiv class=\"speed-banner\"\u003e\n            \u003cspan class=\"speed-badge\"\u003e10×\u003c\/span\u003e\n            \u003cdiv class=\"speed-text\"\u003e\n                \u003ch3\u003e10 Times Faster Than USB 2.0\u003c\/h3\u003e\n                \u003cp\u003eTransfer large files in seconds with USB 3.0 SuperSpeed technology\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- USB-C Section --\u003e\n        \u003cdiv class=\"usbc-section\"\u003e\n            \u003cdiv class=\"usbc-content\"\u003e\n                \u003ch2\u003eUSB-C Connectivity\u003c\/h2\u003e\n                \u003cp\u003eDesigned for modern laptops, tablets, and smartphones with USB-C ports. Simply plug in and instantly expand your connectivity with four additional USB ports — no drivers required.\u003c\/p\u003e\n                \u003cdiv class=\"usbc-features\"\u003e\n                    \u003cdiv class=\"usbc-feature\"\u003e\n                        \u003cspan class=\"usbc-feature-icon\"\u003e💻\u003c\/span\u003e\n                        \u003cspan\u003eMacBook \u0026amp; MacBook Pro compatible\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"usbc-feature\"\u003e\n                        \u003cspan class=\"usbc-feature-icon\"\u003e📱\u003c\/span\u003e\n                        \u003cspan\u003eWorks with USB-C tablets \u0026amp; phones\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"usbc-feature\"\u003e\n                        \u003cspan class=\"usbc-feature-icon\"\u003e🖥️\u003c\/span\u003e\n                        \u003cspan\u003eUSB-C laptops \u0026amp; desktops\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"usbc-visual\"\u003e\n                \u003cdiv class=\"connector-circle\"\u003e\n                    \u003cspan class=\"connector-icon\"\u003e⚡\u003c\/span\u003e\n                    \u003cspan class=\"connector-text\"\u003eUSB-C\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- OTG Banner --\u003e\n        \u003cdiv class=\"otg-banner\"\u003e\n            \u003cspan class=\"otg-icon\"\u003e📱\u003c\/span\u003e\n            \u003cdiv class=\"otg-text\"\u003e\n                \u003ch3\u003eOTG Support\u003c\/h3\u003e\n                \u003cp\u003eConnect USB devices directly to your smartphone or tablet via USB-C OTG\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Ports Section --\u003e\n        \u003cdiv class=\"ports-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003e4 Expansion Ports\u003c\/h2\u003e\n            \u003cdiv class=\"ports-grid\"\u003e\n                \u003cdiv class=\"port-card featured\"\u003e\n                    \u003cdiv class=\"port-icon\"\u003e🚀\u003c\/div\u003e\n                    \u003ch3 class=\"port-name\"\u003eUSB 3.0\u003c\/h3\u003e\n                    \u003cdiv class=\"port-speed fast\"\u003e5 Gbps\u003c\/div\u003e\n                    \u003cp class=\"port-count\"\u003e× 1 Port\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"port-card\"\u003e\n                    \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n                    \u003ch3 class=\"port-name\"\u003eUSB 2.0\u003c\/h3\u003e\n                    \u003cdiv class=\"port-speed standard\"\u003e480 Mbps\u003c\/div\u003e\n                    \u003cp class=\"port-count\"\u003e× 3 Ports\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Features Grid --\u003e\n        \u003cdiv class=\"features-grid\"\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e🚀\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003e5Gbps Speed\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eUSB 3.0 SuperSpeed\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eAlloy case\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eNo drivers needed\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e📱\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003eOTG Ready\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eMobile compatible\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Specifications --\u003e\n        \u003cdiv class=\"specs-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n            \u003cdiv class=\"specs-grid\"\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eModel\u003c\/span\u003e\n                        \u003cspan\u003eHUB3-C\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eMaterial\u003c\/span\u003e\n                        \u003cspan\u003eAluminium Alloy\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eColour\u003c\/span\u003e\n                        \u003cspan\u003eSilver\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003ePorts\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eUSB 3.0\u003c\/span\u003e\n                        \u003cspan\u003e× 1 (5 Gbps)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eUSB 2.0\u003c\/span\u003e\n                        \u003cspan\u003e× 3 (480 Mbps)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eTotal Ports\u003c\/span\u003e\n                        \u003cspan\u003e4\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003eConnector\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eType\u003c\/span\u003e\n                        \u003cspan\u003eUSB-C (Male)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eCable Length\u003c\/span\u003e\n                        \u003cspan\u003e0.2m\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003eFeatures\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eOTG Support\u003c\/span\u003e\n                        \u003cspan\u003eYes\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eInstallation\u003c\/span\u003e\n                        \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eSpeed Boost\u003c\/span\u003e\n                        \u003cspan\u003e10× vs USB 2.0\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Warranty --\u003e\n        \u003cdiv class=\"warranty-section\"\u003e\n            \u003cdiv class=\"warranty-card silver\"\u003e\n                \u003cdiv class=\"warranty-header\"\u003e\n                    \u003cdiv class=\"warranty-icon silver\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n                \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"warranty-card gray\"\u003e\n                \u003cdiv class=\"warranty-header\"\u003e\n                    \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n                    \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Package --\u003e\n        \u003cdiv class=\"package-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n            \u003cdiv class=\"package-items\"\u003e\n                \u003cspan class=\"package-item\"\u003e🔌 1 x USB-C Ultra Slim Hub\u003c\/span\u003e\n                \u003cspan class=\"package-item\"\u003e📄 User Manual\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49364213858649,"sku":null,"price":24.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/79F65467-F7CF-4C16-B88A-FA4027182F02.png?v=1727174958","url":"https:\/\/snapcases.co.uk\/products\/usb-c-ultra-slim-hub-usb-3-0-5gbps-4-port-aluminium-silver-hub3-c","provider":"snapcases.co.uk","version":"1.0","type":"link"}