{"id":1257,"date":"2025-02-16T10:08:58","date_gmt":"2025-02-16T10:08:58","guid":{"rendered":"https:\/\/afkdesign.se\/?page_id=1257"},"modified":"2026-04-20T19:29:48","modified_gmt":"2026-04-20T18:29:48","slug":"reparation-service-elektronik-kretskort-mekanik","status":"publish","type":"page","link":"https:\/\/afkteknik.se\/shop\/reparation-service-elektronik-kretskort-mekanik\/","title":{"rendered":"Reparation & Service av Elektronik, Kretskort & Mekanik\u200b"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nLaga Kretskort Vitvaror & Husbil - AFK Teknik<\/title>\r\n<meta name=\"description\" content=\"Vi lagar kretskort till vitvaror, husbilar (EBL) och v\u00e4rmepumpar. Skicka in p\u00e5 postorder eller boka hembes\u00f6k i hela Sk\u00e5ne. RUT-avdrag g\u00e4ller.\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"dns-prefetch\" href=\"https:\/\/cdn.tailwindcss.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/cdn.tailwindcss.com\" crossorigin>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<script>\r\n window.tailwind = window.tailwind || {};\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n slate: { 800: '#1e293b', 850: '#172033', 900: '#0f172a', 950: '#020617' },\r\n emerald: { 400: '#34d399', 500: '#10b981', 600: '#059669', 900: '#064e3b' },\r\n teal: { 400: '#2dd4bf', 500: '#14b8a6' }\r\n },\r\n fontFamily: { sans: ['Inter', 'sans-serif'] },\r\n animation: {\r\n 'fade-in': 'fadeIn 1s ease-out forwards',\r\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n 'spin-slow': 'spin 12s linear infinite',\r\n },\r\n keyframes: {\r\n fadeIn: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n<\/script>\r\n<style>\r\n \/* FIX F\u00d6R VITA STRECKET: \u00c5terst\u00e4ll marginaler och s\u00e4tt global bakgrund *\/\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #0f172a;\r\n color: #e2e8f0;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Critical CSS f\u00f6r fullbredd och prestanda *\/\r\n #afk-wrapper {\r\n font-family: 'Inter', sans-serif;\r\n width: 100vw;\r\n min-height: 100vh;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw; \r\n margin-right: -50vw;\r\n overflow-x: hidden;\r\n background-color: #0f172a; \r\n }\r\n \r\n .gpu-accelerate {\r\n transform: translateZ(0);\r\n will-change: transform, opacity;\r\n backface-visibility: hidden;\r\n }\r\n\r\n .glass-panel {\r\n background: rgba(30, 41, 59, 0.7);\r\n @supports (-webkit-backdrop-filter: none) {\r\n -webkit-backdrop-filter: blur(12px);\r\n backdrop-filter: blur(12px);\r\n }\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* Bg grid pattern *\/\r\n .bg-grid-pattern {\r\n background-image: linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),\r\n linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n }\r\n \r\n \/* Formul\u00e4r styling *\/\r\n #afk-wrapper input[type=\"text\"], \r\n #afk-wrapper input[type=\"tel\"], \r\n #afk-wrapper input[type=\"email\"], \r\n #afk-wrapper textarea, \r\n #afk-wrapper select {\r\n background-color: #020617 !important;\r\n color: #ffffff !important;\r\n border-color: #1e293b !important;\r\n transition: all 0.2s ease-in-out;\r\n }\r\n \r\n #afk-wrapper input:focus, \r\n #afk-wrapper textarea:focus, \r\n #afk-wrapper select:focus {\r\n border-color: #10b981 !important; \/* Emerald focus *\/\r\n outline: none !important;\r\n box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;\r\n }\r\n\r\n \/* Visuella Formul\u00e4r Radioknappar *\/\r\n .cat-radio:checked + label {\r\n border-color: #10b981 !important;\r\n background-color: rgba(16, 185, 129, 0.1) !important;\r\n }\r\n .cat-radio:checked + label .cat-icon {\r\n color: #10b981 !important;\r\n }\r\n\r\n #mobile-menu {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-in-out;\r\n }\r\n #mobile-menu.open {\r\n max-height: 600px;\r\n }\r\n\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n \r\n \/* FAQ Animation *\/\r\n details > summary { list-style: none; }\r\n details > summary::-webkit-details-marker { display: none; }\r\n details[open] summary ~ * { animation: sweep .3s ease-in-out; }\r\n @keyframes sweep { 0% {opacity: 0; transform: translateY(-10px)} 100% {opacity: 1; transform: translateY(0)} }\r\n\r\n \/* SK\u00d6LD MOT ELEMENTOR *\/\r\n .bento-gallery-item {\r\n position: relative !important;\r\n display: block !important;\r\n overflow: hidden !important;\r\n background-color: #0f172a !important;\r\n }\r\n .bento-gallery-item img {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n max-width: none !important;\r\n min-height: 100% !important;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n<div id=\"afk-wrapper\" class=\"selection:bg-emerald-500\/30 selection:text-emerald-200 relative\">\r\n\r\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\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n <a href=\"\/\" class=\"flex items-center gap-3 group no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 rounded-lg p-1\">\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-emerald-500 blur-lg opacity-20 group-hover:opacity-50 transition-opacity\"><\/div>\r\n <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 border border-white\/10 p-2 rounded-xl relative z-10\">\r\n <i data-lucide=\"cpu\" class=\"text-emerald-500 w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col leading-none\">\r\n <span class=\"font-black text-lg tracking-tighter text-white\">AFK TEKNIK<\/span>\r\n <span class=\"text-[10px] font-bold tracking-[0.2em] text-emerald-500 uppercase mt-0.5 group-hover:text-white transition-colors\">VI KAN TEKNIK<\/span>\r\n <\/div>\r\n <\/a>\r\n \r\n <div class=\"hidden xl:flex gap-6 text-sm font-bold text-slate-400 items-center\">\r\n <a href=\"\/\" class=\"hover:text-white hover:text-emerald-500 transition-colors no-underline\">Hem<\/a>\r\n <a href=\"#\" class=\"text-white transition-colors border-b-2 border-emerald-500 pb-1 no-underline\">Vitvaror & Husbil<\/a>\r\n <a href=\"\/service-jukebox-hifi-vintage-arkad\" class=\"hover:text-white hover:text-emerald-500 transition-colors no-underline\">Flipper & Vintage<\/a>\r\n <a href=\"\/verktyg\" class=\"hover:text-white transition-colors no-underline\">Verktyg<\/a>\r\n <a href=\"\/shop\" class=\"hover:text-white transition-colors no-underline\">Shop<\/a>\r\n <\/div>\r\n\r\n <a href=\"#boka\" class=\"hidden md:flex items-center gap-2 bg-emerald-600 hover:bg-emerald-500 text-white px-5 py-2.5 rounded-lg font-bold text-sm transition-colors shadow-[0_0_15px_rgba(16,185,129,0.3)] no-underline\">\r\n <i data-lucide=\"wrench\" class=\"w-4 h-4\"><\/i> Boka Service\r\n <\/a>\r\n\r\n <button id=\"mobile-menu-btn\" aria-expanded=\"false\" aria-controls=\"mobile-menu\" 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-emerald-500\">\r\n <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"xl:hidden bg-slate-900 border-t border-white\/10 absolute w-full left-0 shadow-2xl\">\r\n <div class=\"px-6 py-6 space-y-4 flex flex-col\">\r\n <a href=\"\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5 no-underline\">Hem<\/a>\r\n <a href=\"#\" class=\"text-emerald-400 font-bold block py-2 border-b border-white\/5 no-underline\">Vitvaror & Husbil<\/a>\r\n <a href=\"\/service-jukebox-hifi-vintage-arkad\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5 no-underline\">Flipper & Vintage<\/a>\r\n <div class=\"flex gap-4 py-2\">\r\n <a href=\"\/verktyg\" class=\"text-slate-400 hover:text-white text-sm no-underline\">Verktyg<\/a>\r\n <a href=\"\/shop\" class=\"text-slate-400 hover:text-white text-sm no-underline\">Webshop<\/a>\r\n <\/div>\r\n <a href=\"#boka\" class=\"bg-emerald-600 hover:bg-emerald-500 text-white px-5 py-4 rounded-xl font-bold text-center shadow-lg block mt-2 no-underline\">\r\n Boka Tid \/ Hembes\u00f6k\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"relative pt-40 pb-24 overflow-hidden border-b border-white\/5\">\r\n <div class=\"absolute inset-0 z-0 pointer-events-none\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/476080208_1121544609670734_6437991128348428482_n.jpg\" \r\n class=\"w-full h-full object-cover opacity-70\" alt=\"Kretskort bakgrund\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-950 via-slate-900\/90 to-slate-900\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute top-0 right-0 w-[50vw] h-[50vw] bg-emerald-600\/20 rounded-full blur-[100px] translate-x-1\/3 -translate-y-1\/3 z-0 gpu-accelerate\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[40vw] h-[40vw] bg-teal-600\/10 rounded-full blur-[80px] -translate-x-1\/3 translate-y-1\/3 z-0 gpu-accelerate\"><\/div>\r\n\r\n <div class=\"relative max-w-7xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12 z-10\">\r\n <div class=\"lg:w-2\/3 text-center lg:text-left animate-fade-in\">\r\n \r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-panel border border-emerald-500\/30 text-emerald-400 text-xs font-bold uppercase tracking-widest mb-6 shadow-lg shadow-emerald-900\/20\">\r\n <span class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\" aria-hidden=\"true\"><\/span>\r\n H\u00e5llbar Elektronik\r\n <\/div>\r\n \r\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-white mb-6 tracking-tight leading-[1.1] drop-shadow-2xl\">\r\n Laga kretskortet <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300\">ist\u00e4llet f\u00f6r nytt.<\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-lg md:text-xl text-slate-300 max-w-2xl mx-auto lg:mx-0 mb-10 leading-relaxed font-light drop-shadow-md\">\r\n \u00c4r diskmaskinen d\u00f6d? Kr\u00e5nglar husbilens elsystem? Vi reparerar kretskort till vitvaror, v\u00e4rmepumpar och husbilar p\u00e5 komponentniv\u00e5. \r\n <strong>Skicka in kortet p\u00e5 postorder<\/strong> eller boka ett hembes\u00f6k i Sk\u00e5ne.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n <a href=\"#boka\" class=\"px-8 py-4 rounded-xl font-bold bg-emerald-600 hover:bg-emerald-500 text-white shadow-lg hover:shadow-emerald-500\/25 transition-all flex items-center justify-center gap-2 no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\">\r\n Starta \u00e4rende <i data-lucide=\"arrow-down\" class=\"w-5 h-5\"><\/i>\r\n <\/a>\r\n <div class=\"flex items-center gap-4 px-6 py-4 sm:py-0 text-sm font-medium text-slate-300 justify-center lg:justify-start flex-wrap bg-slate-800\/80 rounded-xl border border-white\/10 backdrop-blur-md shadow-lg\">\r\n <span class=\"flex items-center gap-2\"><i data-lucide=\"package\" class=\"w-4 h-4 text-emerald-400\"><\/i> Postorder<\/span>\r\n <span class=\"w-1 h-1 rounded-full bg-slate-600 hidden sm:block\"><\/span>\r\n <span class=\"flex items-center gap-2\"><i data-lucide=\"map-pin\" class=\"w-4 h-4 text-emerald-400\"><\/i> Hembes\u00f6k (Sk\u00e5ne)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lg:w-1\/3 w-full max-w-md relative group animate-fade-in mt-10 lg:mt-0\">\r\n <div class=\"absolute -inset-1 bg-gradient-to-r from-emerald-600 to-teal-600 rounded-3xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200\"><\/div>\r\n <div class=\"relative glass-panel rounded-3xl p-8 shadow-2xl text-center border-t border-white\/20\">\r\n <div class=\"inline-flex justify-center items-center w-16 h-16 bg-emerald-500\/10 rounded-2xl text-emerald-400 mb-4 border border-emerald-500\/20 shadow-inner\">\r\n <i data-lucide=\"piggy-bank\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-2\">Spara pengar<\/h3>\r\n <p class=\"text-slate-400 mb-8 text-sm border-b border-white\/5 pb-6\">Exempel: Styrkort Diskmaskin<\/p>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"flex justify-between items-center text-sm\">\r\n <span class=\"text-slate-500 text-left\">Ny maskin + installation<\/span>\r\n <span class=\"text-slate-500 line-through font-medium\">ca 8000 kr<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center bg-slate-900\/50 p-3 rounded-xl border border-white\/5\">\r\n <span class=\"text-white font-bold text-sm text-left\">Reparation (efter RUT)<\/span>\r\n <span class=\"text-emerald-400 text-xl font-bold\">ca 1500 kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-24 bg-slate-900 border-b border-white\/5 relative\">\r\n <div class=\"absolute inset-0 bg-grid-pattern opacity-30\" aria-hidden=\"true\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">K\u00e4nner du igen dig?<\/h2>\r\n <p class=\"text-slate-400 max-w-2xl mx-auto\">Vanliga problem vi l\u00f6ser dagligen i verkstaden genom fels\u00f6kning p\u00e5 komponentniv\u00e5.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"group relative bg-slate-800 rounded-3xl overflow-hidden border border-white\/5 hover:border-emerald-500\/50 transition-all duration-300 hover:-translate-y-1 shadow-2xl flex flex-col\">\r\n <div class=\"h-52 overflow-hidden relative shrink-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/506186042_1215163270308867_875141209464779694_n.jpg\" alt=\"Husbil elsystem\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-8 relative z-20 -mt-12 flex-1 flex flex-col\">\r\n <div class=\"w-14 h-14 bg-emerald-600\/90 backdrop-blur rounded-2xl flex items-center justify-center text-white mb-6 shadow-lg border border-emerald-400\/30\">\r\n <i data-lucide=\"battery-warning\" class=\"w-7 h-7\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\"Husbilen laddar inte\"<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6 flex-1\">\r\n EBL-blocket kr\u00e5nglar? Kylsk\u00e5pet g\u00e5r inte p\u00e5 12V? Vi lagar ditt Schaudt-block eller Nordelettronica. Skickas enklast in till oss.\r\n <\/p>\r\n <a href=\"#boka\" class=\"text-emerald-400 font-bold text-sm inline-flex items-center gap-2 group-hover:text-emerald-300 transition-colors no-underline\">\r\n Boka reparation <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group relative bg-slate-800 rounded-3xl overflow-hidden border border-white\/5 hover:border-teal-500\/50 transition-all duration-300 hover:-translate-y-1 shadow-2xl flex flex-col\">\r\n <div class=\"h-52 overflow-hidden relative shrink-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/596097422_1360896392402220_8042913769876388663_n-e1767429080787.jpg\" alt=\"Trasig tv\u00e4ttmaskin\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-8 relative z-20 -mt-12 flex-1 flex flex-col\">\r\n <div class=\"w-14 h-14 bg-teal-600\/90 backdrop-blur rounded-2xl flex items-center justify-center text-white mb-6 shadow-lg border border-teal-400\/30\">\r\n <i data-lucide=\"washing-machine\" class=\"w-7 h-7\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\"Maskinen \u00e4r d\u00f6d\"<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6 flex-1\">\r\n Tv\u00e4ttmaskinen eller diskmaskinen startar inte alls? Ofta \u00e4r det bara en komponent p\u00e5 kortet f\u00f6r 50 kr som g\u00e5tt s\u00f6nder. Vi fixar det.\r\n <\/p>\r\n <a href=\"#boka\" class=\"text-teal-400 font-bold text-sm inline-flex items-center gap-2 group-hover:text-teal-300 transition-colors no-underline\">\r\n Boka reparation <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"group relative bg-slate-800 rounded-3xl overflow-hidden border border-white\/5 hover:border-blue-500\/50 transition-all duration-300 hover:-translate-y-1 shadow-2xl flex flex-col\">\r\n <div class=\"h-52 overflow-hidden relative shrink-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2026\/01\/485908963_1156532949505233_785671189539843437_n.jpg\" alt=\"V\u00e4rmepump utedel\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-8 relative z-20 -mt-12 flex-1 flex flex-col\">\r\n <div class=\"w-14 h-14 bg-blue-600\/90 backdrop-blur rounded-2xl flex items-center justify-center text-white mb-6 shadow-lg border border-blue-400\/30\">\r\n <i data-lucide=\"thermometer-snowflake\" class=\"w-7 h-7\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-3\">\"V\u00e4rmepumpen strular\"<\/h3>\r\n <p class=\"text-slate-400 text-sm leading-relaxed mb-6 flex-1\">\r\n Ger pumpen felkoder eller har fl\u00e4kten stannat? Vi byter lager och lagar elektroniken till Nibe, IVT, Panasonic m.fl.\r\n <\/p>\r\n <a href=\"#boka\" class=\"text-blue-400 font-bold text-sm inline-flex items-center gap-2 group-hover:text-blue-300 transition-colors no-underline\">\r\n Boka reparation <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-24 bg-slate-950 border-b border-white\/5 relative overflow-hidden\">\r\n <div class=\"absolute top-1\/2 left-1\/4 w-[400px] h-[400px] bg-emerald-500\/5 rounded-full blur-[80px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n <div class=\"mb-12 flex flex-col md:flex-row md:items-end justify-between gap-6\">\r\n <div>\r\n <div class=\"flex items-center gap-3 mb-3\">\r\n <div class=\"h-px w-8 bg-emerald-500\"><\/div>\r\n <span class=\"text-emerald-500 font-bold uppercase tracking-widest text-xs\">Galleri<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-5xl font-black text-white tracking-tight\">Kretskort vi r\u00e4ddat<\/h2>\r\n <\/div>\r\n <p class=\"text-slate-400 max-w-sm text-sm\">\r\n Ett urval av komponenter och kort som har f\u00e5tt nytt liv i v\u00e5r verkstad i Glemmingebro.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"relative grid grid-cols-2 md:grid-cols-4 gap-3 md:gap-4 auto-rows-[160px] sm:auto-rows-[180px] md:auto-rows-[240px]\" aria-label=\"Bildgalleri fr\u00e5n verkstaden\">\r\n \r\n <div class=\"col-span-2 md:col-span-2 row-span-2 rounded-2xl md:rounded-3xl border border-white\/10 shadow-2xl bento-gallery-item group w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/11\/509429464_1221747829650411_183310352478301751_n.jpg\" class=\"transition-transform duration-700 group-hover:scale-105\" loading=\"lazy\" alt=\"Vitvarukort reparation\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/90 via-slate-900\/20 to-transparent pointer-events-none z-10\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-6 z-20 w-full transform translate-y-2 group-hover:translate-y-0 transition-transform\">\r\n <h4 class=\"text-white font-bold text-lg md:text-xl mb-1\">Styrkort Vitvaror<\/h4>\r\n <p class=\"text-emerald-400 text-xs md:text-sm font-medium\">Reparation p\u00e5 komponentniv\u00e5<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-span-2 md:col-span-2 row-span-1 rounded-2xl md:rounded-3xl border border-white\/10 shadow-lg bento-gallery-item group w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/11\/518277201_1238653734626487_537623704230138136_n-scaled.jpg\" class=\"transition-transform duration-700 group-hover:scale-105\" loading=\"lazy\" alt=\"Industriell elektronik\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/90 via-slate-900\/20 to-transparent pointer-events-none z-10\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-5 z-20 w-full transform translate-y-2 group-hover:translate-y-0 transition-transform\">\r\n <h4 class=\"text-white font-bold md:text-lg mb-1\">Industrielektronik<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-span-1 md:col-span-1 row-span-1 rounded-2xl md:rounded-3xl border border-white\/10 shadow-lg bento-gallery-item group w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/484189452_1149488920209636_3729867763480460322_n.jpg\" class=\"transition-transform duration-700 group-hover:scale-110\" loading=\"lazy\" alt=\"Mikroskop l\u00f6dning\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/90 via-transparent to-transparent pointer-events-none z-10\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-5 z-20\">\r\n <h4 class=\"text-white font-bold text-sm\">Mikrol\u00f6dning<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-span-1 md:col-span-1 row-span-1 rounded-2xl md:rounded-3xl border border-white\/10 shadow-lg bento-gallery-item group w-full h-full\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?q=80&w=600&auto=format&fit=crop\" class=\"transition-transform duration-700 group-hover:scale-110 grayscale group-hover:grayscale-0\" loading=\"lazy\" alt=\"EBL Husbil Elsystem\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/90 via-transparent to-transparent pointer-events-none z-10\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-5 z-20\">\r\n <h4 class=\"text-white font-bold text-sm\">Husbil EBL<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-24 bg-slate-900 relative overflow-hidden border-b border-white\/5\">\r\n <div class=\"absolute inset-0 bg-grid-pattern opacity-30\"><\/div>\r\n <div class=\"absolute top-0 left-0 w-[500px] h-[500px] bg-emerald-600\/10 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 lg:gap-20 items-center\">\r\n \r\n <div class=\"space-y-8\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-panel border border-emerald-500\/30 text-emerald-400 text-xs font-bold uppercase tracking-widest shadow-lg\">\r\n <i data-lucide=\"building-2\" class=\"w-4 h-4\"><\/i> Om AFK Teknik\r\n <\/div>\r\n \r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white tracking-tighter leading-[1.1]\">\r\n Mer \u00e4n bara kretskort. <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 via-teal-400 to-emerald-600\">Din tekniska partner.<\/span>\r\n <\/h2>\r\n \r\n <p class=\"text-lg text-slate-300 leading-relaxed font-light\">\r\n AFK Teknik st\u00e5r f\u00f6r en brinnande passion att f\u00f6rst\u00e5, r\u00e4dda och utveckla! \"Bevara det gamla, Skapa det nya\" \u00e4r v\u00e5rat motto. \r\n <br><br>\r\n Vi kombinerar modern elektronikservice med mekanisk expertis. Oavsett om det \u00e4r en <strong>jukebox fr\u00e5n 50-talet<\/strong> eller ett <strong>modernt industrisystem<\/strong> s\u00e5 l\u00f6ser vi problemet.\r\n <\/p>\r\n\r\n <div class=\"grid sm:grid-cols-2 gap-6 pt-2\">\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-800 flex items-center justify-center border border-white\/10 shrink-0\">\r\n <i data-lucide=\"hard-hat\" class=\"w-5 h-5 text-emerald-500\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-bold text-sm mb-1\">Bred Expertis<\/h4>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Fr\u00e5n vitvaror och husbilselektronik till vintageljud och arkadspel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-800 flex items-center justify-center border border-white\/10 shrink-0\">\r\n <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-teal-500\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-bold text-sm mb-1\">\u00d6sterlen & Sk\u00e5ne<\/h4>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Verkstad i Glemmingebro. Hembes\u00f6k i hela Sk\u00e5ne.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-8 glass-panel border border-white\/10 rounded-2xl p-6 relative overflow-hidden group\">\r\n <div class=\"absolute top-0 left-0 w-1 h-full bg-emerald-500\"><\/div>\r\n <div class=\"flex items-center gap-5\">\r\n <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Anton+Svensson&background=10b981&color=fff\" class=\"w-16 h-16 rounded-full border-2 border-slate-800 shadow-xl group-hover:scale-105 transition-transform\" alt=\"Anton Svensson\" loading=\"lazy\">\r\n <div>\r\n <div class=\"text-white font-black text-lg\">Anton Svensson<\/div>\r\n <div class=\"flex items-center gap-2 text-sm text-slate-400 font-medium\">\r\n <span>Grundare & Tekniker<\/span>\r\n <span class=\"w-1 h-1 rounded-full bg-slate-600\"><\/span>\r\n <span class=\"text-emerald-500\">AFK Teknik<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative w-full hidden lg:block h-[600px]\">\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[400px] h-[400px] bg-teal-500\/10 blur-[100px] rounded-full\"><\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4 h-full w-full p-4 transform rotate-2 hover:rotate-0 transition-transform duration-700 ease-out\">\r\n \r\n <div class=\"relative group rounded-3xl overflow-hidden border border-white\/10 shadow-2xl h-64 translate-y-8 bento-gallery-item w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/02\/476119920_1121432073015321_2483519634843812397_n.jpg\" class=\"transition-transform duration-700 group-hover:scale-110\" alt=\"R\u00f6rf\u00f6rst\u00e4rkare Vintage\">\r\n <\/div>\r\n\r\n <div class=\"relative group rounded-3xl overflow-hidden border border-white\/10 shadow-2xl row-span-2 bento-gallery-item w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/11\/518277201_1238653734626487_537623704230138136_n-scaled.jpg\" class=\"transition-transform duration-700 group-hover:scale-110\" alt=\"Industriarbete\">\r\n <\/div>\r\n\r\n <div class=\"relative group rounded-3xl overflow-hidden border border-white\/10 shadow-2xl row-span-2 -translate-y-8 bento-gallery-item w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/524386926_1249386583553202_6788562252625590862_n.jpg\" class=\"transition-transform duration-700 group-hover:scale-110\" alt=\"Jukebox Mekanik\">\r\n <\/div>\r\n\r\n <div class=\"relative group rounded-3xl overflow-hidden border border-white\/10 shadow-2xl h-64 -translate-y-16 bento-gallery-item w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/afkteknik.se\/wp-content\/uploads\/2025\/08\/484189452_1149488920209636_3729867763480460322_n.jpg\" class=\"transition-transform duration-700 group-hover:scale-110\" alt=\"Mikroskop L\u00f6dning\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-28 h-28 bg-slate-900 rounded-full border-4 border-slate-800 flex items-center justify-center z-40 shadow-2xl backdrop-blur-md\">\r\n <div class=\"text-center leading-none\">\r\n <span class=\"block text-[10px] font-bold text-emerald-500 uppercase tracking-widest mb-1\">Since<\/span>\r\n <span class=\"block text-2xl font-black text-white\">2022<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-24 bg-slate-950 border-b border-white\/5 relative\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n\r\n <div class=\"grid md:grid-cols-2 gap-16 lg:gap-24\">\r\n \r\n <div>\r\n <h3 class=\"text-3xl font-bold text-white mb-10 tracking-tight\">S\u00e5 g\u00e5r det till<\/h3>\r\n <div class=\"space-y-10 relative pl-8 ml-4\">\r\n <div class=\"absolute left-0 top-2 bottom-16 w-px bg-slate-800\"><\/div>\r\n\r\n <div class=\"relative group\">\r\n <span class=\"absolute -left-[41px] bg-emerald-600 w-8 h-8 rounded-full flex items-center justify-center text-white font-bold text-sm border-4 border-slate-950 group-hover:scale-110 transition-transform z-10 shadow-lg shadow-emerald-900\/50\">1<\/span>\r\n <h4 class=\"text-white font-bold text-lg mb-2\">Kontakt<\/h4>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">Beskriv felet i formul\u00e4ret nedan. Ber\u00e4tta om du vill skicka in delen eller ha hembes\u00f6k.<\/p>\r\n <\/div>\r\n <div class=\"relative group\">\r\n <span class=\"absolute -left-[41px] bg-slate-800 w-8 h-8 rounded-full flex items-center justify-center text-slate-300 font-bold text-sm border-4 border-slate-950 group-hover:border-emerald-500\/50 transition-colors z-10\">2<\/span>\r\n <h4 class=\"text-white font-bold text-lg mb-2\">Inl\u00e4mning eller Bes\u00f6k<\/h4>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">Antingen postar du kortet till oss, eller s\u00e5 bokar vi en tid d\u00e5 vi kommer ut till dig.<\/p>\r\n <\/div>\r\n <div class=\"relative group\">\r\n <span class=\"absolute -left-[41px] bg-slate-800 w-8 h-8 rounded-full flex items-center justify-center text-slate-300 font-bold text-sm border-4 border-slate-950 group-hover:border-emerald-500\/50 transition-colors z-10\">3<\/span>\r\n <h4 class=\"text-white font-bold text-lg mb-2\">Reparation<\/h4>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">Vi fels\u00f6ker och byter komponenter p\u00e5 kretskortsniv\u00e5. Billigare och b\u00e4ttre f\u00f6r milj\u00f6n.<\/p>\r\n <\/div>\r\n <div class=\"relative group\">\r\n <span class=\"absolute -left-[41px] bg-emerald-600 w-8 h-8 rounded-full flex items-center justify-center text-white font-bold text-sm border-4 border-slate-950 shadow-[0_0_15px_rgba(16,185,129,0.5)] group-hover:scale-110 transition-transform z-10\">\r\n <i data-lucide=\"check\" class=\"w-4 h-4\"><\/i>\r\n <\/span>\r\n <h4 class=\"text-white font-bold text-lg mb-2\">Klart!<\/h4>\r\n <p class=\"text-slate-400 text-sm leading-relaxed\">Du f\u00e5r tillbaka en fungerande enhet med 3 m\u00e5naders garanti.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-3xl font-bold text-white mb-10 tracking-tight\">Prisindikator<\/h3>\r\n <div class=\"glass-panel rounded-3xl overflow-hidden shadow-2xl border-white\/10\">\r\n <div class=\"flex justify-between bg-slate-800\/80 p-5 text-slate-400 text-xs font-bold uppercase tracking-wider border-b border-white\/5\">\r\n <span>Tj\u00e4nst<\/span>\r\n <span>Pris ca (inkl moms)<\/span>\r\n <\/div>\r\n <div class=\"divide-y divide-white\/5 text-sm\">\r\n <div class=\"flex justify-between p-5 text-slate-300 hover:bg-slate-800\/50 transition-colors\">\r\n <span>Hembes\u00f6k (Startavgift + 1h)<\/span>\r\n <span class=\"font-bold text-white\">1495 kr<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between p-5 text-slate-300 hover:bg-slate-800\/50 transition-colors\">\r\n <span>Husbil EBL Renovering<\/span>\r\n <span class=\"font-bold text-white\">2500 - 3500 kr<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between p-5 text-slate-300 hover:bg-slate-800\/50 transition-colors\">\r\n <span>Vitvaror Styrkort (Verkstad)<\/span>\r\n <span class=\"font-bold text-white\">1500 - 2500 kr<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between p-5 text-slate-300 bg-emerald-900\/10 transition-colors\">\r\n <span class=\"flex items-center gap-2\"><i data-lucide=\"check-circle\" class=\"w-4 h-4 text-emerald-500\"><\/i> RUT-avdrag (Arbete)<\/span>\r\n <span class=\"font-bold text-emerald-400 text-lg\">-50%<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"p-5 bg-slate-950\/50 text-center text-xs text-slate-500 border-t border-white\/5\">\r\n * Reseers\u00e4ttning tillkommer vid l\u00e4ngre avst\u00e5nd fr\u00e5n Glemmingebro.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"boka\" class=\"py-24 bg-slate-900 relative overflow-hidden border-b border-white\/5\">\r\n <div class=\"absolute inset-0 bg-grid-pattern opacity-30\"><\/div>\r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-emerald-900\/10 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 lg:gap-24 items-start\">\r\n \r\n <div>\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full glass-panel border border-emerald-500\/30 text-emerald-400 text-xs font-bold uppercase tracking-widest mb-6 shadow-sm\">\r\n <i data-lucide=\"help-circle\" class=\"w-4 h-4\"><\/i> Vanliga fr\u00e5gor\r\n <\/div>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white mb-6 tracking-tight\">Innan du bokar<\/h2>\r\n <p class=\"text-slate-300 text-lg mb-10 leading-relaxed font-light\">\r\n H\u00e4r har vi samlat svaren p\u00e5 de vanligaste funderingarna kring kretskortsreparationer och logistik.\r\n <\/p>\r\n\r\n <div class=\"space-y-4\">\r\n <details class=\"group glass-panel rounded-2xl overflow-hidden transition-all hover:border-emerald-500\/30 open:bg-slate-800\/80 open:border-emerald-500\/50\">\r\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none\">\r\n <span class=\"font-bold text-white text-lg group-hover:text-emerald-400 transition-colors\">Kan jag montera loss kortet sj\u00e4lv?<\/span>\r\n <span class=\"bg-slate-800 p-2 rounded-xl border border-white\/5 group-open:bg-emerald-500\/20 group-open:border-emerald-500\/30 group-open:text-emerald-400 transition-all\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-300 leading-relaxed border-t border-white\/5 pt-4 font-light\">\r\n <p>Absolut! M\u00e5nga av v\u00e5ra kunder g\u00f6r det. Ta g\u00e4rna ett foto p\u00e5 hur kablarna sitter innan du kopplar ur dem. K\u00e4nner du dig os\u00e4ker erbjuder vi dock <strong>hembes\u00f6k i hela Sk\u00e5ne<\/strong>.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"group glass-panel rounded-2xl overflow-hidden transition-all hover:border-emerald-500\/30 open:bg-slate-800\/80 open:border-emerald-500\/50\">\r\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none\">\r\n <span class=\"font-bold text-white text-lg group-hover:text-emerald-400 transition-colors\">Hur skickar jag in mitt kretskort?<\/span>\r\n <span class=\"bg-slate-800 p-2 rounded-xl border border-white\/5 group-open:bg-emerald-500\/20 group-open:border-emerald-500\/30 group-open:text-emerald-400 transition-all\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-300 leading-relaxed border-t border-white\/5 pt-4 font-light\">\r\n <ul class=\"list-disc list-inside space-y-2 text-slate-400\">\r\n <li>Packa i en h\u00e5rd kartong med d\u00e4mpande material.<\/li>\r\n <li>Bifoga dina kontaktuppgifter i paketet.<\/li>\r\n <li>Skicka sp\u00e5rbart (t.ex. PostNord Skicka L\u00e4tt).<\/li>\r\n <\/ul>\r\n <p class=\"mt-4 text-emerald-400 text-sm font-bold bg-emerald-500\/10 p-3 rounded-lg border border-emerald-500\/20 inline-block\">Vi ger dig adressen n\u00e4r du fyller i formul\u00e4ret.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"group glass-panel rounded-2xl overflow-hidden transition-all hover:border-emerald-500\/30 open:bg-slate-800\/80 open:border-emerald-500\/50\">\r\n <summary class=\"flex justify-between items-center p-6 cursor-pointer list-none\">\r\n <span class=\"font-bold text-white text-lg group-hover:text-emerald-400 transition-colors\">G\u00e4ller RUT-avdrag?<\/span>\r\n <span class=\"bg-slate-800 p-2 rounded-xl border border-white\/5 group-open:bg-emerald-500\/20 group-open:border-emerald-500\/30 group-open:text-emerald-400 transition-all\">\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n <\/span>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-300 leading-relaxed border-t border-white\/5 pt-4 font-light\">\r\n <p>Ja, f\u00f6r reparation av vitvaror och IT-utrustning i hemmet g\u00f6rs 50% RUT-avdrag p\u00e5 arbetskostnaden direkt p\u00e5 fakturan.<\/p>\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-tr from-emerald-600\/10 to-teal-600\/10 rounded-3xl blur-2xl transform rotate-1\"><\/div>\r\n \r\n <div class=\"glass-panel rounded-3xl p-8 md:p-10 shadow-2xl relative z-10 border-t border-white\/20\">\r\n <div class=\"flex items-center justify-between mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-bold text-white\">Starta \u00c4rende<\/h2>\r\n <p class=\"text-slate-400 text-sm mt-2\">Svar oftast inom 24h<\/p>\r\n <\/div>\r\n <div class=\"w-12 h-12 bg-emerald-500\/10 rounded-2xl flex items-center justify-center text-emerald-400 shadow-inner border border-emerald-500\/20\">\r\n <i data-lucide=\"send\" class=\"w-6 h-6\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\r\n <a href=\"tel:0725223022\" class=\"flex items-center gap-4 p-4 bg-slate-900 rounded-2xl hover:bg-slate-800 transition-colors border border-white\/5 group no-underline shadow-lg\">\r\n <div class=\"bg-slate-800 p-2 rounded-xl text-emerald-500 group-hover:text-white transition-colors border border-white\/5\">\r\n <i data-lucide=\"phone\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <div><div class=\"text-[10px] text-slate-500 uppercase font-bold tracking-wider mb-0.5\">Ring oss<\/div><div class=\"text-white font-bold text-sm\">072-522 30 22<\/div><\/div>\r\n <\/a>\r\n <a href=\"mailto:info@afkteknik.se\" class=\"flex items-center gap-4 p-4 bg-slate-900 rounded-2xl hover:bg-slate-800 transition-colors border border-white\/5 group no-underline shadow-lg\">\r\n <div class=\"bg-slate-800 p-2 rounded-xl text-emerald-500 group-hover:text-white transition-colors border border-white\/5\">\r\n <i data-lucide=\"mail\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <div><div class=\"text-[10px] text-slate-500 uppercase font-bold tracking-wider mb-0.5\">Maila oss<\/div><div class=\"text-white font-bold text-sm\">info@afkteknik.se<\/div><\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <hr class=\"border-white\/10 mb-8\" aria-hidden=\"true\">\r\n\r\n <form id=\"afk-form-vitvaror\" class=\"space-y-6\" enctype=\"multipart\/form-data\" novalidate>\r\n <input type=\"hidden\" name=\"kategori\" value=\"Vitvaror & Husbil\">\r\n <select id=\"input-kategori-vit\" name=\"enhet\" class=\"hidden\" aria-hidden=\"true\">\r\n <option value=\"Husbil EBL\" selected>Husbil EBL<\/option>\r\n <option value=\"Husbil Kyl\">Husbil Kyl<\/option>\r\n <option value=\"Diskmaskin\">Diskmaskin<\/option>\r\n <option value=\"Tv\u00e4ttmaskin\">Tv\u00e4ttmaskin<\/option>\r\n <option value=\"V\u00e4rmepump\">V\u00e4rmepump<\/option>\r\n <option value=\"Annat\">Annat<\/option>\r\n <\/select>\r\n\r\n <div class=\"space-y-3\">\r\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest ml-1\">1. Vad g\u00e4ller det?<\/label>\r\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\r\n <div>\r\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_ebl\" value=\"Husbil EBL\" class=\"cat-radio hidden\" onchange=\"document.getElementById('input-kategori-vit').value=this.value\" checked>\r\n <label for=\"cat_ebl\" class=\"flex flex-col items-center justify-center p-3 rounded-xl border border-slate-700 bg-slate-900\/80 cursor-pointer hover:border-emerald-500\/50 transition-colors h-full text-center shadow-inner\">\r\n <i data-lucide=\"battery-warning\" class=\"w-5 h-5 text-slate-400 cat-icon mb-2 transition-colors\"><\/i>\r\n <span class=\"text-white text-xs font-semibold\">Husbil EBL<\/span>\r\n <\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_kyl\" value=\"Husbil Kyl\" class=\"cat-radio hidden\" onchange=\"document.getElementById('input-kategori-vit').value=this.value\">\r\n <label for=\"cat_kyl\" class=\"flex flex-col items-center justify-center p-3 rounded-xl border border-slate-700 bg-slate-900\/80 cursor-pointer hover:border-emerald-500\/50 transition-colors h-full text-center shadow-inner\">\r\n <i data-lucide=\"refrigerator\" class=\"w-5 h-5 text-slate-400 cat-icon mb-2 transition-colors\"><\/i>\r\n <span class=\"text-white text-xs font-semibold\">Husbil Kyl<\/span>\r\n <\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_disk\" value=\"Diskmaskin\" class=\"cat-radio hidden\" onchange=\"document.getElementById('input-kategori-vit').value=this.value\">\r\n <label for=\"cat_disk\" class=\"flex flex-col items-center justify-center p-3 rounded-xl border border-slate-700 bg-slate-900\/80 cursor-pointer hover:border-emerald-500\/50 transition-colors h-full text-center shadow-inner\">\r\n <i data-lucide=\"droplets\" class=\"w-5 h-5 text-slate-400 cat-icon mb-2 transition-colors\"><\/i>\r\n <span class=\"text-white text-xs font-semibold\">Diskmaskin<\/span>\r\n <\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_tvatt\" value=\"Tv\u00e4ttmaskin\" class=\"cat-radio hidden\" onchange=\"document.getElementById('input-kategori-vit').value=this.value\">\r\n <label for=\"cat_tvatt\" class=\"flex flex-col items-center justify-center p-3 rounded-xl border border-slate-700 bg-slate-900\/80 cursor-pointer hover:border-emerald-500\/50 transition-colors h-full text-center shadow-inner\">\r\n <i data-lucide=\"washing-machine\" class=\"w-5 h-5 text-slate-400 cat-icon mb-2 transition-colors\"><\/i>\r\n <span class=\"text-white text-xs font-semibold\">Tv\u00e4ttmaskin<\/span>\r\n <\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_vp\" value=\"V\u00e4rmepump\" class=\"cat-radio hidden\" onchange=\"document.getElementById('input-kategori-vit').value=this.value\">\r\n <label for=\"cat_vp\" class=\"flex flex-col items-center justify-center p-3 rounded-xl border border-slate-700 bg-slate-900\/80 cursor-pointer hover:border-emerald-500\/50 transition-colors h-full text-center shadow-inner\">\r\n <i data-lucide=\"thermometer-snowflake\" class=\"w-5 h-5 text-slate-400 cat-icon mb-2 transition-colors\"><\/i>\r\n <span class=\"text-white text-xs font-semibold\">V\u00e4rmepump<\/span>\r\n <\/label>\r\n <\/div>\r\n <div>\r\n <input type=\"radio\" name=\"cat_selector\" id=\"cat_annat\" value=\"Annat\" class=\"cat-radio hidden\" onchange=\"document.getElementById('input-kategori-vit').value=this.value\">\r\n <label for=\"cat_annat\" class=\"flex flex-col items-center justify-center p-3 rounded-xl border border-slate-700 bg-slate-900\/80 cursor-pointer hover:border-emerald-500\/50 transition-colors h-full text-center shadow-inner\">\r\n <i data-lucide=\"help-circle\" class=\"w-5 h-5 text-slate-400 cat-icon mb-2 transition-colors\"><\/i>\r\n <span class=\"text-white text-xs font-semibold\">Annat<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest ml-1\">2. Dina uppgifter<\/label>\r\n <input type=\"text\" name=\"namn\" required class=\"w-full bg-slate-900 border border-slate-700 rounded-xl px-5 py-4 text-white focus:border-emerald-500 focus:bg-slate-800 transition-all outline-none placeholder-slate-600 shadow-inner\" placeholder=\"F\u00f6rnamn Efternamn\">\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-5\">\r\n <input type=\"tel\" name=\"telefon\" required class=\"w-full bg-slate-900 border border-slate-700 rounded-xl px-5 py-4 text-white focus:border-emerald-500 focus:bg-slate-800 transition-all outline-none placeholder-slate-600 shadow-inner\" placeholder=\"070...\">\r\n <input type=\"email\" name=\"email\" required class=\"w-full bg-slate-900 border border-slate-700 rounded-xl px-5 py-4 text-white focus:border-emerald-500 focus:bg-slate-800 transition-all outline-none placeholder-slate-600 shadow-inner\" placeholder=\"namn@mail.se\">\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest ml-1\">3. Beskrivning<\/label>\r\n <textarea name=\"meddelande\" required class=\"w-full bg-slate-900 border border-slate-700 rounded-xl px-5 py-4 text-white focus:border-emerald-500 focus:bg-slate-800 transition-all outline-none h-32 resize-none placeholder-slate-600 shadow-inner leading-relaxed\" placeholder=\"Beskriv felet kort. Vill du boka hembes\u00f6k eller skicka in delen?\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"space-y-3\">\r\n <label class=\"text-xs font-bold text-slate-400 uppercase tracking-widest ml-1\">4. Bifoga bilder\/video (Frivilligt)<\/label>\r\n <div class=\"relative w-full\">\r\n <input type=\"file\" id=\"input-filer\" name=\"filer[]\" multiple accept=\"image\/*,video\/*,.pdf,.doc,.docx\" class=\"hidden\" onchange=\"updateFileList()\">\r\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-emerald-500 hover:bg-slate-800\/50 transition-all text-center px-4 group\">\r\n <i data-lucide=\"upload-cloud\" class=\"w-7 h-7 text-emerald-500 mb-2 group-hover:scale-110 transition-transform\"><\/i>\r\n <span class=\"text-sm text-slate-200 font-bold mb-1\">Klicka f\u00f6r att fota \/ ladda upp<\/span>\r\n <span class=\"text-xs text-slate-500\">Bilder, korta videos eller dokument<\/span>\r\n <\/label>\r\n <\/div>\r\n <div id=\"file-list\" class=\"flex flex-wrap gap-2 empty:hidden\"><\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"btn-submit-vit\" class=\"w-full py-5 text-lg font-bold bg-emerald-600 hover:bg-emerald-500 text-white rounded-xl transition-all shadow-[0_0_20px_rgba(16,185,129,0.3)] hover:shadow-[0_0_30px_rgba(16,185,129,0.5)] flex items-center justify-center gap-2 border border-emerald-500 transform hover:-translate-y-1 mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\">\r\n <span>Skicka f\u00f6rfr\u00e5gan<\/span> <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n <\/button>\r\n <div id=\"form-status-vit\" class=\"hidden\"><\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"sitetree\" aria-label=\"Webbplatskarta\" class=\"py-16 bg-slate-950 border-t border-white\/5 relative overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\r\n <div class=\"flex items-center gap-3 mb-10 border-b border-white\/5 pb-6\">\r\n <div class=\"w-10 h-10 rounded-lg bg-slate-900 border border-white\/10 flex items-center justify-center text-emerald-500\">\r\n <i data-lucide=\"network\" class=\"w-5 h-5\" aria-hidden=\"true\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-bold text-white\">Sitetree \/ Webbplatskarta<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-12\">\r\n \r\n <div>\r\n <a href=\"\/tjanster\" class=\"inline-flex items-center gap-2 text-lg font-bold text-white hover:text-emerald-400 transition-colors mb-4 no-underline\">\r\n <i data-lucide=\"folder-open\" class=\"w-5 h-5 text-emerald-500\" aria-hidden=\"true\"><\/i> Tj\u00e4nster\r\n <\/a>\r\n <ul class=\"space-y-3 border-l-2 border-slate-800 ml-[9px] pl-5 m-0 list-none\">\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/tjanster\/mobil-dator\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Mobil & Dator<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/tjanster\/vitvaror-husbil\" class=\"text-emerald-400 hover:text-emerald-300 transition-colors text-sm font-bold no-underline block py-1\">Vitvaror & Husbil<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/tjanster\/flipper-vintage\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Flipper & Vintage<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/tjanster\/cnc-special\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">CNC & Special<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/tjanster\/industri\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Industri<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"mb-8\">\r\n <a href=\"\/shop\" class=\"inline-flex items-center gap-2 text-lg font-bold text-white hover:text-emerald-400 transition-colors mb-4 no-underline\">\r\n <i data-lucide=\"shopping-bag\" class=\"w-5 h-5 text-emerald-500\" aria-hidden=\"true\"><\/i> Webshop\r\n <\/a>\r\n <ul class=\"space-y-3 border-l-2 border-slate-800 ml-[9px] pl-5 m-0 list-none\">\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/shop\/reservdelar\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Reservdelar<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/shop\/merch\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Merch<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <a href=\"\/verktyg\" class=\"inline-flex items-center gap-2 text-lg font-bold text-white hover:text-emerald-400 transition-colors no-underline\">\r\n <i data-lucide=\"pen-tool\" class=\"w-5 h-5 text-emerald-500\" aria-hidden=\"true\"><\/i> Verktyg\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <span class=\"inline-flex items-center gap-2 text-lg font-bold text-white mb-4\">\r\n <i data-lucide=\"info\" class=\"w-5 h-5 text-emerald-500\" aria-hidden=\"true\"><\/i> Information\r\n <\/span>\r\n <ul class=\"space-y-3 border-l-2 border-slate-800 ml-[9px] pl-5 m-0 list-none\">\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/om-oss\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Om AFK Teknik<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"#process\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">S\u00e5 fungerar det<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"\/allmanna-villkor\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Villkor & Garanti<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <span class=\"inline-flex items-center gap-2 text-lg font-bold text-white mb-4\">\r\n <i data-lucide=\"contact\" class=\"w-5 h-5 text-emerald-500\" aria-hidden=\"true\"><\/i> Kundtj\u00e4nst\r\n <\/span>\r\n <ul class=\"space-y-3 border-l-2 border-slate-800 ml-[9px] pl-5 m-0 list-none\">\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"#boka\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">Boka Service \/ Kontakt<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"tel:0725223022\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">072-522 30 22<\/a>\r\n <\/li>\r\n <li class=\"relative\">\r\n <span class=\"absolute -left-[22px] top-1\/2 w-4 h-[2px] bg-slate-800\" aria-hidden=\"true\"><\/span>\r\n <a href=\"mailto:info@afkteknik.se\" class=\"text-slate-400 hover:text-white transition-colors text-sm font-medium no-underline block py-1\">info@afkteknik.se<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"bg-slate-950 py-12 border-t border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <p class=\"text-slate-500 text-sm\">© 2026 AFK Teknik. Anton Svensson.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Initialisera ikoner\r\n lucide.createIcons();\r\n \r\n \/\/ Hantera Mobilmeny\r\n const menuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n \r\n if(menuBtn && mobileMenu) {\r\n menuBtn.addEventListener('click', () => {\r\n const isOpen = mobileMenu.classList.toggle('open');\r\n menuBtn.setAttribute('aria-expanded', isOpen);\r\n });\r\n\r\n \/\/ St\u00e4ng mobilmeny vid klick p\u00e5 l\u00e4nkar\r\n mobileMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.remove('open');\r\n menuBtn.setAttribute('aria-expanded', 'false');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Navbar scroll effekt f\u00f6r att d\u00f6lja \"vitt streck\"\/h\u00e5lla allt snyggt\r\n const nav = document.getElementById('navbar');\r\n if (nav) {\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n nav.classList.add('shadow-2xl', 'bg-slate-950\/95');\r\n nav.classList.remove('bg-slate-900\/80');\r\n } else {\r\n nav.classList.remove('shadow-2xl', 'bg-slate-950\/95');\r\n nav.classList.add('bg-slate-900\/80');\r\n }\r\n }, { passive: true });\r\n }\r\n\r\n \/\/ Filuppladdning - visuell feedback\r\n window.updateFileList = function() {\r\n const input = document.getElementById('input-filer');\r\n const list = document.getElementById('file-list');\r\n list.innerHTML = '';\r\n \r\n if(input.files && input.files.length > 0) {\r\n Array.from(input.files).forEach(file => {\r\n const item = document.createElement('div');\r\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';\r\n item.innerHTML = `\r\n <i data-lucide=\"file\" class=\"w-3.5 h-3.5 text-emerald-500\"><\/i>\r\n <span class=\"truncate max-w-[120px] sm:max-w-[180px]\">${file.name}<\/span>\r\n `;\r\n list.appendChild(item);\r\n });\r\n if(typeof lucide !== 'undefined' && lucide.createIcons) {\r\n lucide.createIcons();\r\n }\r\n }\r\n };\r\n\r\n \/\/ Formul\u00e4rhantering\r\n const formVit = document.getElementById('afk-form-vitvaror');\r\n if (formVit) {\r\n formVit.addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n const btn = document.getElementById('btn-submit-vit');\r\n const status = document.getElementById('form-status-vit');\r\n \r\n if (!this.checkValidity()) {\r\n this.reportValidity();\r\n return;\r\n }\r\n\r\n \/\/ Filstorlekskontroll (50MB) f\u00f6r att f\u00f6rhindra kraschar\r\n const fileInput = document.getElementById('input-filer');\r\n if (fileInput && fileInput.files.length > 0) {\r\n let totalSize = 0;\r\n for (let i = 0; i < fileInput.files.length; i++) {\r\n totalSize += fileInput.files[i].size;\r\n }\r\n if (totalSize > 50 * 1024 * 1024) {\r\n alert('Max total uppladdningsstorlek \u00e4r 50MB. V\u00e4nligen komprimera videon eller ta bort n\u00e5gra filer.');\r\n return;\r\n }\r\n }\r\n\r\n const formData = new FormData(this);\r\n formData.append('action', 'afk_send_mail');\r\n\r\n const originalBtnText = btn.innerHTML;\r\n btn.disabled = true;\r\n btn.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>';\r\n\r\n try {\r\n const response = await fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData });\r\n const d = await response.json();\r\n\r\n if(d.success) {\r\n const portalUrl = d.data?.portalUrl || d.data?.redirect_url;\r\n if (portalUrl) {\r\n window.location.href = portalUrl;\r\n } else {\r\n btn.innerHTML = 'Skickat! <i data-lucide=\"check\" class=\"w-5 h-5\"><\/i>';\r\n btn.classList.remove('bg-emerald-600', 'hover:bg-emerald-500');\r\n btn.classList.add('bg-emerald-800');\r\n status.innerHTML = `<div class=\"bg-emerald-500\/10 border border-emerald-500\/20 p-5 rounded-xl mt-6 text-center shadow-inner\"><i data-lucide=\"check-circle\" class=\"w-8 h-8 text-emerald-500 mx-auto mb-2\"><\/i><div class=\"text-white font-bold mb-1\">Tack f\u00f6r din f\u00f6rfr\u00e5gan!<\/div><div class=\"text-emerald-400 text-sm\">Vi har mottagit ditt \u00e4rende och \u00e5terkommer inom kort.<\/div><\/div>`;\r\n status.className = \"block animate-fade-in\";\r\n this.reset();\r\n window.updateFileList(); \/\/ \u00c5terst\u00e4ll listan\r\n lucide.createIcons();\r\n }\r\n } else { \r\n throw new Error(d.data?.message || 'Ett ov\u00e4ntat fel uppstod.'); \r\n }\r\n } catch (err) {\r\n btn.innerHTML = originalBtnText;\r\n btn.disabled = false;\r\n status.innerHTML = `<div class=\"bg-red-500\/10 border border-red-500\/20 p-4 rounded-xl mt-6 text-center\"><div class=\"text-red-400 text-sm font-bold\">N\u00e5got gick fel (${err.message}). Prova att maila oss direkt p\u00e5 info@afkteknik.se<\/div><\/div>`;\r\n status.className = \"block animate-fade-in\";\r\n }\r\n });\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Laga Kretskort Vitvaror & Husbil – AFK Teknik AFK TEKNIK VI KAN TEKNIK Hem Vitvaror & Husbil Flipper & Vintage Verktyg Shop Boka Service Hem Vitvaror & Husbil Flipper & Vintage Verktyg Webshop Boka Tid \/ Hembes\u00f6k H\u00e5llbar Elektronik Laga kretskortet ist\u00e4llet f\u00f6r nytt. \u00c4r diskmaskinen d\u00f6d? Kr\u00e5nglar husbilens elsystem? Vi reparerar kretskort till vitvaror, […]<\/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-1257","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/1257","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=1257"}],"version-history":[{"count":110,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/1257\/revisions"}],"predecessor-version":[{"id":4092,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/1257\/revisions\/4092"}],"wp:attachment":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/media?parent=1257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}