{"id":10790,"date":"2025-08-22T02:17:09","date_gmt":"2025-08-22T02:17:09","guid":{"rendered":"https:\/\/techscale.io\/?page_id=10790"},"modified":"2025-09-08T09:04:41","modified_gmt":"2025-09-08T09:04:41","slug":"specsavers","status":"publish","type":"page","link":"https:\/\/techscale.io\/da\/specsavers\/","title":{"rendered":"Specsavers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10790\" class=\"elementor elementor-10790 elementor-7505\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-696ec3a6 e-con-full e-flex e-con e-parent\" data-id=\"696ec3a6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27b17de3 elementor-widget elementor-widget-html\" data-id=\"27b17de3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hero Section - Optimized<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Outfit', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background: #000;\r\n            color: white;\r\n            min-height: 100vh;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-video {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-fallback-image {\r\n            display: none;\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Video Overlay *\/\r\n        .video-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.3);\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 3;\r\n            text-align: center;\r\n            color: white;\r\n            max-width: 1200px;\r\n            padding: 0 20px;\r\n            margin-top: 18vh;\r\n        }\r\n\r\n        .pre-header {\r\n            font-size: 2rem;\r\n            color: #808E9A;\r\n            margin-bottom: 5rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .hero-header {\r\n            text-transform: uppercase;\r\n            font-size: 5.5rem;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1.5rem;\r\n            color: #fff;\r\n            line-height: 1.4;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .hero-cta {\r\n            display: inline-block;\r\n            background-color: #fff;\r\n            color: #000 !important;\r\n            padding: 1rem 2rem !important;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-size: 1.25rem !important;\r\n            line-height: 1.75rem !important;\r\n            font-weight: 500;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease-in-out;\r\n        }\r\n\r\n        .hero-cta:hover {\r\n            background-color: #f5f5f5;\r\n        }\r\n        \r\n        .cases-logo{width:200px; display: block; margin: 0 auto;}\r\n        \r\n        .mobile-only {display:none;}\r\n\r\n        @media (max-width: 1919px) {\r\n            .hero-section {\r\n                height: 104vh;\r\n                align-items: flex-start;\r\n            }\r\n            \r\n            .hero-content {\r\n                margin-top: 20vh;\r\n            }\r\n            \r\n            .hero-cta {\r\n                font-size: 1rem !important;\r\n                line-height: 1.375rem !important;\r\n                padding: 0.8rem 1.2rem 0.8rem 1.2rem !important;\r\n            }\r\n\r\n            .hero-header {\r\n                font-size: 4.5rem;\r\n            }\r\n\r\n            .hero-description {\r\n                font-size: 1.5rem;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .pre-header{font-size:1.6rem;}\r\n            \r\n              .cases-logo{width:150px; display: block; margin: 0 auto;}\r\n        }\r\n\r\n        @media (max-width: 1024px) and (min-width: 769px) {\r\n            \/* iPad Portrait Only - Full background coverage *\/\r\n            .hero-section {\r\n                background: #0d0d0d;\r\n                height: 90vh;\r\n            }\r\n            \r\n            .hero-video {\r\n                object-fit: cover;\r\n                object-position: center;\r\n                height: 100%;\r\n                max-height: none;\r\n                bottom: 0;\r\n                left: 0;\r\n                transform: none;\r\n            }\r\n    \r\n    \/* Keep existing text adjustments *\/\r\n    .hero-header { \r\n        font-size: 4rem; \r\n    }\r\n    .hero-description { \r\n        font-size: 1.25rem; \r\n    }\r\n    .pre-header { \r\n        font-size: 22px; \r\n    }\r\n    .hero-content { \r\n        margin-top: 25vh; \r\n    }\r\n    .pre-header {margin-bottom:2rem;}\r\n}\r\n            \r\n        \r\n\r\n        @media (max-width: 768px) {\r\n            \/* Mobile and iPad Portrait - Full background coverage *\/\r\n            .hero-section {\r\n                background: #0d0d0d;\r\n            }\r\n            \r\n            .hero-video {\r\n                object-fit: cover;\r\n                object-position: center;\r\n                height: 100%;\r\n                max-height: none;\r\n                bottom: 0;\r\n                left: 0;\r\n                transform: none;\r\n            }\r\n               .pre-header {margin-bottom:2rem;}\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-section {\r\n                background: #0d0d0d;\r\n            }\r\n            \r\n            .hero-video {\r\n                object-fit: cover;\r\n                object-position: center;\r\n                height: 100%;\r\n                max-height: none;\r\n                bottom: 0;\r\n                left: 0;\r\n                transform: none;\r\n            }\r\n            \r\n            .hero-header { \r\n                font-size: 2rem; \r\n            }\r\n            .hero-description { \r\n                font-size: 1rem; \r\n            }\r\n            .pre-header { \r\n                font-size: 16px; \r\n            }\r\n            .hero-content { \r\n                margin-top: 30vh; \r\n            }\r\n            \r\n             .cases-logo{width:150px; display: block; margin: 0 auto;}\r\n             .mobile-only{display:block;}\r\n             \r\n             .pre-header {margin-bottom:2rem;}\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <!-- Hero Video with Poster as Fallback -->\r\n        <video class=\"hero-video\" autoplay muted playsinline preload=\"auto\" \r\n               poster=\"\/wp-content\/uploads\/2025\/08\/SSCC.webp\">\r\n            <source src=\"\/wp-content\/uploads\/2025\/08\/SSxTS.mp4\">\r\n        <\/video>\r\n\r\n        <!-- Video Overlay -->\r\n        <div class=\"video-overlay\"><\/div>\r\n\r\n        <!-- Hero Content -->\r\n        <div class=\"hero-content\">\r\n<h2 class=\"pre-header\">Specsavers Kundecase<\/h2>\r\n<div class=\"cases-logo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" alt=\"Specsavers\"> <\/div>\r\n<h2 class=\"hero-header\">Detailoplevelsen gennem nye linser<\/h2>\r\n<p class=\"hero-description\">Vi forvandler detailhandlen med teknologi, der s\u00e6tter kunden i centrum<\/p>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        class HeroVideoController {\r\n            constructor() {\r\n                this.video = document.querySelector('.hero-video');\r\n                this.init();\r\n            }\r\n\r\n            init() {\r\n                if (!this.video) return;\r\n\r\n                \/\/ Stop video at last frame (no looping)\r\n                this.video.addEventListener('ended', () => {\r\n                    this.video.pause();\r\n                });\r\n\r\n                \/\/ Ensure it plays when loaded\r\n                this.video.addEventListener('loadeddata', () => {\r\n                    this.video.play().catch(err => console.log('Autoplay failed:', err));\r\n                });\r\n            }\r\n        }\r\n\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            new HeroVideoController();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-509f3fbf e-flex e-con-boxed e-con e-parent\" data-id=\"509f3fbf\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-67e82f3a animated-fast e-flex e-con-boxed e-con e-child\" data-id=\"67e82f3a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d18a6f6 elementor-widget elementor-widget-heading\" data-id=\"1d18a6f6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">En nyt\u00e6nkt kundeoplevelse<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-681bd421 elementor-widget elementor-widget-heading\" data-id=\"681bd421\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Projekt oversigt<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d8bc992 elementor-widget elementor-widget-heading\" data-id=\"6d8bc992\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Sammen med Louis Nielsen \/ Specsavers, den britiske multinational og anerkendte leder inden for detailoptik, har vi arbejdet p\u00e5 at digitalisere kundeoplevelsen. Specsavers har altid sat standarden for fremragende optiske tjenester.\u201d<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d65b09e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"6d65b09e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Custom Video Player<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding-top: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .video-player-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            margin: 0 auto 5rem auto;\r\n        }\r\n\r\n        .preview-video {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .mobile-image {\r\n            width: 100%;\r\n            height: 400px;\r\n            display: none;\r\n            border-radius: 20px;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        \/* Small overlay on top *\/\r\n        .video-overlay-top {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 60px;\r\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\r\n            border-radius: 20px 20px 0 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .play-button-overlay {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .play-button {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .play-button:hover {\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .play-icon {\r\n            width: 0;\r\n            height: 0;\r\n            border-left: 20px solid white;\r\n            border-top: 12px solid transparent;\r\n            border-bottom: 12px solid transparent;\r\n            margin-left: 4px;\r\n        }\r\n\r\n        \/* YouTube Overlay *\/\r\n        .youtube-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n            padding: 20px;\r\n        }\r\n\r\n        .youtube-overlay.active {\r\n            display: flex;\r\n        }\r\n\r\n        .youtube-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 900px;\r\n            aspect-ratio: 16\/9;\r\n        }\r\n\r\n        .youtube-iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .close-button {\r\n            position: absolute;\r\n            top: -50px;\r\n            right: 0;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            color: white;\r\n            font-size: 20px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .close-button:hover {\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        @media (max-width:1919px){\r\n              .video-player-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1100px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            margin: 0 auto 5rem auto;\r\n        }\r\n            \r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .preview-video {\r\n                display: none !important;\r\n            }\r\n            \r\n            .mobile-image {\r\n                display: block !important;\r\n                height: 300px;\r\n            }\r\n\r\n            .play-button {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n\r\n            .play-icon {\r\n                border-left: 15px solid white;\r\n                border-top: 9px solid transparent;\r\n                border-bottom: 9px solid transparent;\r\n                margin-left: 3px;\r\n            }\r\n\r\n            .youtube-container {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .close-button {\r\n                top: -40px;\r\n                right: 10px;\r\n                width: 35px;\r\n                height: 35px;\r\n                font-size: 18px;\r\n            }\r\n\r\n            .video-overlay-top {\r\n                height: 40px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .play-button {\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n\r\n            .play-icon {\r\n                border-left: 12px solid white;\r\n                border-top: 7px solid transparent;\r\n                border-bottom: 7px solid transparent;\r\n                margin-left: 2px;\r\n            }\r\n\r\n            .video-player-container {\r\n                border-radius: 15px;\r\n            }\r\n\r\n            .preview-video, .mobile-image {\r\n                border-radius: 15px;\r\n            }\r\n\r\n            .mobile-image {\r\n                height: 250px;\r\n            }\r\n\r\n            .video-overlay-top {\r\n                height: 30px;\r\n                border-radius: 15px 15px 0 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"video-player-container\">\r\n        <!-- Desktop\/Tablet Video (hidden on mobile) -->\r\n        <video class=\"preview-video\" muted loop>\r\n            <!-- Video source will be set dynamically by JavaScript -->\r\n        <\/video>\r\n        \r\n        <!-- Mobile\/Tablet Static Image (hidden on desktop) -->\r\n        <img decoding=\"async\" class=\"mobile-image\" src=\"\/wp-content\/uploads\/2025\/08\/SSfallback-scaled.webp\" alt=\"Preview Image\">\r\n        \r\n        <!-- Small overlay on top -->\r\n        <div class=\"video-overlay-top\"><\/div>\r\n        \r\n        <div class=\"play-button-overlay\" onclick=\"openYouTubeVideo()\">\r\n            <div class=\"play-button\">\r\n                <div class=\"play-icon\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- YouTube Overlay -->\r\n    <div class=\"youtube-overlay\" id=\"youtubeOverlay\">\r\n        <div class=\"youtube-container\">\r\n            <div class=\"close-button\" onclick=\"closeYouTubeVideo()\">\u00d7<\/div>\r\n            <iframe \r\n                class=\"youtube-iframe\"\r\n                id=\"youtubeIframe\"\r\n                title=\"YouTube video player\"\r\n                frameborder=\"0\"\r\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                allowfullscreen>\r\n            <\/iframe>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\n    \/\/ Video sources\r\n    const DESKTOP_VIDEO = '\/wp-content\/uploads\/2025\/08\/TSxSSloop.mp4';\r\n    const YOUTUBE_VIDEO = 'https:\/\/www.youtube.com\/embed\/1dk08hbL8QA?si=9TMCyHpYyslsYowx&autoplay=1';\r\n\r\n    \/\/ Detect if device is iPad or mobile\r\n    function isMobileOrTablet() {\r\n        const userAgent = navigator.userAgent.toLowerCase();\r\n        const isIPad = \/ipad\/.test(userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);\r\n        const isMobile = \/mobile|android|iphone|ipod\/.test(userAgent);\r\n        const isTablet = \/tablet|ipad\/.test(userAgent);\r\n        \r\n        return isIPad || isMobile || isTablet || window.innerWidth <= 1024;\r\n    }\r\n\r\n    \/\/ Optimize content loading based on device capabilities\r\n    function optimizeContentForDevice() {\r\n        const video = document.querySelector('.preview-video');\r\n        const mobileImage = document.querySelector('.mobile-image');\r\n        const isMobileOrTabletDevice = isMobileOrTablet();\r\n        \r\n        if (isMobileOrTabletDevice) {\r\n            \/\/ On mobile\/tablet\/iPad: COMPLETELY disable video, show static image\r\n            video.style.display = 'none';\r\n            video.innerHTML = ''; \/\/ Remove any video sources\r\n            video.removeAttribute('src'); \/\/ Remove src attribute\r\n            video.load(); \/\/ Force unload\r\n            \r\n            mobileImage.style.display = 'block';\r\n            console.log('Mobile\/Tablet\/iPad detected - video completely disabled, showing static image');\r\n        } else {\r\n            \/\/ On desktop only: Load video, hide static image\r\n            video.style.display = 'block';\r\n            mobileImage.style.display = 'none';\r\n            \r\n            \/\/ Only create video source on desktop\r\n            video.innerHTML = '';\r\n            const desktopSource = document.createElement('source');\r\n            desktopSource.src = DESKTOP_VIDEO;\r\n            desktopSource.type = 'video\/mp4';\r\n            video.appendChild(desktopSource);\r\n            video.load();\r\n            \r\n            \/\/ Auto-play only on desktop\r\n            video.play().catch(error => {\r\n                console.log('Video autoplay failed:', error);\r\n            });\r\n            \r\n            console.log('Desktop detected - loading video:', DESKTOP_VIDEO);\r\n        }\r\n    }\r\n\r\n    \/\/ Create intersection observer ONLY for desktop (not mobile\/tablet\/iPad)\r\n    function setupVideoIntersectionObserver() {\r\n        const video = document.querySelector('.preview-video');\r\n        if (!video) return;\r\n\r\n        \/\/ Only set up intersection observer on desktop (not mobile\/tablet\/iPad)\r\n        if (!isMobileOrTablet()) {\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        \/\/ Video is visible, play it\r\n                        if (video.paused) {\r\n                            video.play().catch(error => {\r\n                                console.log('Video play failed:', error);\r\n                            });\r\n                        }\r\n                    } else {\r\n                        \/\/ Video is not visible, pause it\r\n                        if (!video.paused) {\r\n                            video.pause();\r\n                        }\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1, \/\/ Trigger when 10% of video is visible\r\n                rootMargin: '0px'\r\n            });\r\n\r\n            \/\/ Start observing the video element\r\n            observer.observe(video);\r\n        }\r\n    }\r\n\r\n    function openYouTubeVideo() {\r\n        const iframe = document.getElementById('youtubeIframe');\r\n        \/\/ Set the YouTube URL with autoplay parameter\r\n        iframe.src = YOUTUBE_VIDEO;\r\n        \r\n        document.getElementById('youtubeOverlay').classList.add('active');\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeYouTubeVideo() {\r\n        const iframe = document.getElementById('youtubeIframe');\r\n        \/\/ Remove the src to stop the video from playing\r\n        iframe.src = '';\r\n        \r\n        document.getElementById('youtubeOverlay').classList.remove('active');\r\n        document.body.style.overflow = 'auto';\r\n    }\r\n\r\n    \/\/ Close overlay when clicking outside the video\r\n    document.getElementById('youtubeOverlay').addEventListener('click', function(e) {\r\n        if (e.target === this) {\r\n            closeYouTubeVideo();\r\n        }\r\n    });\r\n\r\n    \/\/ Close overlay with Escape key\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape') {\r\n            closeYouTubeVideo();\r\n        }\r\n    });\r\n\r\n    \/\/ Run optimization on page load\r\n    optimizeContentForDevice();\r\n    \r\n    \/\/ Setup intersection observer ONLY for desktop\r\n    setupVideoIntersectionObserver();\r\n\r\n    \/\/ Re-optimize on window resize\r\n    let resizeTimer;\r\n    window.addEventListener('resize', function() {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(() => {\r\n            optimizeContentForDevice();\r\n            setupVideoIntersectionObserver(); \/\/ Re-setup observer after resize\r\n        }, 250);\r\n    });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f24d5e e-flex e-con-boxed e-con e-parent\" data-id=\"4f24d5e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7c14bfc2 animated-fast e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"7c14bfc2\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5b5ddbf7 e-con-full e-flex e-con e-child\" data-id=\"5b5ddbf7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a9d60f7 elementor-widget elementor-widget-heading\" data-id=\"4a9d60f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Case<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48ae2825 elementor-widget elementor-widget-heading\" data-id=\"48ae2825\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Den tidligere manuelle h\u00e5ndtering af kontaktlinse\u00adpr\u00f8ver tog tid og kunne f\u00f8re til fejl.<br><br>\nMed digital transformation f\u00e5r kunderne nemmere ved at skifte til kontaktlinser, samtidig med at det supplerer den ekspert\u00adrigtige r\u00e5dgivning fra Specsavers\u2019 optikere i Norden.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fe7cdf e-con-full e-flex e-con e-child\" data-id=\"1fe7cdf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77d6eaa elementor-widget elementor-widget-heading\" data-id=\"77d6eaa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Udfordring<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-026d6cd elementor-widget elementor-widget-heading\" data-id=\"026d6cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">For at reducere frafald blandt nye kontaktlinsebrugere fokuserede vi p\u00e5 hurtig innovation for bedre fastholdelse og effektiv drift.<br><br>\nSammen automatiserede vi kontaktlinsepr\u00f8ver og skabte en smidig gr\u00e6nseflade til gavn for b\u00e5de butikker og kunder.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e75ddc0 e-flex e-con-boxed e-con e-parent\" data-id=\"6e75ddc0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-15273c4 e-con-full e-flex e-con e-child\" data-id=\"15273c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65528ba elementor-widget elementor-widget-heading\" data-id=\"65528ba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">L\u00f8sningen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf4ed7 elementor-widget elementor-widget-heading\" data-id=\"cdf4ed7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Appen er designet til at onboarde nye kontaktlinsebrugere ved at vise udvalgt indhold i form af tutorials, guider og support baseret p\u00e5 brugerfeedback, der indsendes dagligt:\n<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97460c7 e-con-full e-flex e-con e-child\" data-id=\"97460c7\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-959c4f9 e-con-full e-flex e-con e-child\" data-id=\"959c4f9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04d9dc0 elementor-widget elementor-widget-heading\" data-id=\"04d9dc0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">EarlyTrialist-app til b\u00e5de iOS og Android, som hj\u00e6lper brugerne med at blive trygge ved kontaktlinser.\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5885f19 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5885f19\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-smartphone-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61a1e07 e-con-full e-flex e-con e-child\" data-id=\"61a1e07\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7214a09 e-con-full e-flex e-con e-child\" data-id=\"7214a09\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec7ed9f elementor-widget elementor-widget-heading\" data-id=\"ec7ed9f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Kundedashboard, der hj\u00e6lper butikkerne med at f\u00f8lge, overv\u00e5ge og levere en f\u00f8rsteklasses kundeoplevelse.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c19c98 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5c19c98\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-bar-chart-2-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9226fe e-flex e-con-boxed e-con e-child\" data-id=\"c9226fe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee7e7b7 e-flex e-con-boxed e-con e-parent\" data-id=\"ee7e7b7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:19,&quot;end&quot;:78}},&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a3c9bc3 animated-fast e-con-full e-flex e-con e-child\" data-id=\"a3c9bc3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b50858 elementor-widget elementor-widget-heading\" data-id=\"8b50858\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Team Ops\u00e6ningen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb8166 elementor-widget elementor-widget-heading\" data-id=\"1cb8166\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Specsavers satsede p\u00e5 en fleksibel struktur, hvor kerneteamet styrer produktets planl\u00e6gning og udvikling.\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e48f00e elementor-widget elementor-widget-heading\" data-id=\"e48f00e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Specsavers anvender OnDemand-tjenester inden for design, DevOps og ekstra udviklere for hurtigere at n\u00e5 m\u00e5l.<br><br>\nOps\u00e6tningen holder omkostningerne nede, samtidig med at den giver fleksibilitet til at skalere efter behov.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8048c2f animated-fast e-con-full e-flex e-con e-child\" data-id=\"8048c2f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c088dd elementor-widget elementor-widget-image\" data-id=\"8c088dd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"557\" height=\"717\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversDA.webp\" class=\"attachment-large size-large wp-image-10364\" alt=\"Specsavers Udviklingsteam\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversDA.webp 557w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversDA-233x300.webp 233w\" sizes=\"(max-width: 557px) 100vw, 557px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-554bad0 e-flex e-con-boxed e-con e-parent\" data-id=\"554bad0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a348f9 elementor-widget elementor-widget-html\" data-id=\"2a348f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carousel-stack\">\n\n<section class=\"stack-carousel\" aria-roledescription=\"carousel\">\n        <div class=\"slides\" aria-live=\"polite\">\n          <!-- 5 demo slides -->\n            \n          <figure class=\"card\" data-index=\"0\" role=\"group\" aria-roledescription=\"slide\"\n            aria-label=\"Slide 1 of 5: Natalie Laraignou\">\n            <img fetchpriority=\"high\" class=\"testimonial-carousel-bg\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Nat@2x.webp\"\n                alt=\"\" aria-hidden=\"true\" draggable=\"false\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\"\n                width=\"380\" height=\"520\" \/>\n            <div class=\"testimonial-carousel-overlay\">\n                <div class=\"testimonial-carousel-quote\">\n                    <span class=\"testimonial-carousel-quote-mark\">\"<\/span>\n                   Det, der is\u00e6r imponerer mig, er deres forst\u00e5else af, hvad vi fors\u00f8ger at opn\u00e5.\n                <\/div>\n                <div class=\"testimonial-carousel-bottom\">\n                    <div class=\"testimonial-carousel-author\">\n                        <cite class=\"testimonial-carousel-name\" title=\"Customer name\">Natalie Laraignou<\/cite>\n                        <p class=\"testimonial-carousel-title\">Head of Category<\/p>\n                    <\/div>\n                    <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversColor.svg\" alt=\"Company logo: Specsavers\"\n                        class=\"testimonial-carousel-logo\" loading=\"lazy\" decoding=\"async\" width=\"110\" height=\"60\" \/>\n                <\/div>\n            <\/div>\n        <\/figure>\n\n        <!-- seo: Card 2 -->\n                <figure class=\"card\" data-index=\"1\" role=\"group\" aria-roledescription=\"slide\"\n            aria-label=\"Slide 1 of 5: Natalie Laraignou\">\n            <img fetchpriority=\"high\" class=\"testimonial-carousel-bg\" src=\"\/wp-content\/uploads\/2025\/08\/Soren.webp\"\n                alt=\"\" aria-hidden=\"true\" draggable=\"false\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\"\n                width=\"380\" height=\"520\" \/>\n            <div class=\"testimonial-carousel-overlay\">\n                <div class=\"testimonial-carousel-quote\">\n                    <span class=\"testimonial-carousel-quote-mark\">\"<\/span>\n                   Techscales konsekvente produktleverancer giver mig mere tid til at fokusere p\u00e5 produktinnovation og forbedre kundeoplevelsen.\n                <\/div>\n                <div class=\"testimonial-carousel-bottom\">\n                    <div class=\"testimonial-carousel-author\">\n                        <cite class=\"testimonial-carousel-name\" title=\"Customer name\">S\u00f8ren Thinggard<\/cite>\n                        <p class=\"testimonial-carousel-title\">Customer Innovations Manager<\/p>\n                    <\/div>\n                    <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversColor.svg\" alt=\"Company logo: Specsavers\"\n                        class=\"testimonial-carousel-logo\" loading=\"lazy\" decoding=\"async\" width=\"110\" height=\"60\" \/>\n                <\/div>\n            <\/div>\n        <\/figure>\n\n        <!-- seo: Card 3 -->\n          <figure class=\"card\" data-index=\"2\" role=\"group\" aria-roledescription=\"slide\"\n            aria-label=\"Slide 1 of 5: Natalie Laraignou\">\n            <img fetchpriority=\"high\" class=\"testimonial-carousel-bg\" src=\"\/wp-content\/uploads\/2025\/08\/Gloria.webp\"\n                alt=\"\" aria-hidden=\"true\" draggable=\"false\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\"\n                width=\"380\" height=\"520\" \/>\n            <div class=\"testimonial-carousel-overlay\">\n                <div class=\"testimonial-carousel-quote\">\n                    <span class=\"testimonial-carousel-quote-mark\">\"<\/span>\n                    Brugeroplevelsen er n\u00f8glen til projektets succes, og Techscale gjorde det brugervenligt og helt enkelt.\n                <\/div>\n                <div class=\"testimonial-carousel-bottom\">\n                    <div class=\"testimonial-carousel-author\">\n                        <cite class=\"testimonial-carousel-name\" title=\"Customer name\">Gloria Boutha<\/cite>\n                        <p class=\"testimonial-carousel-title\">Category Development Lead<\/p>\n                    <\/div>\n                    <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversColor.svg\" alt=\"Company logo: Specsavers\"\n                        class=\"testimonial-carousel-logo\" loading=\"lazy\" decoding=\"async\" width=\"110\" height=\"60\" \/>\n                <\/div>\n            <\/div>\n \n    <\/figure>\n\n        <\/div>\n\n        <nav class=\"dots\" aria-label=\"Slide navigation\"><\/nav>\n      <\/section>\n          \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57d92367 animated-fast e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"57d92367\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ae7335f animated-fast e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"4ae7335f\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4c327cf4 e-con-full e-flex e-con e-child\" data-id=\"4c327cf4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72d6a1d4 elementor-widget elementor-widget-heading\" data-id=\"72d6a1d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">lanceringsM\u00e5l<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71c4d402 elementor-widget elementor-widget-heading\" data-id=\"71c4d402\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">M\u00e5let er at forbedre den samlede kundeoplevelse og produkt\u00adadoption, hvilket skaber bedre resultater for kontaktlinse\u00adabonnenter. Efter nogle runder med pilotprojekter, butiks\u00adtest og kvalitetssikring er produktet snart klar til lancering i Specsavers Norden.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5da3ad23 e-flex e-con-boxed e-con e-child\" data-id=\"5da3ad23\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42e676ba elementor-widget elementor-widget-heading\" data-id=\"42e676ba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Reduceret frafald<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64197ef7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"64197ef7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-user-heart-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95c3f5d e-con-full e-flex e-con e-child\" data-id=\"95c3f5d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52a00cc elementor-widget elementor-widget-heading\" data-id=\"52a00cc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Forbedret svartid p\u00e5 support<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01f14d8 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"01f14d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-customer-service-2-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a6d001 e-con-full e-flex e-con e-child\" data-id=\"9a6d001\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae61594 elementor-widget elementor-widget-heading\" data-id=\"ae61594\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u00d8get antal abonnenter<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c879edf elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c879edf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-user-add-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d20fff e-con-full e-flex e-con e-child\" data-id=\"3d20fff\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f196c5 elementor-widget elementor-widget-heading\" data-id=\"1f196c5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Bedre forst\u00e5else af kunderne<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-810f394 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"810f394\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-bar-chart-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63e7fd2e e-con-full e-flex e-con e-child\" data-id=\"63e7fd2e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-214c21b0 elementor-widget elementor-widget-image\" data-id=\"214c21b0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"707\" height=\"1024\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Specsavers-app-707x1024.webp\" class=\"attachment-large size-large wp-image-10787\" alt=\"\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Specsavers-app-707x1024.webp 707w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Specsavers-app-207x300.webp 207w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Specsavers-app-768x1112.webp 768w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Specsavers-app-1061x1536.webp 1061w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/07\/Specsavers-app.webp 1300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37ab91c6 elementor-widget elementor-widget-html\" data-id=\"37ab91c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<head>\n\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon\/fonts\/remixicon.css\" rel=\"stylesheet\">\n\n<style>\n.customer-case-icon-dark {font-size:2rem;}\n.dark-v {color:#000 !important;}\n    \n.customer-case-icon-dark {font-size:2rem; color:#000;}  \n.customer-case-icon {font-size:2rem;}\n    \n}\n    \n<\/style>\n<\/head>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4945eec9 e-con-full e-flex e-con e-parent\" data-id=\"4945eec9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-354e4e0 elementor-widget elementor-widget-html\" data-id=\"354e4e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hero Section<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: Outfit\r\n        }\r\n\r\n        \r\n\r\n        .hero-1-section {\r\n            position: relative;\r\n            width: 100%;\r\n            height:90vh;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center; \/* Keep content centered vertically *\/\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-1-video {\r\n            position: absolute;\r\n            bottom: 0; \/* Video at bottom *\/\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center bottom; \/* Video shows bottom portion *\/\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-1-content {\r\n            margin-top: -200px; \/* Keep original positioning for text *\/\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            color: white;\r\n            max-width: 800px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .hero-1-pre-header {\r\n            font-size: 2rem;\r\n            color: #808E9A;\r\n            margin-bottom: 20px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .hero-1-header {\r\n            text-transform: uppercase;\r\n            font-size: 5.5rem;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            margin-bottom: 30px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .hero-1-description {\r\n            font-size: 1.5rem;\r\n            color: #fff;\r\n            margin-bottom: 40px;\r\n            line-height: 1.4;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .hero-1-cta {\r\n            display: inline-block;\r\n            background-color: #fff;\r\n            color: #000 !important;\r\n             padding:1rem 2rem 1rem 2rem !important;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-size: 1.25rem !important;\r\n            line-height: 1.75rem !important;\r\n            font-family: \"Outfit\", sans-serif;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease-in-out;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .hero-1-cta:hover {\r\n            background-color: #f5f5f5;\r\n           \r\n        }\r\n\r\n        .hero-1-trusted-by-section {\r\n            position: absolute;\r\n            bottom: 90px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 3;\r\n            text-align: center;\r\n            max-width: 1432px;\r\n            width: 100%;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .hero-1-fallback-image {\r\n            display: none;\r\n            position: absolute;\r\n            bottom: 0; \/* Fallback image also at bottom *\/\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center bottom; \/* Shows bottom portion *\/\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-1-trusted-by-text {\r\n            font-size: 1.5rem;\r\n            font-weight: 400;\r\n            line-height: 2rem;\r\n            color: #808e9a;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .hero-1-logos-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 100%;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .hero-1-logo-item {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 60px;\r\n            flex: 1;\r\n            min-width: 0;\r\n            transition: opacity 0.3s ease-in-out;\r\n        }\r\n\r\n        .hero-1-logo-item:hover {\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .hero-1-logo-item img {\r\n            max-height: 60px;\r\n            max-width: 120px;\r\n            width: auto;\r\n            height: auto;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1919px) {\r\n            .hero-1-header {\r\n                font-size: 70px;\r\n            }\r\n            .hero-1-description {\r\n                font-size: 1.275rem;\r\n                line-height: 1.6rem;\r\n            }\r\n            .hero-1-pre-header {\r\n                font-size: 1.5rem;\r\n                line-height: 1.75rem;\r\n            }\r\n            .hero-1-cta {\r\n                font-size: 1rem !important;\r\n                line-height: 1.375rem !important;\r\n                padding: 0.8rem 1.2rem 0.8rem 1.2rem !important;\r\n               \r\n            }\r\n            .hero-1-trusted-by-section {\r\n                max-width: 1000px;\r\n                bottom: 40px;\r\n            }\r\n            .hero-1-trusted-by-text {\r\n                font-size: 1rem;\r\n                line-height: 1.5rem;\r\n                margin-bottom:10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .hero-1-header {\r\n                font-size: 4rem;\r\n            }\r\n            .hero-1-description {\r\n                font-size: 1.25rem;\r\n            }\r\n            .hero-1-pre-header {\r\n                font-size: 22px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-1-header {\r\n                font-size: 2.5rem;\r\n            }\r\n            .hero-1-description {\r\n                font-size: 1.125rem;\r\n            }\r\n            .hero-1-pre-header {\r\n                font-size: 18px;\r\n            }\r\n            .hero-1-cta {\r\n                padding: 0.8rem 1.5rem 0.8rem 1.5rem !important;\r\n                font-size: 1rem !important;\r\n                line-height: 1.375rem !important;\r\n            }\r\n            .hero-1-trusted-by-section {\r\n                display: none;\r\n            }\r\n            .hero-1-video {\r\n                display: none;\r\n            }\r\n            .hero-1-fallback-image {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-1-header {\r\n                font-size: 2rem;\r\n            }\r\n            .hero-1-description {\r\n                font-size: 1rem;\r\n            }\r\n            .hero-1-pre-header {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-1-section\">\r\n        <video class=\"hero-1-video\" autoplay muted playsinline preload=\"auto\">\r\n            <source src=\"\/wp-content\/uploads\/2025\/08\/CTAsection.mp4\" type=\"video\/mp4\">\r\n            <!-- Fallback image will be shown if video fails to load -->\r\n        <\/video>\r\n        \r\n        <img decoding=\"async\" class=\"hero-1-fallback-image\" src=\"\/wp-content\/uploads\/2025\/08\/Herofallback.webp\" alt=\"Hero background\">\r\n        \r\n       <div class=\"hero-1-content\">\r\n             <p class=\"hero-1-pre-header\">Vil du ogs\u00e5 innovere som Specsavers?<\/p>\r\n              <h3 class=\"hero-1-header\">Fort\u00e6l os om dit projekt<\/h3>\r\n              <a href=\"da\/kontakt-os\"class=\"hero-1-cta\">Book en gratis konsultation<\/a>\r\n<\/div>\r\n\r\n        \r\n    <\/section>\r\n\r\n    <script>\r\n        class Hero1VideoController {\r\n            constructor() {\r\n                this.video = document.querySelector('.hero-1-video');\r\n                this.observer = null;\r\n                this.init();\r\n            }\r\n\r\n            init() {\r\n                this.setupVideo();\r\n                this.setupIntersectionObserver();\r\n            }\r\n\r\n            setupVideo() {\r\n                if (!this.video) return;\r\n\r\n                \/\/ Set video to start from beginning\r\n                this.video.currentTime = 0;\r\n                \r\n                \/\/ Handle video end - loop it\r\n                this.video.addEventListener('ended', () => {\r\n                    this.video.currentTime = 0;\r\n                    \/\/ Only play if video is visible\r\n                    if (this.isVideoVisible()) {\r\n                        this.video.play().catch(error => {\r\n                            console.log('Video replay failed:', error);\r\n                        });\r\n                    }\r\n                });\r\n\r\n                \/\/ Handle video load\r\n                this.video.addEventListener('loadeddata', () => {\r\n                    \/\/ Video is ready, but don't autoplay until it's visible\r\n                    if (this.isVideoVisible()) {\r\n                        this.video.play().catch(error => {\r\n                            console.log('Video autoplay failed:', error);\r\n                        });\r\n                    }\r\n                });\r\n\r\n                \/\/ Ensure video plays when page becomes visible (e.g., user returns to tab)\r\n                document.addEventListener('visibilitychange', () => {\r\n                    if (!document.hidden && this.video.paused && this.isVideoVisible()) {\r\n                        this.video.play().catch(error => {\r\n                            console.log('Video play failed on visibility change:', error);\r\n                        });\r\n                    }\r\n                });\r\n            }\r\n\r\n            setupIntersectionObserver() {\r\n                if (!this.video) return;\r\n\r\n                \/\/ Create intersection observer to watch when video enters\/exits viewport\r\n                this.observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            \/\/ Video is visible, play it\r\n                            this.playVideo();\r\n                        } else {\r\n                            \/\/ Video is not visible, pause it\r\n                            this.pauseVideo();\r\n                        }\r\n                    });\r\n                }, {\r\n                    threshold: 0.1, \/\/ Trigger when 10% of video is visible\r\n                    rootMargin: '0px'\r\n                });\r\n\r\n                \/\/ Start observing the video element\r\n                this.observer.observe(this.video);\r\n            }\r\n\r\n            isVideoVisible() {\r\n                \/\/ Check if video element is in viewport\r\n                const rect = this.video.getBoundingClientRect();\r\n                const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n                \r\n                return (\r\n                    rect.top < windowHeight &&\r\n                    rect.bottom > 0 &&\r\n                    rect.left < (window.innerWidth || document.documentElement.clientWidth) &&\r\n                    rect.right > 0\r\n                );\r\n            }\r\n\r\n            playVideo() {\r\n                if (this.video && this.video.paused) {\r\n                    this.video.play().catch(error => {\r\n                        console.log('Video play failed:', error);\r\n                    });\r\n                }\r\n            }\r\n\r\n            pauseVideo() {\r\n                if (this.video && !this.video.paused) {\r\n                    this.video.pause();\r\n                }\r\n            }\r\n\r\n            destroy() {\r\n                if (this.observer) {\r\n                    this.observer.disconnect();\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Initialize when DOM is loaded\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            new Hero1VideoController();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e41cf13 e-flex e-con-boxed e-con e-parent\" data-id=\"6e41cf13\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3240eac6 animated-fast e-con-full e-flex e-con e-child\" data-id=\"3240eac6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c2c1159 elementor-widget elementor-widget-heading\" data-id=\"1c2c1159\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Want more inspiration?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3434422 elementor-widget elementor-widget-heading\" data-id=\"3434422\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More customer cases<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b92ad5f elementor-widget elementor-widget-html\" data-id=\"2b92ad5f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .cases-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .case-box {\r\n        background: #1C1C1E;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        height: 400px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .case-image-container {\r\n        position: relative;\r\n        height: 40%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .case-bg-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .case-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: rgba(0, 0, 0, 0.3);\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .case-logo {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 120px;\r\n        height: 80px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .case-content {\r\n        padding: 25px;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .case-title {\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .case-description {\r\n        font-size: 1.125rem;\r\n        color: #808E9A;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Hover effects *\/\r\n    .case-box:hover .case-overlay {\r\n        background: rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .case-box:hover .case-bg-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Link styling *\/\r\n    .case-link {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: block;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* Responsive breakpoints *\/\r\n    @media (max-width: 1919px) {\r\n        .cases-container {\r\n            max-width: 1100px;\r\n        }\r\n        \r\n        \r\n            .case-title {\r\n        font-size: 1.4rem;\r\n        font-weight: 500;\r\n        color: #fff;\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .case-description {\r\n        font-size: 1.125rem;\r\n        color:;#808E9A;\r\n        line-height: 1.5;\r\n    }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cases-container {\r\n            max-width: 1000px;\r\n        }\r\n        \r\n        .case-title {\r\n            font-size: 1.4rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cases-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 25px;\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .case-box {\r\n            height: 350px;\r\n        }\r\n        \r\n        .case-title {\r\n            font-size: 19px;\r\n        }\r\n        \r\n        .case-description {\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .case-content {\r\n            padding: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cases-container {\r\n            gap: 20px;\r\n        }\r\n        \r\n        .case-box {\r\n            height: 280px;\r\n        }\r\n        \r\n        .case-content {\r\n            padding: 1rem;\r\n        }\r\n        \r\n          .case-image-container {\r\n        position: relative;\r\n        height: 40%;\r\n        overflow: hidden;\r\n    }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cases-container\">\r\n    <!-- Case Box 1 -->\r\n    <a href=\"\/da\/custimoo\/\" class=\"case-link\">\r\n        <div class=\"case-box\">\r\n            <div class=\"case-image-container\">\r\n                <img decoding=\"async\" class=\"case-bg-image\" src=\"\/wp-content\/uploads\/2025\/08\/CustCC.webp\" alt=\"Custiimoo Case Background\">\r\n                <div class=\"case-overlay\"><\/div>\r\n                <img decoding=\"async\" class=\"case-logo\" src=\"\/wp-content\/uploads\/2025\/08\/CustimooC.svg\" alt=\"Custimoo Logo\">\r\n            <\/div>\r\n            <div class=\"case-content\">\r\n                <div>\r\n                    <h3 class=\"case-title\">Fra startup til Scaleup<\/h3>\r\n                    <p class=\"case-description\">Custimoo's v\u00e6kst gennem deres platform, der fungere som bindeled indenfor sportsindustrien<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- Case Box 2 -->\r\n    <a href=\"\/da\/specsavers\/\" class=\"case-link\">\r\n        <div class=\"case-box\">\r\n            <div class=\"case-image-container\">\r\n                <img decoding=\"async\" class=\"case-bg-image\" src=\"\/wp-content\/uploads\/2025\/08\/SSCC.webp\" alt=\"Specsavers Background\">\r\n                <div class=\"case-overlay\"><\/div>\r\n                <img decoding=\"async\" class=\"case-logo\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" alt=\"Specsavers Logo\">\r\n            <\/div>\r\n            <div class=\"case-content\">\r\n                <div>\r\n                    <h3 class=\"case-title\">Nyt\u00e6nktning bag kundeoplevelsen <\/h3>\r\n                    <p class=\"case-description\">Specsavers \/ Louis Nielsen har gennem ny teknologi gjort det lettere at bruge kontaktlinser <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- Case Box 3 -->\r\n    <a href=\"\/da\/yellowbeard\/\" class=\"case-link\">\r\n        <div class=\"case-box\">\r\n            <div class=\"case-image-container\">\r\n                <img decoding=\"async\" class=\"case-bg-image\" src=\"\/wp-content\/uploads\/2025\/08\/YBCC.webp\" alt=\"Yellowbeard Case Background\">\r\n                <div class=\"case-overlay\"><\/div>\r\n                <img decoding=\"async\" class=\"case-logo\" src=\"\/wp-content\/uploads\/2025\/08\/YBC.svg\" alt=\"Yellowbeard Logo\">\r\n            <\/div>\r\n            <div class=\"case-content\">\r\n                <div>\r\n                    <h3 class=\"case-title\">Bedre teknologi til at styrke servicesektoren<\/h3>\r\n                    <p class=\"case-description\">Yellowbeard digitaliserede service industrien gennem IoT-baserede l\u00f8sninger til f\u00f8rende MNC'er. <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Section &#8211; Optimized Specsavers Kundecase Detailoplevelsen gennem nye linser Vi forvandler detailhandlen med teknologi, der s\u00e6tter kunden i centrum En nyt\u00e6nkt kundeoplevelse Projekt oversigt Sammen med Louis Nielsen \/ Specsavers, den britiske multinational og anerkendte leder inden for detailoptik, har vi arbejdet p\u00e5 at digitalisere kundeoplevelsen. Specsavers har altid sat standarden for fremragende optiske [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":10788,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10790","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Specsavers - Techscale<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/techscale.io\/da\/specsavers\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Specsavers\" \/>\n<meta property=\"og:description\" content=\"Hero Section &#8211; Optimized Specsavers Kundecase Detailoplevelsen gennem nye linser Vi forvandler detailhandlen med teknologi, der s\u00e6tter kunden i centrum En nyt\u00e6nkt kundeoplevelse Projekt oversigt Sammen med Louis Nielsen \/ Specsavers, den britiske multinational og anerkendte leder inden for detailoptik, har vi arbejdet p\u00e5 at digitalisere kundeoplevelsen. Specsavers har altid sat standarden for fremragende optiske [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techscale.io\/da\/specsavers\/\" \/>\n<meta property=\"og:site_name\" content=\"Techscale\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-08T09:04:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"18 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techscale.io\/da\/specsavers\/\",\"url\":\"https:\/\/techscale.io\/da\/specsavers\/\",\"name\":\"Specsavers - Techscale\",\"isPartOf\":{\"@id\":\"https:\/\/techscale.io\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techscale.io\/da\/specsavers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techscale.io\/da\/specsavers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp\",\"datePublished\":\"2025-08-22T02:17:09+00:00\",\"dateModified\":\"2025-09-08T09:04:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/techscale.io\/da\/specsavers\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techscale.io\/da\/specsavers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/techscale.io\/da\/specsavers\/#primaryimage\",\"url\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp\",\"contentUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techscale.io\/da\/specsavers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techscale.io\/da\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Specsavers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/techscale.io\/da\/#website\",\"url\":\"https:\/\/techscale.io\/da\/\",\"name\":\"Techscale\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/techscale.io\/da\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Specsavers - Techscale","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/techscale.io\/da\/specsavers\/","og_locale":"da_DK","og_type":"article","og_title":"Specsavers","og_description":"Hero Section &#8211; Optimized Specsavers Kundecase Detailoplevelsen gennem nye linser Vi forvandler detailhandlen med teknologi, der s\u00e6tter kunden i centrum En nyt\u00e6nkt kundeoplevelse Projekt oversigt Sammen med Louis Nielsen \/ Specsavers, den britiske multinational og anerkendte leder inden for detailoptik, har vi arbejdet p\u00e5 at digitalisere kundeoplevelsen. Specsavers har altid sat standarden for fremragende optiske [&hellip;]","og_url":"https:\/\/techscale.io\/da\/specsavers\/","og_site_name":"Techscale","article_modified_time":"2025-09-08T09:04:41+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"18 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techscale.io\/da\/specsavers\/","url":"https:\/\/techscale.io\/da\/specsavers\/","name":"Specsavers - Techscale","isPartOf":{"@id":"https:\/\/techscale.io\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techscale.io\/da\/specsavers\/#primaryimage"},"image":{"@id":"https:\/\/techscale.io\/da\/specsavers\/#primaryimage"},"thumbnailUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp","datePublished":"2025-08-22T02:17:09+00:00","dateModified":"2025-09-08T09:04:41+00:00","breadcrumb":{"@id":"https:\/\/techscale.io\/da\/specsavers\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techscale.io\/da\/specsavers\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/techscale.io\/da\/specsavers\/#primaryimage","url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp","contentUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/SpecsaversThumb.webp","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/techscale.io\/da\/specsavers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techscale.io\/da\/home\/"},{"@type":"ListItem","position":2,"name":"Specsavers"}]},{"@type":"WebSite","@id":"https:\/\/techscale.io\/da\/#website","url":"https:\/\/techscale.io\/da\/","name":"Techscale","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techscale.io\/da\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"}]}},"_links":{"self":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/comments?post=10790"}],"version-history":[{"count":5,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10790\/revisions"}],"predecessor-version":[{"id":10828,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10790\/revisions\/10828"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media\/10788"}],"wp:attachment":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media?parent=10790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}