{"id":2875,"date":"2025-11-05T05:19:04","date_gmt":"2025-11-05T05:19:04","guid":{"rendered":"https:\/\/www.easypick.app\/?page_id=2875"},"modified":"2026-02-13T07:31:56","modified_gmt":"2026-02-13T07:31:56","slug":"portal","status":"publish","type":"page","link":"https:\/\/easypick.app\/en\/portal\/","title":{"rendered":"Portal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2875\" class=\"elementor elementor-2875\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-138a97e e-flex e-con-boxed e-con e-parent\" data-id=\"138a97e\" 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-26564dd elementor-widget elementor-widget-html\" data-id=\"26564dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n        <!-- Hero Section -->\n        <section class=\"hero-section\">\n            <div class=\"hero-section-container\">\n                <div class=\"hero-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/logo-1.svg\" alt=\"Show Owner Titile\" class=\"hero-logo-img\">\n                <\/div>\n                <h1 class=\"hero-section-title\">SHOP OWNER<br>PORTAL<\/h1>\n                <p class=\"hero-section-subtitle\">Everything you need to get started with Easypick<\/p>\n                <div class=\"hero-nav-buttons\">\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.setup-section').scrollIntoView({behavior: 'smooth'})\">\n                        Setup Guide\n                    <\/button>\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.training-section').scrollIntoView({behavior: 'smooth'})\">\n                        Training Videos\n                    <\/button>\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.materials-section').scrollIntoView({behavior: 'smooth'})\">\n                        Download Materials\n                    <\/button>\n                <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.pup-section').scrollIntoView({behavior: 'smooth'})\">\n                    PUP App\n                <\/button>\n                    <button class=\"hero-nav-btn\" onclick=\"document.querySelector('.support-section').scrollIntoView({behavior: 'smooth'})\">\n                        Contact\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Intro Section -->\n        <section class=\"intro-section\">\n            <div class=\"intro-section-cityscape\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/landmarks3.png\" alt=\"Oslo Cityscape\" class=\"cityscape-image\">\n            <\/div>\n            <!--<img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/benefit-divider.png\" alt=\"Key Sharing Illustration\" class=\"intro-key-sharing-image\">-->\n            <div class=\"intro-section-container\">\n                <div class=\"intro-content-wrapper\">\n                    <div class=\"intro-text-side\">\n                        <h2 class=\"section-title\">Welcome to <span class=\"text-primary\">Easypick<\/span><\/h2>\n                        <p class=\"section-subtitle\">Get started with Easypick - Completely free!<\/p>\n                        <p class=\"intro-section-content\">\n                            Easypick is a smart, simple, and secure service for key sharing. Organize sharing in a safe system for your customers and employees, and become part of the growing Easypick community.\n                        <\/p>\n                    <\/div>\n                    <div class=\"intro-map-side\">\n                        <div class=\"map-container\">\n                            <div class=\"map-label\">Our Growing Locations<\/div>\n                            <iframe \n                                src=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/map-v2.html\" \n                                class=\"pickup-points-map\"\n                                title=\"Easypick Pickup Points Map\"\n                                loading=\"lazy\">\n                            <\/iframe>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Benefits Section -->\n        <section class=\"benefits-section\">\n            <div class=\"benefits-section-container\">\n                <div class=\"benefits-section-first\">\n                    <h2 class=\"section-title text-white benefits-section-title-compact\">The store receives <span class=\"text-primary\">free:<\/span><\/h2>\n                    <p class=\"section-subtitle text-secondary benefits-section-subtitle-compact\">Everything you need to get started at no cost<\/p>\n                    \n                    <div class=\"benefits-grid benefits-grid-compact\">\n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal.png\" alt=\"Terminal\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Easypick terminal<\/h3>\n                        <p class=\"benefit-card-description\">Takes up very little space.<\/p>\n                    <\/div>\n            \n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/keys.png\" alt=\"Keys\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Easypick Key Cabinet<\/h3>\n                        <p class=\"benefit-card-description\">Set up behind the checkout. Secure storage for keys.<\/p>\n                    <\/div>\n            \n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip.png\" alt=\"Chips\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">50 Free Chips<\/h3>\n                        <p class=\"benefit-card-description\">Get started with the service. Value 2450 DKK.<\/p>\n                    <\/div>\n\n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/phone.png\" alt=\"App\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Store Manager App<\/h3>\n                        <p class=\"benefit-card-description\">Overview of sales and sharing. Manage everything from your phone.<\/p>\n                    <\/div>\n\n                    <div class=\"benefit-card benefit-card-compact\">\n                        <div class=\"benefit-icon-circle\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/tutorial.png\" alt=\"Training\" class=\"benefit-icon-img\">\n                        <\/div>\n                        <h3 class=\"benefit-card-title\">Training Videos<\/h3>\n                        <p class=\"benefit-card-description\">30-second training videos for employees. Quick and easy to learn.<\/p>\n                    <\/div>\n                <\/div>\n                <\/div>\n\n                <div class=\"benefits-divider\">\n                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-keySharing.png\" alt=\"Key Sharing\" class=\"benefits-divider-image\">\n                <\/div>\n\n                <div class=\"benefits-section-second\">\n                    <h2 class=\"section-title text-white benefits-section-title-compact\">Store <span class=\"text-primary\">benefits:<\/span><\/h2>\n                    <p class=\"section-subtitle text-secondary benefits-section-footer\">\n                        The service is easy to use and builds trust with customers in your area. Loyal customers bring more people to your store through sharing! Become a Pick-Up-Point today!\n                    <\/p>\n                    <div class=\"benefits-grid benefits-grid-compact\">\n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip.png\" alt=\"Pricing\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Chip Pricing<\/h3>\n                            <p class=\"benefit-card-description\">Selling price: DKK 49 incl. VAT. Purchase price: DKK 20 excl. VAT.<\/p>\n                        <\/div>\n                \n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/check.png\" alt=\"Support\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Free Setup & Support<\/h3>\n                            <p class=\"benefit-card-description\">Free setup, installation, service, and support included.<\/p>\n                        <\/div>\n                \n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/cart.svg\" alt=\"Earnings\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Direct Earnings<\/h3>\n                            <p class=\"benefit-card-description\">Direct earnings per sold chip. Get the customer to the checkout for upselling.<\/p>\n                        <\/div>\n\n                        <div class=\"benefit-card benefit-card-compact\">\n                            <div class=\"benefit-icon-circle\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/pick-up-point.png\" alt=\"Commission\" class=\"benefit-icon-img\">\n                            <\/div>\n                            <h3 class=\"benefit-card-title\">Commission<\/h3>\n                            <p class=\"benefit-card-description\">20% commission on key sharing. Increase revenue with minimal effort.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- Services Section -->\n        <!-- <section class=\"services-section\">\n            <div class=\"services-section-container\">\n                <h2 class=\"section-title text-dark\">Our <span class=\"text-primary\">Services<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Three main parts of our service<\/p>\n                <div class=\"services-grid\">\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\">\ud83d\udce6<\/div>\n                        <h3 class=\"service-card-title\">Easypick Services<\/h3>\n                        <p class=\"service-card-description\">Fast, simple, and safe key sharing service for your customers. Bring more customers to your store.<\/p>\n                    <\/div>\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\">\ud83d\udda5\ufe0f<\/div>\n                        <h3 class=\"service-card-title\">Easypick Products<\/h3>\n                        <p class=\"service-card-description\">Terminals and equipment made in Norway. Simple and reliable service for your business.<\/p>\n                    <\/div>\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\">\ud83d\udc8e<\/div>\n                        <h3 class=\"service-card-title\">Special Deals<\/h3>\n                        <p class=\"service-card-description\">Special offers and promotions for our partner locations. Extra ways to earn more.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section> -->\n\n        <!-- Products Section -->\n        <section class=\"products-section\">\n            <div class=\"products-section-mascot\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-chip.png\" alt=\"Products Mascot\" class=\"products-mascot-image\">\n            <\/div>\n            <div class=\"products-section-container\">\n                <h2 class=\"section-title text-dark\">Products & <span class=\"text-primary\">Equipment<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Everything you need to get started<\/p>\n                \n                <!-- Featured Complete Package -->\n                <div class=\"product-featured\">\n                    <div class=\"product-featured-image\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/all-terminal.webp', 'Complete Easypick Package', null, event)\" >\n                        <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/all-terminal.webp\" alt=\"Complete Package\" class=\"featured-img\">\n                        <div class=\"featured-badge\">Complete Package<\/div>\n                    <\/div>\n                    <div class=\"product-featured-content\">\n                        <h3 class=\"featured-title\">Everything Included<\/h3>\n                        <p class=\"featured-description\">Get the full Easypick setup with terminal, chip holder, and chips\u2014ready to use from day one.<\/p>\n                        <div class=\"featured-items\">\n                            <div class=\"featured-item\">\u2713 Easypick Terminal<\/div>\n                            <div class=\"featured-item\">\u2713 Chip Holder Cabinet<\/div>\n                            <div class=\"featured-item\">\u2713 50 Free Chips<\/div>\n                            <div class=\"featured-item\">\u2713 Free Installation<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Product Details Grid with Image Galleries -->\n                <div class=\"product-details-grid\">\n                    <!-- Terminal Card -->\n                    <div class=\"product-detail-card\">\n                        <div class=\"product-gallery\">\n                            <div class=\"product-gallery-main\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal-white.webp\" alt=\"Terminal\" class=\"gallery-main-img\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal-white.webp', 'Easypick Terminal', this, event)\">\n                            <\/div>\n                            <div class=\"product-gallery-thumbs\">\n                                <div class=\"gallery-thumb active\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal-white.webp\" alt=\"Terminal View 1\" onclick=\"handleThumbnailClick(this, 'Easypick Terminal', event)\">\n                                <\/div>\n\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal3.webp\" alt=\"Terminal View 2\" onclick=\"handleThumbnailClick(this, 'Easypick Terminal', event)\">\n                                <\/div>\n                                <!-- Add more terminal shots here -->\n                                <!--<div class=\"gallery-thumb-placeholder\">+<\/div>-->\n                                \n                            <\/div>\n                        <\/div>\n                        <div class=\"product-detail-info\">\n                            <h4>Easypick Terminal<\/h4>\n                            <p>Compact design, easy installation<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Chip Holder Card -->\n                    <div class=\"product-detail-card\">\n                        <div class=\"product-gallery\">\n                            <div class=\"product-gallery-main\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip-holder.webp\" alt=\"Chip Holder\" class=\"gallery-main-img\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip-holder.webp', 'Chip Holder', this, event)\">\n                            <\/div>\n                            <div class=\"product-gallery-thumbs\">\n                                <div class=\"gallery-thumb active\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip-holder.webp\" alt=\"Holder View 1\" onclick=\"handleThumbnailClick(this, 'Chip Holder', event)\">\n                                <\/div>\n                                \n                                <!-- Add more chip holder shots here -->\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ship_holder2.webp\" alt=\"Holder View 2\" onclick=\"handleThumbnailClick(this, 'Chip Holder', event)\">\n                                <\/div>\n                                 <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chipholder3.webp\" alt=\"Holder View 3\" onclick=\"handleThumbnailClick(this, 'Chip Holder', event)\">\n                                <\/div>\n                                <!--<div class=\"gallery-thumb-placeholder\">+<\/div>-->\n                            <\/div>\n                        <\/div>\n                        <div class=\"product-detail-info\">\n                            <h4>Chip Holder<\/h4>\n                            <p>Secure key storage<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Chips Card -->\n                    <div class=\"product-detail-card\">\n                        <div class=\"product-gallery\">\n                            <div class=\"product-gallery-main\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips-white.webp\" alt=\"Chips\" class=\"gallery-main-img\" onclick=\"openImageModal('https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips-white.webp', 'Easypick Chips', this, event)\">\n                            <\/div>\n                            <div class=\"product-gallery-thumbs\">\n                                <div class=\"gallery-thumb active\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips-white.webp\" alt=\"Chips View 1\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                  <!-- Add more chip shots here -->\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips3.webp\" alt=\"Chips View 2\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips4.webp\" alt=\"Chips View 3\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips5.webp\" alt=\"Chips View 4\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips6.webp\" alt=\"Chips View 5\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n                                <div class=\"gallery-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chips7.webp\" alt=\"Chips View 6\" onclick=\"handleThumbnailClick(this, 'Easypick Chips', event)\">\n                                <\/div>\n\n                                <!-- Add more chip shots here -->\n                                <!--<div class=\"gallery-thumb-placeholder\">+<\/div>-->\n                            <\/div>\n                        <\/div>\n                        <div class=\"product-detail-info\">\n                            <h4>Easypick Chips<\/h4>\n                            <p>Branded chips with our Easypick logo<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Full Package Section -->\n                <!-- <div class=\"full-package-section mt-6\">\n                    <h3 class=\"text-[clamp(1.5rem,3vw,2rem)] font-extrabold text-center text-[#363636] mb-3\">\n                        Complete <span class=\"text-[#F37C21]\">Package<\/span>\n                    <\/h3>\n                    <div class=\"full-package-image-container bg-white\/80 rounded-xl border-2 border-[rgba(243,124,33,0.15)] overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.08)] max-w-[800px] mx-auto\">\n                        <div class=\"w-full h-[200px] bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/all.webp\" alt=\"Full Package\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                    <\/div>\n                <\/div> -->\n            <\/div>\n        <\/section>\n\n    <!-- Setup Guide -->\n    <section class=\"setup-section\">\n            <div class=\"setup-section-cityscape\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/landmarks3.png\" alt=\"Oslo Landmarks\" class=\"setup-landmarks-image\">\n            <\/div>\n            <div class=\"setup-section-container\">\n                <h2 class=\"section-title text-white\">Simple <span class=\"text-primary\">Setup<\/span><\/h2>\n                <p class=\"section-subtitle text-secondary\">Plug and play - get started in minutes<\/p>\n                <div class=\"setup-steps-grid\">\n                    <div class=\"setup-step\">\n                        <div class=\"setup-step-number-badge\">1<\/div>\n                        <div class=\"setup-step-mascot-container\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/mascot-free.png\" alt=\"Get Equipment\" class=\"setup-step-mascot\">\n                            <div class=\"setup-step-icon-overlay\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/terminal.png\" alt=\"Terminal\" class=\"setup-step-icon-small\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"setup-step-content\">\n                            <h3 class=\"setup-step-title\">Get Equipment<\/h3>\n                            <p class=\"setup-step-text\">Receive your free terminal, key cabinet, and chips<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"setup-step\">\n                        <div class=\"setup-step-number-badge\">2<\/div>\n                        <div class=\"setup-step-mascot-container\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/mascot-one.png\" alt=\"Quick Setup\" class=\"setup-step-mascot\">\n                            <div class=\"setup-step-icon-overlay\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/chip.png\" alt=\"Chip\" class=\"setup-step-icon-small\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"setup-step-content\">\n                            <h3 class=\"setup-step-title\">Quick Setup<\/h3>\n                            <p class=\"setup-step-text\">Plug it in and configure - takes just minutes<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"setup-step\">\n                        <div class=\"setup-step-number-badge\">3<\/div>\n                        <div class=\"setup-step-mascot-container\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/mascot-unlimited.png\" alt=\"Start Sharing\" class=\"setup-step-mascot\">\n                            <div class=\"setup-step-icon-overlay\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/keys.png\" alt=\"Keys\" class=\"setup-step-icon-small\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"setup-step-content\">\n                            <h3 class=\"setup-step-title\">Start Sharing<\/h3>\n                            <p class=\"setup-step-text\">Begin your key sharing service immediately<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- PUP Section -->\n        <section class=\"pup-section\">\n            <div class=\"pup-section-mascot\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-app.png\" alt=\"PUP Mascot\" class=\"pup-mascot-image\">\n            <\/div>\n            <div class=\"pup-container\">\n                <!-- Header -->\n                <div class=\"pup-header\">\n                    <h2 class=\"pup-title text-dark\">PUP <span class=\"text-primary\">App<\/span><\/h2>\n                    <p class=\"pup-subtitle\">Everything you need to manage your Easypick location<\/p>\n                <\/div>\n\n                <!-- App Showcase Section -->\n                <div class=\"app-showcase-section\">\n                    <!-- Left: Content -->\n                    <div class=\"app-content\">\n                        <div class=\"app-badge\">\n                            Mobile App\n                        <\/div>\n                        <h3 class=\"app-main-title\">Manage Your Location  On-The-Go<\/h3>\n                        <p class=\"app-description\">\n                            Use the PUP app to look after your Easypick location. Check your credit, order chips, and update your store hours \u2014 all from your phone.\n                        <\/p>\n                        <div class=\"app-features-list\">\n                            <div class=\"app-feature-item\">\n                                <div class=\"feature-icon-small\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-app-with-bg.svg\" alt=\"Sales Overview\">\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Credit Summary & History<\/h4>\n                                    <p>See how much credit you have and what you\u2019ve earned.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"app-feature-item\">\n                                <div class=\"feature-icon-small\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-settings-with-bg.svg\" alt=\"Management\">\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Easy Management<\/h4>\n                                    <p>Update your store hours and manage your Pick-Up-Point from your phone.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"app-feature-item\">\n                                <div class=\"feature-icon-small\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-info-with-bg.svg\" alt=\"Analytics\">\n                                <\/div>\n                                <div class=\"feature-text\">\n                                    <h4>Detailed Analytics<\/h4>\n                                    <p>Get insights into performance and chip activity.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"app-download-buttons\">\n                            <a href=\"https:\/\/apps.apple.com\/us\/app\/easypick\/id1215465630\" target=\"_blank\" style=\"padding:0\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/app-store-badge.png\" alt=\"Download on the App Store\" style=\"height: 35px;\" \/>\n                            <\/a>\n                            <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.easypick.main\" target=\"_blank\" style=\"padding:0\">\n                                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/get-on-google.png\" alt=\"Get it on Google Play\" style=\"height: 50px;\" \/>\n                            <\/a>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Right: Phone -->\n                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/pup-app.png\" alt=\"PUP App Screenshot\" class=\"app-screenshot\">\n                    \n                    <!-- PUP Guidelines Download (centered across grid) -->\n                    <div class=\"pup-guidelines-cta\">\n                        <p class=\"download-text\">Get the complete PUP Routine PDF that explains the regular tasks, daily routines, and important steps to follow in your Pick-Up-Point.<\/p>\n                        <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf\" download=\"Easypick_PUP_Routine_Guide_A4.pdf\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf', 'Easypick_PUP_Routine_Guide_A4.pdf');\" class=\"pup-download-button\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"download-icon\">\n                                <rect width=\"48\" height=\"48\" rx=\"10\" fill=\"#F37C21\"\/>\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.3337 11.9993C25.3337 11.263 24.7367 10.666 24.0003 10.666C23.2639 10.666 22.667 11.263 22.667 11.9993V27.4471L16.9431 21.7232C16.4224 21.2025 15.5782 21.2025 15.0575 21.7232C14.5368 22.2439 14.5368 23.0881 15.0575 23.6088L23.0575 31.6088C23.5782 32.1295 24.4224 32.1295 24.9431 31.6088L32.9431 23.6088C33.4638 23.0881 33.4638 22.2439 32.9431 21.7232C32.4224 21.2025 31.5782 21.2025 31.0575 21.7232L25.3337 27.4471V11.9993Z\" fill=\"#F9F9F9\"\/>\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.667 35.9993C10.667 35.263 11.2639 34.666 12.0003 34.666H36.0003C36.7367 34.666 37.3337 35.263 37.3337 35.9993C37.3337 36.7357 36.7367 37.3327 36.0003 37.3327H12.0003C11.2639 37.3327 10.667 36.7357 10.667 35.9993Z\" fill=\"#F9F9F9\"\/>\n                            <\/svg>\n                            <span>Download Routine Guide<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                \n            <\/div>\n        <\/section>\n\n        <!-- Download Materials -->\n        <section class=\"materials-section\">\n            <div class=\"materials-section-container\">\n                <h2 class=\"section-title text-dark\">Download <span class=\"text-primary\">Materials<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Marketing materials and Guide materials for your store<\/p>\n                <div class=\"materials-sections-wrapper\">\n                    <!-- Marketing Materials -->\n                    <div class=\"materials-subsection\">\n                        <h3 class=\"materials-subsection-title\">Marketing <span class=\"text-primary\">Materials<\/span><\/h3>\n                        <div class=\"materials-grid\">\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A4).pdf', 'A4 Poster')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnaila4.png\" alt=\"A4 Poster Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                <h4 class=\"material-info-title\">A4 Poster<\/h4>\n                                <p class=\"material-info-description\">PDF \u2022 0.4 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A4).pdf\" download=\"Easypick_A4_Poster.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A4).pdf', 'Easypick_A4_Poster.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A3).pdf', 'A3 Poster')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnaila3.png\" alt=\"A3 Poster Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">A3 Poster<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.4 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A3).pdf\" download=\"Easypick_A3_Poster.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(A3).pdf', 'Easypick_A3_Poster.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf', 'B2 Poster')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnailb2.png\" alt=\"A4 Poster Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">B2 Poster<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.5 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf\" download=\"Easypick_B2_Poster.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf', 'Easypick_B2_Poster.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <!-- <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnailstickers.png\" alt=\"Window Stickers Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Window Stickers<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 1.2 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf\" download=\"Easypick_Window_Stickers.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/Plakat+Easypick_DANSK+(B2).pdf', 'Easypick_Window_Stickers.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div> -->\n                                   \n                            <!-- <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x280\/F37C21\/ffffff?text=Brand+Guide\" alt=\"Brand Guidelines Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Brand Guidelines<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 2.5 MB<\/p>\n                                <\/div>\n                                <button class=\"download-button\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/button>\n                            <\/div> -->\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Guide Materials -->\n                    <div class=\"materials-subsection\">\n                        <h3 class=\"materials-subsection-title\">Guide <span class=\"text-primary\">Materials<\/span><\/h3>\n                        <div class=\"materials-grid\">\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/One+pager+Easypick+Dansk+N%C3%A6rk%C3%B8b+03.11.25-1.pdf', 'One-Pager Guide')\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/thumbnailone-pager.png\" alt=\"One-Pager Guide Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">One-Pager Guide<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.15 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/One+pager+Easypick+Dansk+N%C3%A6rk%C3%B8b+03.11.25-1.pdf\" download=\"Easypick_One-Pager_Guide.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/One+pager+Easypick+Dansk+N%C3%A6rk%C3%B8b+03.11.25-1.pdf', 'Easypick_One-Pager_Guide.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/easypick_offers_dk.pdf', 'Easypick Offers (DK)')\">   \n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/overview_dk.png\" alt=\"Easypick Offers (DK) Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Easypick Offers (DK)<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 0.05 MB<\/p>\n                                <\/div>\n                                    <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/easypick_offers_dk.pdf\" download=\"Easypick_Offers_DK.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/easypick_offers_dk.pdf','Easypick_Offers_DK.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\" onclick=\"openPdfPreview('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf', 'PUP Routine Guide')\">   \n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/runtinearkPUP2018.png\" alt=\"PUP Routine Guide Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">PUP Routine Guide (A4)<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 3.2 MB<\/p>\n                                <\/div>\n                                <a href=\"https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf\" download=\"Easypick_PUP_Routine_Guide_A4.pdf\" class=\"download-button\" onclick=\"event.preventDefault(); downloadPdf('https:\/\/s3.eu-north-1.amazonaws.com\/easypick.app\/marketing-materials\/A4+EP+rutineark+PUP+2018+(1).pdf', 'Easypick_PUP_Routine_Guide_A4.pdf');\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/a>\n                            <\/div>\n                            <!-- <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x280\/F37C21\/ffffff?text=Checklist\" alt=\"Staff Checklist Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">Staff Checklist<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 600 KB<\/p>\n                                <\/div>\n                                <button class=\"download-button\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/button>\n                            <\/div>\n                            <div class=\"material-card\">\n                                <div class=\"material-thumbnail\">\n                                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x280\/F37C21\/ffffff?text=FAQ\" alt=\"FAQ Guide Preview\" class=\"thumbnail-image\">\n                                <\/div>\n                                <div class=\"material-info\">\n                                    <h4 class=\"material-info-title\">FAQ Guide<\/h4>\n                                    <p class=\"material-info-description\">PDF \u2022 900 KB<\/p>\n                                <\/div>\n                                <button class=\"download-button\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-download-with-bg.svg\" alt=\"Download\" class=\"download-icon\">\n                                <\/button>\n                            <\/div> -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Training Resources -->\n        <section class=\"training-section\">\n            <div class=\"training-section-container\">\n                <h2 class=\"section-title text-white\">Training <span class=\"text-primary\">Videos<\/span><\/h2>\n                <p class=\"section-subtitle text-secondary\">Fast, simple, and secure training videos for your team<\/p>\n                <div class=\"training-grid\">\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/easypick.no\/training', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">Pick-Up-Point 30 Second Training Video<\/h3>\n                        <p class=\"training-card-description\">Simple training video for your team to help customers.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('training')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Share\" class=\"share-icon-img\">\n                            <span>Share<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/1Io0j1mf5m4ERwfdGmy_CIADYJxBeR602\/view?usp=drivesdk', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">How to activate Easypick chip<\/h3>\n                        <p class=\"training-card-description\">Step-by-step guide to scan and activate chips for customers.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('activate-scan-chip')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Share\" class=\"share-icon-img\">\n                            <span>Share<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/1L8hyYgnSvjLNDTGNULP9TwK_mjCDz1aT\/view?usp=drivesdk', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">How to drop-off Easypick Thing<\/h3>\n                        <p class=\"training-card-description\">Step-by-step guide to drop-off Easypick Thing for customers.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('drop-off-thing')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Share\" class=\"share-icon-img\">\n                            <span>Share<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/141IYW33zJPpX9Vvb50b-s_oBtwiR1iiQ\/view?usp=drivesdk', '_blank')\" style=\"cursor: pointer;\">\n                        <div class=\"training-play-icon\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"training-play-svg\">\n                                <rect width=\"60\" height=\"60\" rx=\"30\" fill=\"#F37C21\"\/>\n                                <path d=\"M24 20L24 40L38 30L24 20Z\" fill=\"white\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"training-card-title\">How to pick-up keys<\/h3>\n                        <p class=\"training-card-description\">Step-by-step guide to pick-up keys from Easypick Thing for customers.<\/p>\n                        <button class=\"training-share-button\" onclick=\"event.stopPropagation(); shareTrainingVideo('pick-up-keys')\" title=\"Share video\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/ep-send-with-bg.svg\" alt=\"Share\" class=\"share-icon-img\">\n                            <span>Share<\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"training-card training-card-video\">\n                        <div class=\"training-video-wrapper\">\n                            <div class=\"training-video-thumbnail\" onclick=\"toggleTrainingVideo(this.closest('.training-card-video'))\" style=\"cursor: pointer;\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-28-at-2.02.53\u202fAM.png\" alt=\"Easypick Terminal Training Video\" class=\"video-thumbnail-img\">\n                                <div class=\"video-play-overlay\">\n                                    <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"rgba(243, 124, 33, 0.95)\"\/>\n                                        <path d=\"M32 26L32 54L50 40L32 26Z\" fill=\"white\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                            <div class=\"training-video-container\" style=\"display: none;\" onclick=\"event.stopPropagation();\">\n                                <div class=\"video-wrapper\">\n                                    <video class=\"training-video-player\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/Easypick-Terminal-V04.webm\" controls=\"\" preload=\"metadata\" controlslist=\"nodownload\" poster=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-28-at-2.02.53 AM.png\"><\/video>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"training-video-content\">\n                            <h3 class=\"training-card-title\">Easypick Terminal Training<\/h3>\n                            <p class=\"training-card-description\">Learn how to use the Easypick terminal for key sharing.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Support Section -->\n        <section class=\"support-section\">\n            <div class=\"support-section-mascot\">\n                <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/service-popup-pup.png\" alt=\"Support Mascot\" class=\"support-mascot-image\">\n            <\/div>\n            <div class=\"support-section-container\">\n                <h2 class=\"section-title text-dark\">Need <span class=\"text-primary\">Help?<\/span><\/h2>\n                <p class=\"section-subtitle text-dark\">Contact our support team<\/p>\n                <div class=\"support-grid\">\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/3.png\" alt=\"Phone\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Main Customer Support Line<\/h3>\n                        <p class=\"support-card-description\">Available 24\/7 for urgent issues<\/p>\n                        <a href=\"tel:+4723653301\" class=\"support-contact-link\">+47 23 65 33 01<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/4.png\" alt=\"Location Manager\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Location Manager<\/h3>\n                        <p class=\"support-card-description\">For business inquiries and support<\/p>\n                        <a href=\"tel:+4723653301\" class=\"support-contact-link\">+47 23 65 33 01<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/5.png\" alt=\"Tech Support\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Tech Support - Norway<\/h3>\n                        <p class=\"support-card-description\">Monday-Friday: 8:00-16:00<\/p>\n                        <a href=\"tel:+4796863261\" class=\"support-contact-link\">+47 96 86 32 61<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/7.png\" alt=\"Tech Support\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Tech Support - Denmark<\/h3>\n                        <p class=\"support-card-description\">Monday-Friday: 8:00-17:00<\/p>\n                        <a href=\"tel:+45788095458\" class=\"support-contact-link\">+45 78 80 95 458<\/a>\n                    <\/div>\n                    <div class=\"support-card\">\n                        <div class=\"support-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/www.easypick.app\/wp-content\/uploads\/2025\/11\/1.png\" alt=\"Email\" class=\"support-icon-img\">\n                        <\/div>\n                        <h3 class=\"support-card-title\">Email Support<\/h3>\n                        <p class=\"support-card-description\">Email support for your questions<\/p>\n                        <a href=\"mailto:support@easypick.no\" class=\"support-contact-link\">support@easypick.no<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Image Modal -->\n        <div id=\"imageModal\" class=\"image-modal\" onclick=\"closeImageModal(event)\" ontouchstart=\"event.stopPropagation()\">\n            <span class=\"image-modal-close\" onclick=\"closeImageModal(event)\" ontouchstart=\"event.stopPropagation()\">&times;<\/span>\n            <button class=\"modal-arrow modal-arrow-left\" id=\"modalArrowLeft\" onclick=\"event.stopPropagation(); navigateModalImage(-1)\" aria-label=\"Previous image\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n            <img class=\"image-modal-content\" id=\"modalImage\" onclick=\"event.stopPropagation()\" ontouchstart=\"event.stopPropagation()\">\n            <button class=\"modal-arrow modal-arrow-right\" id=\"modalArrowRight\" onclick=\"event.stopPropagation(); navigateModalImage(1)\" aria-label=\"Next image\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"image-modal-caption\" id=\"modalCaption\"><\/div>\n            <div class=\"modal-arrows-mobile\" id=\"modalArrowsMobile\">\n                <button class=\"modal-arrow modal-arrow-left-mobile\" onclick=\"event.stopPropagation(); navigateModalImage(-1)\" aria-label=\"Previous image\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/button>\n                <button class=\"modal-arrow modal-arrow-right-mobile\" onclick=\"event.stopPropagation(); navigateModalImage(1)\" aria-label=\"Next image\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n    <!-- PDF Preview Modal -->\n    <div id=\"pdfModal\" class=\"pdf-modal\" onclick=\"closePdfModal(event)\">\n        <span class=\"pdf-modal-close\" onclick=\"closePdfModal(event)\">&times;<\/span>\n        <div class=\"pdf-modal-content\" onclick=\"event.stopPropagation()\">\n            <div class=\"pdf-modal-header\">\n                <h3 id=\"pdfModalTitle\" class=\"pdf-modal-title\"><\/h3>\n                <a id=\"pdfModalDownload\" href=\"#\" download class=\"pdf-modal-download-btn\" onclick=\"event.preventDefault(); event.stopPropagation(); handlePdfModalDownload(this);\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"download-icon\">\n                        <rect width=\"48\" height=\"48\" rx=\"10\" fill=\"#F37C21\"\/>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.3337 11.9993C25.3337 11.263 24.7367 10.666 24.0003 10.666C23.2639 10.666 22.667 11.263 22.667 11.9993V27.4471L16.9431 21.7232C16.4224 21.2025 15.5782 21.2025 15.0575 21.7232C14.5368 22.2439 14.5368 23.0881 15.0575 23.6088L23.0575 31.6088C23.5782 32.1295 24.4224 32.1295 24.9431 31.6088L32.9431 23.6088C33.4638 23.0881 33.4638 22.2439 32.9431 21.7232C32.4224 21.2025 31.5782 21.2025 31.0575 21.7232L25.3337 27.4471V11.9993Z\" fill=\"#F9F9F9\"\/>\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.667 35.9993C10.667 35.263 11.2639 34.666 12.0003 34.666H36.0003C36.7367 34.666 37.3337 35.263 37.3337 35.9993C37.3337 36.7357 36.7367 37.3327 36.0003 37.3327H12.0003C11.2639 37.3327 10.667 36.7357 10.667 35.9993Z\" fill=\"#F9F9F9\"\/>\n                    <\/svg>\n                    <span>Download<\/span>\n                <\/a>\n            <\/div>\n            <iframe id=\"pdfModalFrame\" class=\"pdf-modal-iframe\" src=\"\"><\/iframe>\n        <\/div>\n    <\/div>\n\n\n\n\n    <!-- JavaScript -->\n    <script>\n        \/\/ Image Modal Functions\n        let currentGalleryImages = [];\n        let currentImageIndex = 0;\n        \n        \/\/ Helper function to normalize URLs for comparison\n        function normalizeUrl(url) {\n            if (!url) return '';\n            try {\n                \/\/ Remove trailing slashes and normalize\n                return url.split('?')[0].split('#')[0].replace(\/\\\/$\/, '');\n            } catch (e) {\n                return url;\n            }\n        }\n        \n        function openImageModal(imageSrc, caption, galleryElement, event) {\n            \/\/ Prevent opening if currently closing (mobile fix)\n            if (isClosingModal) return;\n            \n            const modal = document.getElementById('imageModal');\n            const modalImg = document.getElementById('modalImage');\n            const captionText = document.getElementById('modalCaption');\n            \n            \/\/ Safety check - ensure modal elements exist\n            if (!modal || !modalImg || !captionText) {\n                console.error('Image modal elements not found');\n                return;\n            }\n            \n            \/\/ Stop event propagation to prevent bubbling\n            if (event) {\n                event.stopPropagation();\n            }\n            \n            let actualSrc = imageSrc || '';\n            \n            \/\/ Get all images from the gallery\n            if (galleryElement) {\n                \/\/ Gallery image clicked - use actual src from element\n                actualSrc = galleryElement.src || galleryElement.getAttribute('src') || actualSrc;\n                \n                const gallery = galleryElement.closest('.product-gallery');\n                if (gallery) {\n                    const mainImg = gallery.querySelector('.gallery-main-img');\n                    const thumbs = gallery.querySelectorAll('.gallery-thumb:not(.gallery-thumb-placeholder) img');\n                    \n                    \/\/ Build gallery array using actual src attributes from DOM\n                    currentGalleryImages = [];\n                    const addedUrls = new Set(); \/\/ Track added URLs to avoid duplicates\n                    \n                    \/\/ Check if clicked element is a thumbnail or main image\n                    const isThumbnail = galleryElement.closest('.gallery-thumb') !== null;\n                    \n                    \/\/ If thumbnail clicked, ensure its image is first in the array\n                    if (isThumbnail && actualSrc) {\n                        currentGalleryImages.push({\n                            src: actualSrc,\n                            alt: caption || galleryElement.alt || ''\n                        });\n                        addedUrls.add(normalizeUrl(actualSrc));\n                    }\n                    \n                    \/\/ Add main image (if not already added)\n                    if (mainImg && mainImg.src) {\n                        const mainImgSrc = mainImg.src;\n                        const normalizedMainSrc = normalizeUrl(mainImgSrc);\n                        if (!addedUrls.has(normalizedMainSrc)) {\n                            currentGalleryImages.push({\n                                src: mainImgSrc,\n                                alt: mainImg.alt || ''\n                            });\n                            addedUrls.add(normalizedMainSrc);\n                        }\n                    }\n                    \n                    \/\/ Add all thumbnails (if not already added)\n                    Array.from(thumbs).forEach(thumb => {\n                        if (thumb.src) {\n                            const thumbSrc = thumb.src;\n                            const normalizedThumbSrc = normalizeUrl(thumbSrc);\n                            if (!addedUrls.has(normalizedThumbSrc)) {\n                                currentGalleryImages.push({\n                                    src: thumbSrc,\n                                    alt: thumb.alt || ''\n                                });\n                                addedUrls.add(normalizedThumbSrc);\n                            }\n                        }\n                    });\n                    \n                    \/\/ If no images found, use the actualSrc as fallback\n                    if (currentGalleryImages.length === 0) {\n                        currentGalleryImages = [{ src: actualSrc, alt: caption || '' }];\n                    }\n                    \n                    \/\/ Find current image index using normalized URL comparison\n                    const normalizedActualSrc = normalizeUrl(actualSrc);\n                    currentImageIndex = currentGalleryImages.findIndex(img => normalizeUrl(img.src) === normalizedActualSrc);\n                    if (currentImageIndex === -1) {\n                        \/\/ If exact match not found, use first image\n                        currentImageIndex = 0;\n                    }\n                } else {\n                    \/\/ Fallback if gallery not found\n                    currentGalleryImages = [{ src: actualSrc, alt: caption || '' }];\n                    currentImageIndex = 0;\n                }\n            } else {\n                \/\/ Featured image clicked - find the img element inside the clicked div\n                if (event && event.currentTarget) {\n                    const imgElement = event.currentTarget.querySelector('img');\n                    if (imgElement && imgElement.src) {\n                        actualSrc = imgElement.src;\n                    }\n                }\n                \n                \/\/ Fallback for featured image (no gallery)\n                currentGalleryImages = [{ src: actualSrc, alt: caption || '' }];\n                currentImageIndex = 0;\n            }\n            \n            modal.style.display = 'flex';\n            modalImg.src = actualSrc;\n            captionText.innerHTML = caption || '';\n            document.body.style.overflow = 'hidden';\n            \n            updateModalArrows();\n        }\n        \n        function navigateModalImage(direction) {\n            if (currentGalleryImages.length <= 1) return;\n            \n            currentImageIndex += direction;\n            \n            if (currentImageIndex < 0) {\n                currentImageIndex = 0;\n                return;\n            }\n            if (currentImageIndex >= currentGalleryImages.length) {\n                currentImageIndex = currentGalleryImages.length - 1;\n                return;\n            }\n            \n            const modalImg = document.getElementById('modalImage');\n            const captionText = document.getElementById('modalCaption');\n            \n            if (!modalImg || !captionText) return;\n            \n            const newImage = currentGalleryImages[currentImageIndex];\n            if (newImage) {\n                modalImg.src = newImage.src || '';\n                captionText.innerHTML = newImage.alt || '';\n            }\n            \n            updateModalArrows();\n        }\n        \n        function updateModalArrows() {\n            const leftArrow = document.getElementById('modalArrowLeft');\n            const rightArrow = document.getElementById('modalArrowRight');\n            const leftArrowMobile = document.querySelector('.modal-arrow-left-mobile');\n            const rightArrowMobile = document.querySelector('.modal-arrow-right-mobile');\n            \n            if (currentGalleryImages.length <= 1) {\n                if (leftArrow) leftArrow.classList.add('disabled');\n                if (rightArrow) rightArrow.classList.add('disabled');\n                if (leftArrowMobile) leftArrowMobile.classList.add('disabled');\n                if (rightArrowMobile) rightArrowMobile.classList.add('disabled');\n                return;\n            }\n            \n            const isFirst = currentImageIndex === 0;\n            const isLast = currentImageIndex === currentGalleryImages.length - 1;\n            \n            if (leftArrow) leftArrow.classList.toggle('disabled', isFirst);\n            if (rightArrow) rightArrow.classList.toggle('disabled', isLast);\n            if (leftArrowMobile) leftArrowMobile.classList.toggle('disabled', isFirst);\n            if (rightArrowMobile) rightArrowMobile.classList.toggle('disabled', isLast);\n        }\n        \n        \/\/ Flag to prevent immediate reopening after closing (mobile fix)\n        let isClosingModal = false;\n        \n        function closeImageModal(event) {\n            if (!event) return;\n            \n            const modal = document.getElementById('imageModal');\n            if (!modal) return;\n            \n            \/\/ Prevent closing if already in process (mobile fix)\n            if (isClosingModal) return;\n            \n            \/\/ Only close if clicking the modal background or close button, not the image itself\n            if (event.target === modal || (event.target && event.target.classList && event.target.classList.contains('image-modal-close'))) {\n                \/\/ Stop event propagation to prevent triggering underlying elements\n                event.stopPropagation();\n                event.preventDefault();\n                \n                isClosingModal = true;\n                modal.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                \n                \/\/ Reset flag after a short delay to prevent immediate reopening\n                setTimeout(() => {\n                    isClosingModal = false;\n                }, 300);\n            }\n        }\n\n        \/\/ Handle thumbnail click - updates gallery and opens modal\n        function handleThumbnailClick(thumbElement, defaultCaption, event) {\n            if (!thumbElement) return;\n            \n            \/\/ Prevent opening if currently closing (mobile fix)\n            if (isClosingModal) {\n                if (event) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n                return;\n            }\n            \n            \/\/ Stop event propagation\n            if (event) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n            \n            \/\/ Find the gallery container\n            const gallery = thumbElement.closest('.product-gallery');\n            if (!gallery) return;\n            \n            const mainImg = gallery.querySelector('.gallery-main-img');\n            if (!mainImg) return;\n            \n            \/\/ Use actual src from thumb element\n            const actualImageUrl = thumbElement.src || thumbElement.getAttribute('src') || '';\n            const caption = thumbElement.alt || defaultCaption || '';\n            \n            \/\/ Update main image\n            if (mainImg.src !== actualImageUrl) {\n                mainImg.src = actualImageUrl;\n            }\n            \n            \/\/ Update active state\n            const allThumbs = gallery.querySelectorAll('.gallery-thumb');\n            allThumbs.forEach(thumb => thumb.classList.remove('active'));\n            const thumbContainer = thumbElement.closest('.gallery-thumb');\n            if (thumbContainer) thumbContainer.classList.add('active');\n            \n            \/\/ Open modal directly with the thumbnail element\n            \/\/ This ensures the gallery array is built correctly\n            openImageModal(actualImageUrl, caption, thumbElement, event);\n        }\n        \n        function changeGalleryImage(thumbElement, imageUrl) {\n            if (!thumbElement) return;\n            \n            \/\/ Find the gallery container\n            const gallery = thumbElement.closest('.product-gallery');\n            if (!gallery) return;\n            \n            const mainImg = gallery.querySelector('.gallery-main-img');\n            if (!mainImg) return;\n            \n            const allThumbs = gallery.querySelectorAll('.gallery-thumb');\n            \n            \/\/ Use actual src from thumb element instead of parameter\n            const actualImageUrl = thumbElement.src || thumbElement.getAttribute('src') || imageUrl;\n            \n            \/\/ Update main image\n            if (mainImg.src !== actualImageUrl) {\n                mainImg.src = actualImageUrl;\n            }\n            \n            \/\/ Update onclick handler to use the actual current src\n            mainImg.onclick = function() { \n                const currentSrc = this.src || actualImageUrl;\n                openImageModal(currentSrc, this.alt || thumbElement.alt || '', this); \n            };\n            \n            \/\/ Update active state\n            allThumbs.forEach(thumb => thumb.classList.remove('active'));\n            const thumbContainer = thumbElement.closest('.gallery-thumb');\n            if (thumbContainer) thumbContainer.classList.add('active');\n        }\n        \n        \/\/ Close modal on Escape key and navigate with arrow keys\n        document.addEventListener('keydown', function(event) {\n            const modal = document.getElementById('imageModal');\n            if (!modal) return;\n            \n            if (modal.style.display === 'flex') {\n                if (event.key === 'Escape') {\n                    modal.style.display = 'none';\n                    document.body.style.overflow = 'auto';\n                } else if (event.key === 'ArrowLeft') {\n                    navigateModalImage(-1);\n                } else if (event.key === 'ArrowRight') {\n                    navigateModalImage(1);\n                }\n            }\n        });\n\n        \/\/ Share training video function\n        function shareTrainingVideo(videoType) {\n            const videoUrls = {\n                'training': 'https:\/\/easypick.no\/training',\n                'activate-scan-chip': 'https:\/\/drive.google.com\/file\/d\/1Io0j1mf5m4ERwfdGmy_CIADYJxBeR602\/view?usp=drivesdk',\n                'drop-off-thing': 'https:\/\/drive.google.com\/file\/d\/1L8hyYgnSvjLNDTGNULP9TwK_mjCDz1aT\/view?usp=drivesdk',\n                'pick-up-keys': 'https:\/\/drive.google.com\/file\/d\/141IYW33zJPpX9Vvb50b-s_oBtwiR1iiQ\/view?usp=drivesdk',\n                'articles': 'https:\/\/easypick.no\/articles'\n            };\n\n            const videoTitles = {\n                'training': 'Pick-Up-Point 30 Second Training Video',\n                'activate-scan-chip': 'How to activate Easypick chip',\n                'drop-off-thing': 'How to drop-off Easypick Thing',\n                'pick-up-keys': 'How to pick-up keys',\n                'articles': 'Articles'\n            };\n\n            const url = videoUrls[videoType] || '';\n            const title = videoTitles[videoType] || 'Training Video';\n\n            if (navigator.share) {\n                navigator.share({\n                    title: title,\n                    text: `Check out this Easypick training video: ${title}`,\n                    url: url\n                }).catch(err => {\n                    console.log('Error sharing:', err);\n                });\n            }\n        }\n\n        \/\/ Toggle training video display\n        function toggleTrainingVideo(cardElement) {\n            const videoContainer = cardElement.querySelector('.training-video-container');\n            const thumbnail = cardElement.querySelector('.training-video-thumbnail');\n            if (videoContainer && thumbnail) {\n                const isVisible = videoContainer.style.display !== 'none';\n                videoContainer.style.display = isVisible ? 'none' : 'block';\n                thumbnail.style.display = isVisible ? 'block' : 'none';\n                \n                \/\/ If showing video, play it\n                if (!isVisible) {\n                    setTimeout(() => {\n                        const video = cardElement.querySelector('.training-video-player');\n                        if (video) {\n                            video.play().catch(err => console.log('Video autoplay prevented:', err));\n                        }\n                    }, 100);\n                } else {\n                    \/\/ Pause video when hiding\n                    const video = cardElement.querySelector('.training-video-player');\n                    if (video) {\n                        video.pause();\n                    }\n                }\n            }\n        }\n\n        function copyToClipboard(text) {\n            if (navigator.clipboard) {\n                navigator.clipboard.writeText(text).then(() => {\n                    alert('Video link copied to clipboard!');\n                }).catch(err => {\n                    console.log('Error copying:', err);\n                    fallbackCopy(text);\n                });\n            } else {\n                fallbackCopy(text);\n            }\n        }\n\n        function fallbackCopy(text) {\n            const textArea = document.createElement('textarea');\n            textArea.value = text;\n            textArea.style.position = 'fixed';\n            textArea.style.opacity = '0';\n            document.body.appendChild(textArea);\n            textArea.select();\n            try {\n                document.execCommand('copy');\n                alert('Video link copied to clipboard!');\n            } catch (err) {\n                alert('Please copy this link: ' + text);\n            }\n            document.body.removeChild(textArea);\n        }\n\n        \/\/ PDF Preview Modal Functions\n        function openPdfPreview(pdfUrl, title) {\n            const modal = document.getElementById('pdfModal');\n            const modalFrame = document.getElementById('pdfModalFrame');\n            const modalTitle = document.getElementById('pdfModalTitle');\n            const modalDownload = document.getElementById('pdfModalDownload');\n            \n            const filename = title.replace(\/\\s+\/g, '_') + '.pdf';\n            \n            modalTitle.textContent = title;\n            modalFrame.src = pdfUrl + '#toolbar=0';\n            modalDownload.href = pdfUrl;\n            modalDownload.download = filename;\n            modalDownload.setAttribute('data-pdf-url', pdfUrl);\n            modalDownload.setAttribute('data-filename', filename);\n            \n            modal.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        \n        function closePdfModal(event) {\n            const modal = document.getElementById('pdfModal');\n            \n            \/\/ Only close if clicking the modal background or close button, not the iframe\n            if (event.target === modal || event.target.classList.contains('pdf-modal-close')) {\n                modal.style.display = 'none';\n                document.getElementById('pdfModalFrame').src = '';\n                document.body.style.overflow = 'auto';\n            }\n        }\n        \n        \/\/ Close PDF modal on Escape key\n        document.addEventListener('keydown', function(event) {\n            const pdfModal = document.getElementById('pdfModal');\n            if (event.key === 'Escape' && pdfModal.style.display === 'flex') {\n                pdfModal.style.display = 'none';\n                document.getElementById('pdfModalFrame').src = '';\n                document.body.style.overflow = 'auto';\n            }\n        });\n\n        \/\/ Handle PDF modal download button click\n        function handlePdfModalDownload(button) {\n            const pdfUrl = button.getAttribute('data-pdf-url');\n            const filename = button.getAttribute('data-filename');\n            if (pdfUrl && filename) {\n                downloadPdf(pdfUrl, filename);\n            }\n        }\n\n        \/\/ Force PDF download function\n        async function downloadPdf(pdfUrl, filename) {\n            try {\n                \/\/ Fetch the PDF as a blob\n                const response = await fetch(pdfUrl);\n                const blob = await response.blob();\n                \n                \/\/ Create a temporary download link\n                const url = window.URL.createObjectURL(blob);\n                const link = document.createElement('a');\n                link.href = url;\n                link.download = filename;\n                link.style.display = 'none';\n                \n                \/\/ Trigger download\n                document.body.appendChild(link);\n                link.click();\n                \n                \/\/ Cleanup\n                document.body.removeChild(link);\n                window.URL.revokeObjectURL(url);\n            } catch (error) {\n                console.error('Download failed:', error);\n                \/\/ Fallback: open in new tab if download fails\n                window.open(pdfUrl, '_blank');\n            }\n        }\n    <\/script>\n\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-89449c2 e-flex e-con-boxed e-con e-parent\" data-id=\"89449c2\" 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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SHOP OWNERPORTAL Everything you need to get started with Easypick Setup Guide Training Videos Download Materials PUP App Contact Welcome to Easypick Get started with Easypick &#8211; Completely free! Easypick is a smart, simple, and secure service for key sharing. Organize sharing in a safe system for your customers and employees, and become part of [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2875","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/pages\/2875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/comments?post=2875"}],"version-history":[{"count":243,"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/pages\/2875\/revisions"}],"predecessor-version":[{"id":3220,"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/pages\/2875\/revisions\/3220"}],"wp:attachment":[{"href":"https:\/\/easypick.app\/en\/wp-json\/wp\/v2\/media?parent=2875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}