{"id":1229,"date":"2025-02-14T16:57:33","date_gmt":"2025-02-14T16:57:33","guid":{"rendered":"https:\/\/afkdesign.se\/?page_id=1229"},"modified":"2026-04-26T09:05:03","modified_gmt":"2026-04-26T08:05:03","slug":"service-jukebox-hifi-vintage-arkad","status":"publish","type":"page","link":"https:\/\/afkteknik.se\/shop\/service-jukebox-hifi-vintage-arkad\/","title":{"rendered":"Service HIFI, Jukebox, Arcade, Flipperspel"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n Reparation Flipper, Jukebox & HiFi Sverige | AFK Teknik<\/title>\n <meta name=\"description\" content=\"AFK Teknik i Glemmingebro erbjuder experthj\u00e4lp, service och reparation av elektronik, flipperspel, jukeboxar, arkadmaskiner och vintage HiFi. Vi g\u00f6r hembes\u00f6k i stora delar av Sverige.\">\n <link rel=\"canonical\" href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\">\n \n <meta property=\"og:title\" content=\"Reparation Flipper, Jukebox & HiFi Sverige | AFK Teknik\">\n <meta property=\"og:description\" content=\"Expertis inom elektronik. Fr\u00e5n sprakande r\u00f6rf\u00f6rst\u00e4rkare till d\u00f6da flipperspel. Verkstad i Sk\u00e5ne & hembes\u00f6k i stora delar av Sverige.\">\n <meta property=\"og:image\" content=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/02\/475946040_1121463249678870_5297434921747066628_n-scaled.jpg\">\n <meta property=\"og:url\" content=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\">\n <meta property=\"og:type\" content=\"website\">\n\n <script>\n (function() {\n var ua = navigator.userAgent || navigator.vendor || window.opera;\n if ((ua.indexOf(\"FBAN\") > -1) || (ua.indexOf(\"FBAV\") > -1) || (ua.indexOf(\"Instagram\") > -1)) {\n document.documentElement.classList.add(\"is-inapp-browser\");\n }\n })();\n <\/script>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"dns-prefetch\" href=\"https:\/\/cdn.tailwindcss.com\">\n <link rel=\"preconnect\" href=\"https:\/\/cdn.tailwindcss.com\" crossorigin>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800;900&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n slate: { 800: '#1e293b', 850: '#172033', 900: '#0f172a', 950: '#020617' },\n brand: { 400: '#fb923c', 500: '#f97316', 600: '#ea580c' },\n indigo: { 600: '#4f46e5', 500: '#6366f1' } \n },\n fontFamily: { sans: ['Inter', 'sans-serif'] },\n animation: {\n 'fade-in': 'fadeIn 1s ease-out forwards',\n 'pulse-border': 'pulseBorder 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0', transform: 'translateY(20px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n },\n pulseBorder: {\n '0%, 100%': { borderColor: 'rgba(168, 85, 247, 1)', boxShadow: '0 0 0 4px rgba(168, 85, 247, 0.2)' },\n '50%': { borderColor: 'rgba(168, 85, 247, 0.5)', boxShadow: '0 0 0 0px rgba(168, 85, 247, 0)' },\n }\n }\n }\n }\n }\n <\/script>\n \n <style>\n \/* Fix mot det vita strecket h\u00f6gst upp (sk\u00f6ld mot Elementor\/WP margins) *\/\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n background-color: #0f172a !important;\n color: #e2e8f0;\n overflow-x: hidden; \n }\n\n \/* Magin som bryter koden ur WordPress-boxen *\/\n #afk-wrapper {\n font-family: 'Inter', sans-serif;\n width: 100vw;\n position: relative;\n top: 0;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n background-color: #0f172a; \n overflow-x: hidden;\n }\n\n .gpu-accelerate {\n transform: translateZ(0);\n will-change: transform, opacity;\n backface-visibility: hidden;\n }\n\n \/* Glass paneler *\/\n .glass-panel {\n background: rgba(30, 41, 59, 0.7);\n @supports (-webkit-backdrop-filter: none) {\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(12px);\n }\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* FB In-App Browser Failsafe CSS *\/\n .is-inapp-browser .glass-panel,\n .is-inapp-browser .backdrop-blur-lg,\n .is-inapp-browser .backdrop-blur-md,\n .is-inapp-browser .backdrop-blur {\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n background-color: rgba(15, 23, 42, 0.98) !important;\n }\n .is-inapp-browser .blur-\\[100px\\],\n .is-inapp-browser .blur-\\[120px\\],\n .is-inapp-browser .blur-\\[80px\\] {\n display: none !important; \n }\n \n \/* Custom Form Input Styles *\/\n .form-input {\n background-color: #1e293b !important;\n color: #ffffff !important;\n border: 1px solid #334155 !important;\n transition: all 0.2s ease-in-out;\n }\n .form-input:focus, .form-input.ring-2 {\n border-color: #a855f7 !important; \/* Lila fokus f\u00f6r denna sida *\/\n outline: none !important;\n box-shadow: 0 0 0 2px rgba(168, 85, 247, 0.2) !important;\n }\n\n \/* Interactive Category Buttons (Lila tema) *\/\n .cat-radio:checked + label {\n border-color: #a855f7;\n background-color: rgba(168, 85, 247, 0.1);\n }\n .cat-radio:checked + label .cat-icon {\n color: #a855f7;\n }\n\n #mobile-menu {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n #mobile-menu.open {\n max-height: 600px;\n }\n\n .no-scrollbar::-webkit-scrollbar { display: none; }\n \n details > summary { list-style: none; }\n details > summary::-webkit-details-marker { display: none; }\n details[open] summary ~ * { animation: sweep .3s ease-in-out; }\n @keyframes sweep { \n 0% {opacity: 0; transform: translateY(-10px)} \n 100% {opacity: 1; transform: translateY(0)} \n }\n \n .bento-gallery-item {\n position: relative !important;\n display: block !important;\n overflow: hidden !important;\n background-color: #0f172a !important;\n }\n .bento-gallery-item img {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n max-width: none !important;\n min-height: 100% !important;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n<div id=\"afk-wrapper\" class=\"selection:bg-purple-500\/30 selection:text-purple-200\">\n\n <header id=\"navbar\" class=\"fixed w-full top-0 z-50 bg-slate-900\/80 backdrop-blur-lg border-b border-white\/5 transition-all duration-300\">\n <div class=\"max-w-7xl mx-auto px-4\">\n <div class=\"flex justify-between items-center h-20\">\n <a href=\"\/\" class=\"flex items-center gap-3 group no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded-lg p-1\" aria-label=\"Till startsidan\">\n <div class=\"relative\">\n <div class=\"absolute inset-0 bg-purple-600 blur-lg opacity-20 group-hover:opacity-50 transition-opacity\" aria-hidden=\"true\"><\/div>\n <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 border border-purple-500\/30 p-2.5 rounded-xl relative z-10 transition-transform group-hover:scale-105\">\n <i data-lucide=\"cpu\" class=\"text-purple-500 w-5 h-5\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <div class=\"flex flex-col leading-none\">\n <span class=\"font-black text-lg tracking-tighter text-white\">AFK TEKNIK<\/span>\n <span class=\"text-[10px] font-bold tracking-[0.2em] text-purple-500 uppercase mt-0.5 group-hover:text-purple-400 transition-colors\">Vi kan teknik<\/span>\n <\/div>\n <\/a>\n \n <nav class=\"hidden xl:flex gap-6 text-sm font-bold text-slate-400 items-center\" aria-label=\"Huvudmeny\">\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-purple-400 transition-colors no-underline\">Mobil & Dator<\/a>\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-purple-400 transition-colors no-underline\">Vitvaror & Service<\/a>\n <a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"text-white transition-colors border-b-2 border-purple-500 pb-1 no-underline\" aria-current=\"page\">Flipper & Vintage<\/a>\n <a href=\"https:\/\/afkteknik.se\/tillverkning\/\" class=\"hover:text-white hover:text-purple-400 transition-colors no-underline\">CNC & Special<\/a>\n <a href=\"https:\/\/afkteknik.se\/service-industri-lantbruk\/\" class=\"hover:text-white hover:text-purple-400 transition-colors no-underline\">Industri & Lantbruk<\/a>\n <div class=\"h-4 w-px bg-slate-700 mx-2\" aria-hidden=\"true\"><\/div>\n <a href=\"\/verktyg\" class=\"hover:text-white transition-colors no-underline\">V\u00e5ra Verktyg<\/a>\n <a href=\"\/shop\" class=\"hover:text-white transition-colors no-underline\">Webshop<\/a>\n <\/nav>\n\n <a href=\"#boka\" class=\"hidden md:flex items-center gap-2 bg-indigo-600 hover:bg-indigo-500 text-white px-5 py-2.5 rounded-lg font-bold text-sm transition-colors shadow-[0_0_15px_rgba(79,46,229,0.3)] no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400\">\n <i data-lucide=\"wrench\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> Boka Service\n <\/a>\n\n <button id=\"mobile-menu-btn\" class=\"xl:hidden text-white p-2 hover:bg-white\/10 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500\" aria-label=\"\u00d6ppna meny\" aria-expanded=\"false\">\n <i data-lucide=\"menu\" class=\"w-7 h-7\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <div id=\"mobile-menu\" class=\"xl:hidden bg-slate-900\/95 backdrop-blur-xl border-t border-white\/10\">\n <div class=\"px-6 py-6 space-y-4 flex flex-col\">\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5 no-underline\">Mobil & Dator<\/a>\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5 no-underline\">Vitvaror & Husbil<\/a>\n <a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"text-purple-400 font-bold block py-2 border-b border-white\/5 no-underline\">Flipper & Vintage<\/a>\n <a href=\"https:\/\/afkteknik.se\/tillverkning\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5 no-underline\">CNC & Special<\/a>\n <a href=\"https:\/\/afkteknik.se\/service-industri-lantbruk\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5 no-underline\">Industri & Lantbruk<\/a>\n <div class=\"flex gap-4 py-2\">\n <a href=\"\/verktyg\" class=\"text-slate-400 hover:text-white text-sm no-underline\">V\u00e5ra Verktyg<\/a>\n <a href=\"\/shop\" class=\"text-slate-400 hover:text-white text-sm no-underline\">Webshop & Delar<\/a>\n <\/div>\n <a href=\"#boka\" class=\"bg-indigo-600 hover:bg-indigo-500 text-white px-5 py-3 rounded-xl font-bold text-center shadow-lg block mt-2 no-underline\">\n Boka Service\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"relative pt-40 pb-24 overflow-hidden border-b border-white\/5\">\n <div class=\"absolute inset-0 z-0 pointer-events-none\">\n <img decoding=\"async\" \n src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/02\/475946040_1121463249678870_5297434921747066628_n-scaled.jpg\" \n alt=\"AFK Teknik Elektronikverkstad r\u00f6rf\u00f6rst\u00e4rkare\" \n class=\"absolute inset-0 w-full h-full object-cover opacity-30\"\n fetchpriority=\"high\"\n >\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-950\/80 via-slate-900\/90 to-slate-900\"><\/div>\n <div class=\"absolute inset-0 bg-gradient-to-r from-slate-950 via-transparent to-transparent\"><\/div>\n <\/div>\n\n <div class=\"absolute top-0 right-0 w-[50vw] h-[50vw] max-w-[800px] max-h-[800px] bg-purple-600\/20 rounded-full blur-[100px] -translate-y-1\/2 translate-x-1\/3 z-0 pointer-events-none\" aria-hidden=\"true\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[40vw] h-[40vw] max-w-[600px] max-h-[600px] bg-indigo-600\/10 rounded-full blur-[100px] translate-y-1\/2 -translate-x-1\/3 z-0 pointer-events-none\" aria-hidden=\"true\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12 relative z-10 animate-fade-in\">\n <div class=\"lg:w-2\/3 text-center lg:text-left\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-panel text-purple-300 text-xs font-bold uppercase tracking-widest mb-6 shadow-sm border border-purple-500\/30\">\n <i data-lucide=\"sparkles\" class=\"w-4 h-4 text-purple-400\" aria-hidden=\"true\"><\/i> Expertis inom elektronik\n <\/div>\n \n <h1 class=\"text-5xl md:text-7xl font-black text-white mb-6 tracking-tighter leading-[1.1] drop-shadow-2xl\">\n Reparation av Flipper, <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-500\">Jukebox & Vintage.<\/span>\n <\/h1>\n \n <p class=\"text-xl text-slate-300 max-w-2xl lg:mx-0 mx-auto mb-10 leading-relaxed font-light drop-shadow-md\">\n Vi \u00e4r specialiserade p\u00e5 att reparera och serva klassisk teknik. Fr\u00e5n sprakande r\u00f6rf\u00f6rst\u00e4rkare till d\u00f6da flipperspel. Verkstad i Glemmingebro & hembes\u00f6k i stora delar av Sverige.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start items-center\">\n <button onclick=\"document.getElementById('boka').scrollIntoView({behavior: 'smooth'})\" class=\"px-8 py-4 rounded-xl font-bold bg-indigo-600 hover:bg-indigo-500 text-white shadow-lg hover:shadow-indigo-500\/25 transition-all flex items-center justify-center gap-2 border border-indigo-500 w-full sm:w-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\">\n Boka Reparation <i data-lucide=\"wrench\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i>\n <\/button>\n <div class=\"flex items-center gap-4 px-6 py-3.5 text-sm font-medium text-slate-300 bg-slate-800\/80 rounded-xl border border-white\/10 backdrop-blur-sm w-full sm:w-auto justify-center\">\n <span class=\"flex items-center gap-1.5\"><i data-lucide=\"truck\" class=\"w-4 h-4 text-purple-400\" aria-hidden=\"true\"><\/i> Hembes\u00f6k<\/span>\n <span class=\"text-slate-600\">|<\/span>\n <span class=\"flex items-center gap-1.5\"><i data-lucide=\"map-pin\" class=\"w-4 h-4 text-purple-400\" aria-hidden=\"true\"><\/i> Glemmingebro<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:w-1\/3 w-full max-w-md relative group hidden sm:block\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-purple-600 to-pink-600 rounded-3xl blur opacity-20 group-hover:opacity-40 transition duration-1000 group-hover:duration-500\" aria-hidden=\"true\"><\/div>\n <div class=\"glass-panel rounded-3xl p-8 relative shadow-2xl\">\n <div class=\"flex items-center justify-between mb-6 border-b border-white\/10 pb-4\">\n <span class=\"text-white font-bold text-lg\">Vad vi lagar<\/span>\n <span class=\"text-xs text-purple-300 bg-purple-500\/20 px-3 py-1 rounded-full border border-purple-500\/30\">Nischat<\/span>\n <\/div>\n <ul class=\"space-y-5 m-0 p-0 list-none\">\n <li class=\"flex items-center text-sm group\/item\">\n <div class=\"w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center mr-4 border border-white\/5 group-hover\/item:border-purple-500\/50 transition-colors\">\n <i data-lucide=\"disc\" class=\"w-4 h-4 text-purple-400\"><\/i>\n <\/div>\n <span class=\"text-slate-200 font-medium\">Jukebox Service<\/span>\n <\/li>\n <li class=\"flex items-center text-sm group\/item\">\n <div class=\"w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center mr-4 border border-white\/5 group-hover\/item:border-pink-500\/50 transition-colors\">\n <i data-lucide=\"gamepad-2\" class=\"w-4 h-4 text-pink-400\"><\/i>\n <\/div>\n <span class=\"text-slate-200 font-medium\">Flipper Reparation<\/span>\n <\/li>\n <li class=\"flex items-center text-sm group\/item\">\n <div class=\"w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center mr-4 border border-white\/5 group-hover\/item:border-blue-500\/50 transition-colors\">\n <i data-lucide=\"speaker\" class=\"w-4 h-4 text-blue-400\"><\/i>\n <\/div>\n <span class=\"text-slate-200 font-medium\">Vintage HiFi<\/span>\n <\/li>\n <li class=\"flex items-center text-sm group\/item\">\n <div class=\"w-8 h-8 rounded-lg bg-slate-800 flex items-center justify-center mr-4 border border-white\/5 group-hover\/item:border-green-500\/50 transition-colors\">\n <i data-lucide=\"cpu\" class=\"w-4 h-4 text-green-400\"><\/i>\n <\/div>\n <span class=\"text-slate-200 font-medium\">Kretskortsl\u00f6dning<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"bg-slate-950 border-b border-white\/5 py-6\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-2 md:grid-cols-4 gap-4 text-center divide-x divide-white\/5\">\n <div class=\"px-4\">\n <i data-lucide=\"shield-check\" class=\"w-6 h-6 text-purple-500 mx-auto mb-2\" aria-hidden=\"true\"><\/i>\n <p class=\"text-white font-bold text-sm\">3 M\u00e5naders Garanti<\/p>\n <p class=\"text-slate-400 text-xs hidden md:block mt-1\">P\u00e5 utf\u00f6rda reparationer<\/p>\n <\/div>\n <div class=\"px-4\">\n <i data-lucide=\"infinity\" class=\"w-6 h-6 text-pink-500 mx-auto mb-2\" aria-hidden=\"true\"><\/i>\n <p class=\"text-white font-bold text-sm\">Vi l\u00f6ser det om\u00f6jliga<\/p>\n <p class=\"text-slate-400 text-xs hidden md:block mt-1\">Vi tillverkar utg\u00e5ngna delar<\/p>\n <\/div>\n <div class=\"px-4\">\n <i data-lucide=\"truck\" class=\"w-6 h-6 text-indigo-500 mx-auto mb-2\" aria-hidden=\"true\"><\/i>\n <p class=\"text-white font-bold text-sm\">Hela Sverige<\/p>\n <p class=\"text-slate-400 text-xs hidden md:block mt-1\">Hembes\u00f6k f\u00f6r stora maskiner<\/p>\n <\/div>\n <div class=\"px-4\">\n <i data-lucide=\"credit-card\" class=\"w-6 h-6 text-purple-400 mx-auto mb-2\" aria-hidden=\"true\"><\/i>\n <p class=\"text-white font-bold text-sm\">Smidig Betalning<\/p>\n <p class=\"text-slate-400 text-xs hidden md:block mt-1\">Klarna, Swish eller Kort<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"py-24 bg-slate-900 border-b border-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-16\">\n <span class=\"text-purple-500 font-bold tracking-[0.2em] text-[10px] uppercase mb-3 block\">Symptom<\/span>\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-4\">Vanliga fel vi \u00e5tg\u00e4rdar<\/h2>\n <p class=\"text-slate-400 text-lg max-w-2xl mx-auto\">K\u00e4nner du igen n\u00e5got av detta? Klicka p\u00e5 kortet f\u00f6r att direkt starta ett \u00e4rende f\u00f6r just det felet.<\/p>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <button onclick=\"quickBook('Brummande ljud \/ Kondensatorer')\" \n class=\"text-left cursor-pointer group relative bg-slate-800 rounded-3xl overflow-hidden border border-white\/10 hover:border-purple-500 transition-all duration-300 shadow-xl hover:shadow-purple-900\/20 hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 w-full flex flex-col\">\n <div class=\"h-48 w-full overflow-hidden relative\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-800 via-transparent to-transparent z-10\" aria-hidden=\"true\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/02\/476019694_1122525572905971_1437106315212436589_n-1-e1739007608133.jpg\" \n alt=\"Vintage elektronik med gl\u00f6dande r\u00f6r\" \n class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 opacity-80\" loading=\"lazy\">\n <\/div>\n <div class=\"p-8 relative z-20 flex-1 flex flex-col\">\n <div class=\"w-12 h-12 bg-slate-900 border border-purple-500\/30 rounded-xl flex items-center justify-center text-purple-400 mb-5 shadow-lg group-hover:bg-purple-600 group-hover:text-white transition-colors absolute -top-6 right-8\">\n <i data-lucide=\"volume-2\" class=\"w-6 h-6\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3\">Brummande \/ sprakande<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6 flex-1\">\n Ett dovt 50hz-brum \u00e4r ett klassiskt tecken p\u00e5 att elektrolytkondensatorerna i n\u00e4tdelen har torkat ut. Sprakande ljud beror ofta p\u00e5 oxid.\n <\/p>\n <span class=\"inline-flex items-center gap-2 text-purple-400 font-bold text-sm mt-auto group-hover:text-purple-300\">\n Boka \u00e5tg\u00e4rd <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/div>\n <\/button>\n\n <button onclick=\"quickBook('Svaga flipper-spolar')\" \n class=\"text-left cursor-pointer group relative bg-slate-800 rounded-3xl overflow-hidden border border-white\/10 hover:border-pink-500 transition-all duration-300 shadow-xl hover:shadow-pink-900\/20 hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-pink-500 w-full flex flex-col\">\n <div class=\"h-48 w-full overflow-hidden relative\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-800 via-transparent to-transparent z-10\" aria-hidden=\"true\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/577663346_1335817868243406_643008756054879483_n-e1767331924561.jpg\" \n alt=\"Flipperspel mekanik under playfield\" \n class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 opacity-80\" loading=\"lazy\">\n <\/div>\n <div class=\"p-8 relative z-20 flex-1 flex flex-col\">\n <div class=\"w-12 h-12 bg-slate-900 border border-pink-500\/30 rounded-xl flex items-center justify-center text-pink-400 mb-5 shadow-lg group-hover:bg-pink-600 group-hover:text-white transition-colors absolute -top-6 right-8\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3\">Svaga flipper-spolar<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6 flex-1\">\n Orkar inte flippern skjuta kulan upp f\u00f6r rampen? Det beror ofta p\u00e5 slitage i mekaniken, br\u00e4nda EOS-switchar eller smutsiga optos.\n <\/p>\n <span class=\"inline-flex items-center gap-2 text-pink-400 font-bold text-sm mt-auto group-hover:text-pink-300\">\n Boka \u00e5tg\u00e4rd <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/div>\n <\/button>\n\n <button onclick=\"quickBook('Batteril\u00e4ckage \/ Syra p\u00e5 kretskort')\" \n class=\"text-left cursor-pointer group relative bg-slate-800 rounded-3xl overflow-hidden border border-white\/10 hover:border-red-500 transition-all duration-300 shadow-xl hover:shadow-red-900\/20 hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 w-full flex flex-col\">\n <div class=\"h-48 w-full overflow-hidden relative\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-800 via-transparent to-transparent z-10\" aria-hidden=\"true\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/02\/476129520_1123823846109477_4442428614909822720_n.jpg\" \n alt=\"Skadat kretskort med batterisyra\" \n class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 opacity-80\" loading=\"lazy\">\n <\/div>\n <div class=\"p-8 relative z-20 flex-1 flex flex-col\">\n <div class=\"w-12 h-12 bg-slate-900 border border-red-500\/30 rounded-xl flex items-center justify-center text-red-500 mb-5 shadow-lg group-hover:bg-red-600 group-hover:text-white transition-colors absolute -top-6 right-8\">\n <i data-lucide=\"battery-warning\" class=\"w-6 h-6\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-white mb-3\">Batteril\u00e4ckage (Syra)<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6 flex-1\">\n Det tysta hotet mot Bally\/Williams-spel. Gamla batterier l\u00e4cker bas\/syra som ob\u00f6nh\u00f6rligen \u00e4ter upp kopparbanorna p\u00e5 CPU-kortet.\n <\/p>\n <span class=\"inline-flex items-center gap-2 text-red-400 font-bold text-sm mt-auto group-hover:text-red-300\">\n Boka \u00e5tg\u00e4rd <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/div>\n <\/button>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-slate-950 border-b border-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6 space-y-32\">\n \n <div class=\"flex flex-col md:flex-row gap-12 lg:gap-20 items-center\">\n <div class=\"w-full md:w-1\/2 order-2 md:order-1\">\n <div class=\"inline-flex items-center gap-2 text-purple-400 font-bold uppercase tracking-widest text-sm mb-4\">\n <i data-lucide=\"disc\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> Jukebox Service Sverige\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6 tracking-tight\">Service av Jukebox & R\u00f6rf\u00f6rst\u00e4rkare<\/h2>\n <p class=\"text-slate-300 mb-6 leading-relaxed text-lg font-light\">\n Att renovera en jukebox kr\u00e4ver kunskap om b\u00e5de finmekanik och gammal elektronik. Vi \u00e4r specialiserade p\u00e5 m\u00e4rken som <strong>Rock-Ola, Seeburg, AMI och Wurlitzer<\/strong>. \n Oavsett om det \u00e4r en v\u00e4ljarmekanism som fastnat i torkat fett eller en r\u00f6rf\u00f6rst\u00e4rkare som tappat ljudet, kan vi v\u00e4cka liv i musiken igen.\n <\/p>\n <ul class=\"space-y-4 mb-8 list-none pl-0\">\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-purple-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-purple-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> R\u00f6rf\u00f6rst\u00e4rkare renovering (Recap & r\u00f6rbyte)<\/li>\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-purple-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-purple-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> Ultraljudstv\u00e4tt, justering av mekanik & sm\u00f6rjning<\/li>\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-purple-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-purple-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> Fels\u00f6kning av selection receivers \/ pinbanks<\/li>\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-purple-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-purple-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> Hembes\u00f6k f\u00f6r tunga maskiner i stora delar av Sverige<\/li>\n <\/ul>\n <button onclick=\"quickBook('Jukebox service')\" class=\"inline-flex items-center gap-2 bg-slate-800 hover:bg-slate-700 text-white px-8 py-4 rounded-xl font-bold transition-all shadow-lg hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 border border-slate-700\">\n Boka Jukebox-service <i data-lucide=\"arrow-right\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <div class=\"w-full md:w-1\/2 order-1 md:order-2 relative\">\n <div class=\"absolute inset-0 bg-purple-500\/20 rounded-3xl blur-2xl transform rotate-3\" aria-hidden=\"true\"><\/div>\n <div class=\"aspect-square md:aspect-[4\/5] bg-slate-900 rounded-3xl overflow-hidden border border-white\/10 relative group shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/489381511_1167839355041259_5113630106994864590_n.jpg.webp\" \n alt=\"Reparation av Rock-Ola Jukebox mekanik insida\"\n class=\"w-full h-full object-cover transition-transform duration-1000 group-hover:scale-105\"\n loading=\"lazy\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/80 via-transparent to-transparent pointer-events-none\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row gap-12 lg:gap-20 items-center\">\n <div class=\"w-full md:w-1\/2 relative\">\n <div class=\"absolute inset-0 bg-pink-500\/20 rounded-3xl blur-2xl transform -rotate-3\" aria-hidden=\"true\"><\/div>\n <div class=\"aspect-square md:aspect-[4\/5] bg-slate-900 rounded-3xl overflow-hidden border border-white\/10 relative group shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/482301557_1141866830971845_298950142732753001_n-scaled.jpg\" \n alt=\"Renoverad spelplan p\u00e5 Williams Flipperspel\"\n class=\"w-full h-full object-cover object-center transition-transform duration-1000 group-hover:scale-105\"\n loading=\"lazy\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/80 via-transparent to-transparent pointer-events-none\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <div class=\"inline-flex items-center gap-2 text-pink-500 font-bold uppercase tracking-widest text-sm mb-4\">\n <i data-lucide=\"gamepad-2\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> Flipper & Arkad\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-white mb-6 tracking-tight\">Laga Flipperspel & Arkadmaskiner<\/h2>\n <p class=\"text-slate-300 mb-6 leading-relaxed text-lg font-light\">\n Ett flipperspel best\u00e5r av miltals med kabel, hundratals switchar, str\u00f6mslukande spolar och logikkretsar. Vi \u00e4r experter p\u00e5 90-talets Bally\/Williams WPC-spel, Data East och Stern, men servar \u00e4ven \u00e4ldre Solid State och Elektromekaniska (EM) spel. \n Har din bildsk\u00e4rm i arkadspelet d\u00f6tt? Vi utf\u00f6r \u00e4ven chassi-service p\u00e5 CRT-monitorer.\n <\/p>\n <ul class=\"space-y-4 mb-8 list-none pl-0\">\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-pink-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-pink-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> L\u00f6dning av CPU, Power Driver board & Sound board<\/li>\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-pink-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-pink-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> Renovering av flippermekanik & pop bumpers<\/li>\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-pink-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-pink-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> Reparation av Dot Matrix Display (DMD) \/ H\u00f6gsp\u00e4nning<\/li>\n <li class=\"flex items-center gap-3 text-slate-300\"><div class=\"bg-pink-500\/20 p-1 rounded-md\"><i data-lucide=\"check\" class=\"text-pink-400 w-4 h-4\" aria-hidden=\"true\"><\/i><\/div> Arkad: Monitor-service & Recap av n\u00e4taggregat<\/li>\n <\/ul>\n <button onclick=\"quickBook('Flipper service')\" class=\"inline-flex items-center gap-2 bg-slate-800 hover:bg-slate-700 text-white px-8 py-4 rounded-xl font-bold transition-all shadow-lg hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-pink-500 border border-slate-700\">\n Boka flipperservice <i data-lucide=\"arrow-right\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-slate-900 relative overflow-hidden border-b border-white\/5\">\n <div class=\"absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:32px_32px]\" aria-hidden=\"true\"><\/div>\n \n <div class=\"absolute left-0 top-0 w-[500px] h-[500px] bg-purple-600\/10 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 -translate-y-1\/2\" aria-hidden=\"true\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"grid lg:grid-cols-12 gap-16 items-center\">\n \n <div class=\"lg:col-span-5\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-slate-800 border border-slate-700 text-purple-400 text-xs font-bold uppercase tracking-widest mb-6 shadow-lg\">\n <i data-lucide=\"zap\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> Passion f\u00f6r teknik\n <\/div>\n \n <h2 class=\"text-4xl md:text-6xl font-black text-white mb-6 tracking-tighter leading-[1.1]\">\n Bevara det gamla. <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-500\">Skapa det nya.<\/span>\n <\/h2>\n \n <p class=\"text-xl text-slate-300 mb-8 leading-relaxed font-light\">\n AFK Teknik \u00e4r inte bara en verkstad, det \u00e4r ett labb d\u00e4r d\u00e5tid m\u00f6ter framtid. Jag, Anton Svensson, startade detta f\u00f6r att jag v\u00e4grar acceptera att klassisk kvalitetsteknik sl\u00e4ngs p\u00e5 tippen.\n <br><br>\n Vi kombinerar <strong>traditionellt hantverk<\/strong> (finl\u00f6dning, r\u00f6rbyte, mekanik) med <strong>modern teknik<\/strong> (3D-printing, CNC, CAD). Det g\u00f6r att vi kan laga eller tillverka delar som slutat produceras f\u00f6r decennier sedan.\n <\/p>\n\n <div class=\"mt-10 pt-8 border-t border-white\/10 flex items-center gap-4\">\n <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Anton+Svensson&background=a855f7&color=fff\" class=\"w-12 h-12 rounded-full\" alt=\"Anton Svensson\" loading=\"lazy\">\n <div>\n <div class=\"text-sm font-bold text-white\">Anton Svensson<\/div>\n <div class=\"text-xs text-slate-500 uppercase tracking-widest\">Grundare & Tekniker<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-7 relative h-[600px] w-full hidden lg:block\" aria-hidden=\"true\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[450px] h-[450px] bg-purple-500\/10 blur-[80px] rounded-full\"><\/div>\n\n <div class=\"absolute top-5 left-0 w-52 h-40 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl -rotate-6 hover:rotate-0 hover:scale-105 transition-all duration-500 z-10 hover:z-50\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/02\/455579082_1003075324850997_1520217770536409659_n.jpg\" class=\"w-full h-full object-cover\" alt=\"R\u00f6rf\u00f6rst\u00e4rkare\" loading=\"lazy\">\n <div class=\"absolute inset-0 bg-slate-900\/20 mix-blend-overlay\"><\/div>\n <\/div>\n\n <div class=\"absolute top-0 right-12 w-48 h-48 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl rotate-3 hover:rotate-0 hover:scale-105 transition-all duration-500 z-20 hover:z-50\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/500825466_1205036921321502_1388558384846107619_n.jpg\" class=\"w-full h-full object-cover\" alt=\"Kretskort l\u00f6dning\" loading=\"lazy\">\n <\/div>\n\n <div class=\"absolute top-[35%] left-10 w-48 h-52 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl -rotate-3 hover:rotate-0 hover:scale-105 transition-all duration-500 z-20 hover:z-50\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/580097175_1338566997968493_6102916074659345999_n.jpg\" class=\"w-full h-full object-cover object-center\" alt=\"Jukebox Restaurering\" loading=\"lazy\">\n <\/div>\n\n <div class=\"absolute top-[30%] right-0 w-56 h-44 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl rotate-6 hover:rotate-0 hover:scale-105 transition-all duration-500 z-10 hover:z-50\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/11\/495001756_1208326740992520_4657251053300342503_n.jpg\" class=\"w-full h-full object-cover object-top\" alt=\"Flipper Playfield Swap\" loading=\"lazy\">\n <\/div>\n\n <div class=\"absolute bottom-10 left-4 w-60 h-48 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl -rotate-2 hover:rotate-0 hover:scale-105 transition-all duration-500 z-30 hover:z-50\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/12\/495001756_1208326740992520_4657251053300342503_n.jpg\" class=\"w-full h-full object-cover\" alt=\"Service Flipper\" loading=\"lazy\">\n <\/div>\n\n <div class=\"absolute bottom-4 right-10 w-56 h-56 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl rotate-2 hover:rotate-0 hover:scale-105 transition-all duration-500 z-20 hover:z-50\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/561752537_1314011803757346_6372916845950330905_n.jpg\" class=\"w-full h-full object-cover\" alt=\"Flipper Mekanik detalj\" loading=\"lazy\">\n <\/div>\n\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-36 h-36 bg-slate-900\/90 rounded-full border border-purple-500\/40 flex items-center justify-center z-40 shadow-2xl backdrop-blur-md\">\n <div class=\"text-center leading-none\">\n <span class=\"block text-[11px] font-bold text-purple-400 uppercase tracking-widest mb-1\">Since<\/span>\n <span class=\"block text-4xl font-black text-white\">2022<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section aria-label=\"Bildgalleri fr\u00e5n verkstaden\" class=\"py-24 bg-slate-950 border-b border-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"mb-12 flex flex-col md:flex-row md:items-end justify-between gap-6\">\n <div>\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"h-px w-8 bg-purple-500\" aria-hidden=\"true\"><\/div>\n <span class=\"text-purple-500 font-bold uppercase tracking-widest text-sm\">Fr\u00e5n Verkstan<\/span>\n <\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-white tracking-tight\">Klassiker vi r\u00e4ddat<\/h2>\n <\/div>\n <p class=\"text-slate-400 max-w-md m-0\">En inblick i den dagliga verksamheten. Ingen maskin \u00e4r f\u00f6r smutsig eller f\u00f6r komplicerad f\u00f6r att f\u00e5 en andra chans.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n <div class=\"bg-slate-800 rounded-2xl overflow-hidden border border-white\/5 relative group aspect-square w-full\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/580097175_1338566997968493_6102916074659345999_n.jpg\" \n alt=\"Jukebox restaurering p\u00e5g\u00e5ende\"\n class=\"absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110\"\n loading=\"lazy\">\n <div class=\"absolute bottom-0 left-0 p-5 bg-gradient-to-t from-slate-950 via-slate-900\/80 to-transparent w-full z-10\">\n <h4 class=\"text-white font-bold text-sm\">Jukebox Restaurering<\/h4>\n <\/div>\n <\/div>\n <div class=\"bg-slate-800 rounded-2xl overflow-hidden border border-white\/5 relative group aspect-square w-full\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/11\/495001756_1208326740992520_4657251053300342503_n.jpg\" \n alt=\"Flipperspel spelplansbyte\"\n class=\"absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110\"\n loading=\"lazy\">\n <div class=\"absolute bottom-0 left-0 p-5 bg-gradient-to-t from-slate-950 via-slate-900\/80 to-transparent w-full z-10\">\n <h4 class=\"text-white font-bold text-sm\">Flipper Playfield Swap<\/h4>\n <\/div>\n <\/div>\n <div class=\"bg-slate-800 rounded-2xl overflow-hidden border border-white\/5 relative group aspect-square w-full\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/500825466_1205036921321502_1388558384846107619_n.jpg\" \n alt=\"Reparation av HIFI kretskort\"\n class=\"absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110\"\n loading=\"lazy\">\n <div class=\"absolute bottom-0 left-0 p-5 bg-gradient-to-t from-slate-950 via-slate-900\/80 to-transparent w-full z-10\">\n <h4 class=\"text-white font-bold text-sm\">Kretskortsservice HiFi<\/h4>\n <\/div>\n <\/div>\n <div class=\"bg-slate-800 rounded-2xl overflow-hidden border border-white\/5 relative group aspect-square w-full\">\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/582635675_1344132870745239_7210651536435179044_n.jpg\" \n alt=\"Vintage r\u00f6rf\u00f6rst\u00e4rkare gl\u00f6der\"\n class=\"absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110\"\n loading=\"lazy\">\n <div class=\"absolute bottom-0 left-0 p-5 bg-gradient-to-t from-slate-950 via-slate-900\/80 to-transparent w-full z-10\">\n <h4 class=\"text-white font-bold text-sm\">R\u00f6rf\u00f6rst\u00e4rkare & Bias<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section aria-label=\"Vanliga fr\u00e5gor\" class=\"py-24 bg-slate-900 relative overflow-hidden border-b border-white\/5\">\n <div class=\"absolute right-0 top-1\/2 -translate-y-1\/2 w-[500px] h-[500px] bg-purple-600\/5 rounded-full blur-[120px] pointer-events-none\" aria-hidden=\"true\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-24\">\n \n <div class=\"lg:col-span-5\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-slate-800 border border-slate-700 text-purple-400 text-xs font-bold uppercase tracking-widest mb-6\">\n <i data-lucide=\"help-circle\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> Fr\u00e5gor & Svar\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-black text-white mb-6 tracking-tight\">\n Vanliga <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600\">Funderingar.<\/span>\n <\/h2>\n <p class=\"text-slate-400 text-lg mb-8 leading-relaxed\">\n H\u00e4r hittar du snabba svar om hur det g\u00e5r till att l\u00e4mna in ditt flipperspel eller vintage-HiFi till verkstaden.\n <\/p>\n\n <div class=\"bg-slate-800\/50 backdrop-blur border border-white\/5 rounded-3xl p-8 hover:border-purple-500\/30 transition-colors\">\n <div class=\"w-12 h-12 bg-slate-900 rounded-xl flex items-center justify-center text-purple-500 mb-5 border border-white\/5 shadow-inner\">\n <i data-lucide=\"message-circle\" class=\"w-6 h-6\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-white font-bold text-lg mb-2\">Hittar du inte svaret?<\/h3>\n <p class=\"text-slate-400 text-sm mb-6\">Ingen fara, beskriv ditt \u00e4rende i formul\u00e4ret s\u00e5 reder vi ut det tillsammans.<\/p>\n <button onclick=\"document.getElementById('boka').scrollIntoView({behavior: 'smooth'})\" class=\"inline-flex items-center gap-2 text-purple-400 font-bold text-sm hover:text-purple-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1\">\n G\u00e5 till bokningen <i data-lucide=\"arrow-down\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-7 space-y-4\">\n \n <details class=\"group bg-slate-800 rounded-2xl border border-white\/5 overflow-hidden transition-all duration-300 hover:border-purple-500\/30 open:bg-slate-800\/80 open:border-purple-500\/50 shadow-md\">\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded-2xl\">\n <span class=\"font-bold text-white text-lg group-hover:text-purple-400 transition-colors\">G\u00f6r ni hembes\u00f6k?<\/span>\n <span class=\"bg-slate-900 p-2 rounded-lg text-slate-400 group-open:text-purple-500 group-open:bg-purple-500\/10 transition-all border border-white\/5 group-open:border-purple-500\/20\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-45\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-6 pb-6 text-slate-300 text-sm leading-relaxed border-t border-white\/5 pt-4\">\n <p><strong>Ja, f\u00f6r stora maskiner.<\/strong> Flipperspel, Jukeboxar och Arkadspel \u00e4r tunga och riskabla att flytta. Vi kommer ut till dig i stora delar av Sverige. Startavgift tillkommer beroende p\u00e5 avst\u00e5nd fr\u00e5n v\u00e5r verkstad i Glemmingebro.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group bg-slate-800 rounded-2xl border border-white\/5 overflow-hidden transition-all duration-300 hover:border-purple-500\/30 open:bg-slate-800\/80 open:border-purple-500\/50 shadow-md\">\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded-2xl\">\n <span class=\"font-bold text-white text-lg group-hover:text-purple-400 transition-colors\">Vad kostar en reparation?<\/span>\n <span class=\"bg-slate-900 p-2 rounded-lg text-slate-400 group-open:text-purple-500 group-open:bg-purple-500\/10 transition-all border border-white\/5 group-open:border-purple-500\/20\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-45\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-6 pb-6 text-slate-300 text-sm leading-relaxed border-t border-white\/5 pt-4 space-y-3\">\n <p>Vi ger alltid ett kostnadsf\u00f6rslag efter fels\u00f6kning, d\u00e5 det \u00e4r sv\u00e5rt att svara exakt innan vi sett maskinen. N\u00e5gra grova riktlinjer:<\/p>\n <ul class=\"list-disc pl-5 space-y-1\">\n <li><strong>Jukebox:<\/strong> ca 1500 kr - 15000 kr beroende p\u00e5 skick (t.ex. total genomg\u00e5ng vs. sm\u00e5fix).<\/li>\n <li><strong>Flipperspel:<\/strong> ca 2000 kr - 7000 kr f\u00f6r vanliga fel och service.<\/li>\n <li><strong>Kretskort\/F\u00f6rst\u00e4rkare:<\/strong> ca 900 kr - 3000 kr beroende p\u00e5 komponentkostnad.<\/li>\n <\/ul>\n <p>Skicka ett mail eller anv\u00e4nd formul\u00e4ret med din modell, s\u00e5 ger vi dig en b\u00e4ttre uppskattning direkt!<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group bg-slate-800 rounded-2xl border border-white\/5 overflow-hidden transition-all duration-300 hover:border-purple-500\/30 open:bg-slate-800\/80 open:border-purple-500\/50 shadow-md\">\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded-2xl\">\n <span class=\"font-bold text-white text-lg group-hover:text-purple-400 transition-colors\">Lagar ni gammal r\u00f6r-radio?<\/span>\n <span class=\"bg-slate-900 p-2 rounded-lg text-slate-400 group-open:text-purple-500 group-open:bg-purple-500\/10 transition-all border border-white\/5 group-open:border-purple-500\/20\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-45\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-6 pb-6 text-slate-300 text-sm leading-relaxed border-t border-white\/5 pt-4\">\n <p>Absolut. Vi \u00e4r experter p\u00e5 vintage-elektronik. Vi byter uttorkade kondensatorer (recap), testar r\u00f6r och justerar radiodelen s\u00e5 den l\u00e5ter varmt och fint som den ska igen.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group bg-slate-800 rounded-2xl border border-white\/5 overflow-hidden transition-all duration-300 hover:border-purple-500\/30 open:bg-slate-800\/80 open:border-purple-500\/50 shadow-md\">\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded-2xl\">\n <span class=\"font-bold text-white text-lg group-hover:text-purple-400 transition-colors\">K\u00f6per ni in defekta maskiner?<\/span>\n <span class=\"bg-slate-900 p-2 rounded-lg text-slate-400 group-open:text-purple-500 group-open:bg-purple-500\/10 transition-all border border-white\/5 group-open:border-purple-500\/20\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-45\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-6 pb-6 text-slate-300 text-sm leading-relaxed border-t border-white\/5 pt-4\">\n <p>Ja, vi k\u00f6per g\u00e4rna in defekta flipperspel, jukeboxar eller arkadspel som framtida renoveringsprojekt. Skicka n\u00e5gra bilder och info till oss s\u00e5 \u00e5terkommer vi med ett bud.<\/p>\n <\/div>\n <\/details>\n\n <details class=\"group bg-slate-800 rounded-2xl border border-white\/5 overflow-hidden transition-all duration-300 hover:border-purple-500\/30 open:bg-slate-800\/80 open:border-purple-500\/50 shadow-md\">\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded-2xl\">\n <span class=\"font-bold text-white text-lg group-hover:text-purple-400 transition-colors\">L\u00e4mnar ni garanti p\u00e5 jobbet?<\/span>\n <span class=\"bg-slate-900 p-2 rounded-lg text-slate-400 group-open:text-purple-500 group-open:bg-purple-500\/10 transition-all border border-white\/5 group-open:border-purple-500\/20\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-45\" aria-hidden=\"true\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"px-6 pb-6 text-slate-300 text-sm leading-relaxed border-t border-white\/5 pt-4\">\n <p>Sj\u00e4lvklart. Vi l\u00e4mnar <strong>3 m\u00e5naders garanti*<\/strong> p\u00e5 det specifika reparationsarbete vi utf\u00f6rt och de reservdelar vi bytt ut. Observera att garantin ej t\u00e4cker andra, orelaterade fel som kan uppst\u00e5 p\u00e5 gamla maskiner.<\/p>\n <\/div>\n <\/details>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"boka\" aria-label=\"Bokning och kontakt\" class=\"py-24 relative bg-slate-900 border-t border-purple-500\/20\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[600px] h-32 bg-purple-500\/10 blur-[60px] pointer-events-none\" aria-hidden=\"true\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"grid lg:grid-cols-2 gap-16 lg:gap-24 items-start\">\n \n <div class=\"text-left\">\n <h2 class=\"text-4xl md:text-5xl font-extrabold text-white mb-6 tracking-tight\">Dags att skruva? <br> Kontakta oss.<\/h2>\n <p class=\"text-slate-300 text-lg mb-12 leading-relaxed font-light max-w-md\">\n Fyll i formul\u00e4ret s\u00e5 noga du kan. Ange g\u00e4rna m\u00e4rke och modell p\u00e5 maskinen (t.ex. Seeburg 222 eller Williams Getaway). Vi brukar svara inom 24h!\n <\/p>\n\n <div class=\"grid sm:grid-cols-2 gap-4 mb-12\">\n <a href=\"tel:0725223022\" aria-label=\"Ring Anton p\u00e5 0725223022\" class=\"bg-slate-800 border border-white\/5 p-6 rounded-3xl hover:border-purple-500\/50 transition-colors group block no-underline shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500\">\n <i data-lucide=\"phone\" class=\"w-6 h-6 text-purple-400 mb-4 group-hover:scale-110 transition-transform\" aria-hidden=\"true\"><\/i>\n <div class=\"text-[10px] text-slate-400 font-bold uppercase mb-1 tracking-widest\">RING ANTON<\/div>\n <div class=\"text-white text-xl font-bold\">072-522 30 22<\/div>\n <\/a>\n <a href=\"mailto:info@afkteknik.se\" aria-label=\"Maila AFK Teknik p\u00e5 info@afkteknik.se\" class=\"bg-slate-800 border border-white\/5 p-6 rounded-3xl hover:border-purple-500\/50 transition-colors group block no-underline shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500\">\n <i data-lucide=\"mail\" class=\"w-6 h-6 text-purple-400 mb-4 group-hover:scale-110 transition-transform\" aria-hidden=\"true\"><\/i>\n <div class=\"text-[10px] text-slate-400 font-bold uppercase mb-1 tracking-widest\">MAILA OSS<\/div>\n <div class=\"text-white text-lg font-bold break-all\">info@afkteknik.se<\/div>\n <\/a>\n <\/div>\n\n <h3 class=\"text-white font-bold text-xl mb-6\">N\u00e4r du skickat in:<\/h3>\n <div class=\"relative space-y-8 pl-4 border-l border-white\/10 ml-2\">\n <div class=\"relative\">\n <span class=\"absolute -left-[21px] top-1 w-2.5 h-2.5 rounded-full bg-purple-500 shadow-[0_0_10px_rgba(168,85,247,0.6)]\" aria-hidden=\"true\"><\/span>\n <h4 class=\"text-white font-bold text-lg mb-1\">1. Kundportalen \u00f6ppnas<\/h4>\n <p class=\"text-slate-400 text-sm leading-relaxed\">Du f\u00e5r direkt tillg\u00e5ng till din personliga l\u00e4nk d\u00e4r du kan ladda upp bilder p\u00e5 maskinen, chatta med oss och f\u00f6lja reparationsstatusen i realtid.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[21px] top-1 w-2.5 h-2.5 rounded-full bg-slate-700\" aria-hidden=\"true\"><\/span>\n <h4 class=\"text-white font-bold text-lg mb-1\">2. Tidbokning & Transport<\/h4>\n <p class=\"text-slate-400 text-sm leading-relaxed\">Vi kommer \u00f6verens om n\u00e4r maskinen ska in till verkstan, om den ska skickas som kretskort, eller om vi ska boka in ett hembes\u00f6k hos dig.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[21px] top-1 w-2.5 h-2.5 rounded-full bg-slate-700\" aria-hidden=\"true\"><\/span>\n <h4 class=\"text-white font-bold text-lg mb-1\">3. Fels\u00f6kning & Reparation<\/h4>\n <p class=\"text-slate-400 text-sm leading-relaxed\">Vi fels\u00f6ker enheten och ger ett kostnadsf\u00f6rslag. Efter ditt godk\u00e4nnande reparerar vi felet.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[21px] top-1 w-2.5 h-2.5 rounded-full bg-slate-700\" aria-hidden=\"true\"><\/span>\n <h4 class=\"text-white font-bold text-lg mb-1\">4. Klart & Betalning<\/h4>\n <p class=\"text-slate-400 text-sm leading-relaxed\">N\u00e4r maskinen fungerar perfekt igen betalar du tryggt och smidigt via Klarna, Swish, kort eller faktura.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative mt-8 lg:mt-0\">\n <div class=\"glass-panel rounded-[2rem] p-6 md:p-10 shadow-2xl relative z-10\">\n \n <form id=\"afk-form-home\" class=\"space-y-8\" enctype=\"multipart\/form-data\" novalidate>\n \n <div class=\"space-y-3\">\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">1. Vad g\u00e4ller det?<\/label>\n \n <select id=\"input-kategori\" name=\"kategori\" class=\"hidden\" aria-hidden=\"true\">\n <option value=\"Mobil_Dator\">Mobil\/Dator<\/option>\n <option value=\"Kretskort\">Kretskort<\/option>\n <option value=\"Vintage\" selected>Vintage<\/option>\n <option value=\"CNC\">CNC<\/option>\n <option value=\"Industri\">Industri<\/option>\n <option value=\"Ovrigt\">\u00d6vrigt<\/option>\n <\/select>\n\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n <div>\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_vintage\" value=\"Vintage\" class=\"cat-radio hidden\" onchange=\"syncCategory(this.value)\" checked>\n <label for=\"cat_vintage\" class=\"flex flex-col items-center justify-center p-4 rounded-xl border border-slate-700 bg-slate-800\/50 cursor-pointer hover:border-purple-500\/50 transition-colors h-full\">\n <i data-lucide=\"music\" class=\"w-6 h-6 text-slate-400 cat-icon mb-2 transition-colors\" aria-hidden=\"true\"><\/i>\n <span class=\"text-white text-xs font-semibold text-center mt-1\">Vintage\/Flipper<\/span>\n <\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_krets\" value=\"Kretskort\" class=\"cat-radio hidden\" onchange=\"syncCategory(this.value)\">\n <label for=\"cat_krets\" class=\"flex flex-col items-center justify-center p-4 rounded-xl border border-slate-700 bg-slate-800\/50 cursor-pointer hover:border-purple-500\/50 transition-colors h-full\">\n <i data-lucide=\"zap\" class=\"w-6 h-6 text-slate-400 cat-icon mb-2 transition-colors\" aria-hidden=\"true\"><\/i>\n <span class=\"text-white text-xs font-semibold text-center mt-1\">L\u00f6st kretskort<\/span>\n <\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_cnc\" value=\"CNC\" class=\"cat-radio hidden\" onchange=\"syncCategory(this.value)\">\n <label for=\"cat_cnc\" class=\"flex flex-col items-center justify-center p-4 rounded-xl border border-slate-700 bg-slate-800\/50 cursor-pointer hover:border-purple-500\/50 transition-colors h-full\">\n <i data-lucide=\"box\" class=\"w-6 h-6 text-slate-400 cat-icon mb-2 transition-colors\" aria-hidden=\"true\"><\/i>\n <span class=\"text-white text-xs font-semibold text-center mt-1\">Specialdel\/3D<\/span>\n <\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_mobil\" value=\"Mobil_Dator\" class=\"cat-radio hidden\" onchange=\"syncCategory(this.value)\">\n <label for=\"cat_mobil\" class=\"flex flex-col items-center justify-center p-4 rounded-xl border border-slate-700 bg-slate-800\/50 cursor-pointer hover:border-purple-500\/50 transition-colors h-full\">\n <i data-lucide=\"laptop\" class=\"w-6 h-6 text-slate-400 cat-icon mb-2 transition-colors\" aria-hidden=\"true\"><\/i>\n <span class=\"text-white text-xs font-semibold text-center mt-1\">Dator\/Mobil<\/span>\n <\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_industri\" value=\"Industri\" class=\"cat-radio hidden\" onchange=\"syncCategory(this.value)\">\n <label for=\"cat_industri\" class=\"flex flex-col items-center justify-center p-4 rounded-xl border border-slate-700 bg-slate-800\/50 cursor-pointer hover:border-purple-500\/50 transition-colors h-full\">\n <i data-lucide=\"factory\" class=\"w-6 h-6 text-slate-400 cat-icon mb-2 transition-colors\" aria-hidden=\"true\"><\/i>\n <span class=\"text-white text-xs font-semibold text-center mt-1\">Industri<\/span>\n <\/label>\n <\/div>\n <div>\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_ovrigt\" value=\"Ovrigt\" class=\"cat-radio hidden\" onchange=\"syncCategory(this.value)\">\n <label for=\"cat_ovrigt\" class=\"flex flex-col items-center justify-center p-4 rounded-xl border border-slate-700 bg-slate-800\/50 cursor-pointer hover:border-purple-500\/50 transition-colors h-full\">\n <i data-lucide=\"help-circle\" class=\"w-6 h-6 text-slate-400 cat-icon mb-2 transition-colors\" aria-hidden=\"true\"><\/i>\n <span class=\"text-white text-xs font-semibold text-center mt-1\">Annat<\/span>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <hr class=\"border-white\/10\" aria-hidden=\"true\">\n\n <div class=\"space-y-4\">\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">2. Dina uppgifter & Maskin<\/label>\n \n <input type=\"text\" id=\"input-namn\" name=\"namn\" required autocomplete=\"name\" class=\"form-input w-full rounded-xl px-4 py-4\" placeholder=\"F\u00f6r- och efternamn\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <input type=\"tel\" id=\"input-telefon\" name=\"telefon\" required autocomplete=\"tel\" class=\"form-input w-full rounded-xl px-4 py-4\" placeholder=\"Telefonnummer\">\n <input type=\"email\" id=\"input-email\" name=\"email\" required autocomplete=\"email\" class=\"form-input w-full rounded-xl px-4 py-4\" placeholder=\"Din e-post\">\n <\/div>\n \n <input type=\"text\" id=\"input-enhet\" name=\"enhet\" class=\"form-input w-full rounded-xl px-4 py-4\" placeholder=\"M\u00e4rke \/ Modell (Ex: Bally Addams Family)\">\n <\/div>\n\n <div class=\"space-y-3\">\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\" for=\"input-meddelande\">3. Beskriv problemet<\/label>\n <textarea id=\"input-meddelande\" name=\"meddelande\" required class=\"form-input w-full rounded-xl px-4 py-4 h-32 resize-none leading-relaxed transition-all duration-300\" placeholder=\"Vad h\u00e4nder (eller inte h\u00e4nder) med maskinen? \u00d6nskar du hembes\u00f6k eller l\u00e4mnar du in den i verkstan?\"><\/textarea>\n <\/div>\n\n <div class=\"space-y-3\">\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest\">4. Bifoga bilder\/video (Frivilligt)<\/label>\n <div class=\"relative w-full\">\n <input type=\"file\" id=\"input-filer\" name=\"filer[]\" multiple accept=\"image\/*,video\/*,.pdf,.doc,.docx\" class=\"hidden\" onchange=\"updateFileList()\">\n <label for=\"input-filer\" class=\"form-input flex flex-col items-center justify-center w-full h-28 rounded-xl border-2 border-dashed border-slate-600 cursor-pointer hover:border-purple-500 hover:bg-slate-800\/50 transition-all text-center px-4 group\">\n <i data-lucide=\"upload-cloud\" class=\"w-7 h-7 text-purple-500 mb-2 group-hover:scale-110 transition-transform\"><\/i>\n <span class=\"text-sm text-slate-200 font-bold mb-1\">Klicka f\u00f6r att fota \/ ladda upp<\/span>\n <span class=\"text-xs text-slate-500\">Bilder, korta videos eller dokument<\/span>\n <\/label>\n <\/div>\n <div id=\"file-list\" class=\"flex flex-wrap gap-2 empty:hidden\"><\/div>\n <\/div>\n\n <button type=\"submit\" id=\"btn-submit-home\" class=\"w-full py-5 bg-indigo-600 hover:bg-indigo-500 text-white rounded-xl font-bold shadow-lg transition-all flex items-center justify-center gap-2 hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\">\n <span>Skicka in \u00e4rendet<\/span> \n <i data-lucide=\"send\" class=\"w-5 h-5\" aria-hidden=\"true\"><\/i>\n <\/button>\n \n <div id=\"afk-form-message\" class=\"mt-6 hidden\"><\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n \n <footer class=\"bg-slate-950 pt-20 pb-12 border-t border-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16\">\n \n <div>\n <div class=\"font-black text-2xl text-white mb-4\">AFK TEKNIK<\/div>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6\">Vi lagar det andra sl\u00e4nger. Specialiserad elektronikverkstad i Glemmingebro med hembes\u00f6k i stora delar av Sverige.<\/p>\n <div class=\"space-y-3\">\n <a href=\"tel:0725223022\" class=\"flex items-center gap-3 text-slate-300 hover:text-purple-400 transition-colors text-sm no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1\">\n <i data-lucide=\"phone\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> 072-522 30 22\n <\/a>\n <a href=\"mailto:info@afkteknik.se\" class=\"flex items-center gap-3 text-slate-300 hover:text-purple-400 transition-colors text-sm no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1\">\n <i data-lucide=\"mail\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> info@afkteknik.se\n <\/a>\n <span class=\"flex items-center gap-3 text-slate-300 text-sm\">\n <i data-lucide=\"map-pin\" class=\"w-4 h-4\" aria-hidden=\"true\"><\/i> Glemmingebro, Sk\u00e5ne\n <\/span>\n <\/div>\n <\/div>\n \n <div>\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">V\u00e5ra Tj\u00e4nster<\/h4>\n <ul class=\"space-y-3 m-0 p-0 list-none text-sm\">\n <li><a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Mobil & Dator<\/a><\/li>\n <li><a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Vitvaror & Husbil<\/a><\/li>\n <li><a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"text-purple-400 font-bold transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Flipper & Vintage<\/a><\/li>\n <li><a href=\"https:\/\/afkteknik.se\/tillverkning\/\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">CNC & Special<\/a><\/li>\n <li><a href=\"https:\/\/afkteknik.se\/service-industri-lantbruk\/\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Industri & Lantbruk<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">F\u00f6retag & Kund<\/h4>\n <ul class=\"space-y-3 m-0 p-0 list-none text-sm\">\n <li><a href=\"#boka\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Boka Service \/ Offert<\/a><\/li>\n <li><a href=\"\/verktyg\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">V\u00e5ra Verktyg<\/a><\/li>\n <li><a href=\"\/shop\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Webshop & Reservdelar<\/a><\/li>\n <li><a href=\"\/allmanna-villkor\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Allm\u00e4nna Villkor & Garanti<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">Support<\/h4>\n <ul class=\"space-y-3 m-0 p-0 list-none text-sm\">\n <li><a href=\"#boka\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Vanliga fr\u00e5gor<\/a><\/li>\n <li><a href=\"#boka\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Kontakta Anton<\/a><\/li>\n <li><a href=\"#\" class=\"text-slate-400 hover:text-purple-400 transition-colors no-underline flex items-center gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 rounded p-1 -ml-1\">Kundportal (Logga in) <i data-lucide=\"external-link\" class=\"w-3 h-3\" aria-hidden=\"true\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"border-t border-white\/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\n <p class=\"text-slate-500 text-sm m-0\">© 2026 Anton Svensson \/ AFK Teknik. Alla r\u00e4ttigheter reserverade.<\/p>\n <div class=\"flex gap-4\">\n <span class=\"text-slate-600 text-xs\">* L\u00e4s om v\u00e5r 3 m\u00e5naders garanti i v\u00e5ra villkor.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/div>\n\n<script>\n \/\/ Funktion f\u00f6r snabbokning fr\u00e5n fel-korten (tratten)\n window.quickBook = function(issue) {\n const bokaSection = document.getElementById('boka');\n const msgField = document.getElementById('input-meddelande');\n \n \/\/ Se till att kategorin \"Vintage\" \u00e4r f\u00f6rvald n\u00e4r man klickar h\u00e4r\n const vintageRadio = document.getElementById('cat_vintage');\n if(vintageRadio) {\n vintageRadio.checked = true;\n syncCategory('Vintage');\n }\n \n if(bokaSection && msgField) {\n bokaSection.scrollIntoView({ behavior: 'smooth' });\n msgField.value = `Hej! Jag l\u00e4ste om problemet med \"${issue}\" p\u00e5 er sida och det verkar st\u00e4mma in p\u00e5 min maskin.\\n\\n[Beskriv felet lite mer h\u00e4r...]`;\n msgField.focus();\n \n \/\/ Highlight effekt p\u00e5 textrutan (Lila f\u00f6r denna sida)\n msgField.classList.add('ring-2', 'ring-purple-500', 'animate-pulse-border');\n setTimeout(() => {\n msgField.classList.remove('ring-2', 'ring-purple-500', 'animate-pulse-border');\n }, 2500);\n }\n };\n\n \/\/ Synkronisera de visuella radioknapparna med det dolda <select>-elementet\n window.syncCategory = function(val) {\n const selectEl = document.getElementById('input-kategori');\n if (selectEl) {\n selectEl.value = val;\n }\n };\n\n \/\/ Funktion f\u00f6r att visa uppladdade filer visuellt\n window.updateFileList = function() {\n const input = document.getElementById('input-filer');\n const list = document.getElementById('file-list');\n list.innerHTML = '';\n \n if(input.files && input.files.length > 0) {\n Array.from(input.files).forEach(file => {\n const item = document.createElement('div');\n item.className = 'text-[11px] font-medium bg-slate-800 border border-slate-700 text-slate-300 px-3 py-1.5 rounded-lg flex items-center gap-2 shadow-sm';\n item.innerHTML = `\n <i data-lucide=\"file\" class=\"w-3.5 h-3.5 text-purple-500\"><\/i>\n <span class=\"truncate max-w-[120px] sm:max-w-[180px]\">${file.name}<\/span>\n `;\n list.appendChild(item);\n });\n \/\/ Rendera nya fil-ikoner om lucide \u00e4r inl\u00e4st\n if(typeof lucide !== 'undefined' && lucide.createIcons) {\n lucide.createIcons();\n }\n }\n };\n\n window.addEventListener('load', function() {\n \/\/ Initiera ikoner\n if(typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n \n \/\/ Navbar scroll effekt\n const nav = document.getElementById('navbar');\n if (nav) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n nav.classList.add('shadow-2xl', 'bg-slate-950\/95');\n nav.classList.remove('bg-slate-900\/80');\n } else {\n nav.classList.remove('shadow-2xl', 'bg-slate-950\/95');\n nav.classList.add('bg-slate-900\/80');\n }\n }, { passive: true });\n }\n \n \/\/ Mobilmeny logik\n const menuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n \n if(menuBtn && mobileMenu) {\n function toggleMenu() {\n const isOpen = mobileMenu.classList.toggle('open');\n menuBtn.setAttribute('aria-expanded', isOpen);\n }\n\n menuBtn.addEventListener('click', toggleMenu);\n\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => {\n if (mobileMenu.classList.contains('open')) toggleMenu();\n });\n });\n }\n\n \/\/ Formul\u00e4rhantering f\u00f6r din WordPress\/Ajax-backend\n const form = document.getElementById('afk-form-home');\n const submitBtn = document.getElementById('btn-submit-home');\n let messageContainer = document.getElementById('afk-form-message');\n\n if (form && submitBtn) {\n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n if (!form.checkValidity()) {\n form.reportValidity();\n return;\n }\n\n \/\/ S\u00e4kerhetskoll p\u00e5 total filstorlek f\u00f6r att undvika \u00f6verbelastning (Satt till 50MB max)\n const fileInput = document.getElementById('input-filer');\n if (fileInput && fileInput.files.length > 0) {\n let totalSize = 0;\n for (let i = 0; i < fileInput.files.length; i++) {\n totalSize += fileInput.files[i].size;\n }\n if (totalSize > 50 * 1024 * 1024) {\n alert('Max total uppladdningsstorlek \u00e4r 50MB. V\u00e4nligen komprimera videon eller ta bort n\u00e5gra filer.');\n return;\n }\n }\n \n const originalBtnText = submitBtn.innerHTML;\n submitBtn.innerHTML = '<span class=\"flex items-center justify-center gap-2\"><svg class=\"animate-spin h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path><\/svg> Skickar...<\/span>';\n submitBtn.disabled = true;\n messageContainer.className = 'mt-6 hidden';\n\n const formData = new FormData(form);\n formData.append('action', 'afk_send_mail'); \n if (!formData.has('enhet') || formData.get('enhet').trim() === '') {\n formData.append('enhet', 'Ok\u00e4nd enhet');\n }\n\n try {\n const response = await fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n });\n\n const result = await response.json();\n\n if (result.success) {\n const portalUrl = result.data?.portalUrl || result.data?.redirect_url;\n \n if (portalUrl) {\n window.location.href = portalUrl;\n } else {\n messageContainer.innerHTML = `\n <div class=\"bg-green-500\/10 border border-green-500\/20 rounded-2xl p-8 text-center\" role=\"alert\">\n <i data-lucide=\"check-circle\" class=\"w-12 h-12 text-green-500 mx-auto mb-4\"><\/i>\n <h3 class=\"text-xl font-bold text-white mb-2\">Tack f\u00f6r din f\u00f6rfr\u00e5gan!<\/h3>\n <p class=\"text-slate-300 text-sm\">Vi har mottagit ditt \u00e4rende. En bekr\u00e4ftelse har skickats till din e-post.<\/p>\n <\/div>\n `;\n messageContainer.className = 'mt-6 block animate-fade-in';\n form.reset();\n window.updateFileList(); \/\/ Rensa visuella listan efter reset\n form.style.display = 'none';\n }\n } else {\n throw new Error(result.data?.message || 'N\u00e5got gick fel vid kommunikation med servern.');\n }\n } catch (error) {\n messageContainer.innerHTML = `\n <div class=\"bg-red-500\/10 border border-red-500\/20 rounded-xl p-4 text-center\" role=\"alert\">\n <p class=\"text-red-400 text-sm font-medium\">Ett fel uppstod: ${error.message}. V\u00e4nligen f\u00f6rs\u00f6k igen eller ring oss.<\/p>\n <\/div>\n `;\n messageContainer.className = 'mt-6 block';\n } finally {\n submitBtn.innerHTML = originalBtnText;\n submitBtn.disabled = false;\n \n if(typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n }\n });\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reparation Flipper, Jukebox & HiFi Sverige | AFK Teknik AFK TEKNIK Vi kan teknik Mobil & Dator Vitvaror & Service Flipper & Vintage CNC & Special Industri & Lantbruk V\u00e5ra Verktyg Webshop Boka Service Mobil & Dator Vitvaror & Husbil Flipper & Vintage CNC & Special Industri & Lantbruk V\u00e5ra Verktyg Webshop & Delar Boka […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1229","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/1229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/comments?post=1229"}],"version-history":[{"count":353,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/1229\/revisions"}],"predecessor-version":[{"id":4108,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/1229\/revisions\/4108"}],"wp:attachment":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/media?parent=1229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}