CNC, 3D-Print & Specialprojekt - AFK Teknik<\/title>\r\n<meta name=\"description\" content=\"Vi skapar det unika. CNC-fr\u00e4sning, 3D-utskrifter och specialbyggda skyltar i Hammenh\u00f6g. Prototyper och reservdelar p\u00e5 best\u00e4llning.\">\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<script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n slate: { 850: '#172033', 950: '#020617' },\r\n brand: { 400: '#fb923c', 500: '#f97316', 600: '#ea580c' }\r\n }\r\n }\r\n }\r\n }\r\n<\/script>\r\n<style>\r\n \/* Elementor\/WordPress specifika fixar *\/\r\n #afk-wrapper {\r\n font-family: 'Inter', sans-serif;\r\n width: 100vw;\r\n min-height: 100vh;\r\n margin-left: calc(-50vw + 50%); \r\n margin-right: calc(-50vw + 50%);\r\n overflow-x: hidden;\r\n background-color: #020617 !important; \/* Slate-950 *\/\r\n color: #e2e8f0 !important;\r\n position: relative;\r\n }\r\n \r\n \/* Tvinga inputs att vara m\u00f6rka *\/\r\n #afk-wrapper input, \r\n #afk-wrapper textarea, \r\n #afk-wrapper select {\r\n background-color: #000000 !important;\r\n color: #ffffff !important;\r\n border-color: #333333 !important;\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: #f97316 !important; \/* Brand Orange *\/\r\n outline: none !important;\r\n box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2) !important;\r\n }\r\n\r\n \/* Mobilmeny animation *\/\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: 500px;\r\n }\r\n\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n \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<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"afk-wrapper\" class=\"antialiased selection:bg-brand-500\/30 selection:text-brand-200 relative\">\r\n\r\n \r\n <nav class=\"fixed w-full top-0 z-50 bg-slate-950\/95 backdrop-blur-lg border-b border-white\/5 py-4\">\r\n <div class=\"max-w-7xl mx-auto px-4 flex justify-between items-center\">\r\n <a href=\"\/\" class=\"flex items-center gap-3 group no-underline\">\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-brand-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-slate-700 p-2.5 rounded-xl relative z-10\">\r\n <i data-lucide=\"cpu\" class=\"text-brand-500 w-6 h-6\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col leading-none\">\r\n <span class=\"font-black text-xl tracking-tighter text-white\">AFK TEKNIK<\/span>\r\n <span class=\"text-[10px] font-bold tracking-[0.2em] text-brand-500 uppercase mt-1\">Hammenh\u00f6g<\/span>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <div class=\"hidden xl:flex gap-6 text-sm font-bold text-slate-400 items-center\">\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Mobil & Dator<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Vitvaror<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Flipper & Vintage<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-white transition-colors border-b-2 border-brand-500 pb-1 no-underline\">CNC & Special<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Industri<\/a>\r\n <div class=\"h-4 w-px bg-slate-700 mx-2\"><\/div>\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=\"#offert\" class=\"hidden md:flex items-center gap-2 bg-brand-600 hover:bg-brand-500 text-white px-5 py-2.5 rounded-xl font-bold transition-all shadow-[0_0_20px_rgba(234,88,12,0.3)] no-underline\">\r\n <i data-lucide=\"lightbulb\" class=\"w-4 h-4\"><\/i> F\u00e5 Offert\r\n <\/a>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"xl:hidden text-white p-2 hover:bg-white\/10 rounded-lg transition-colors\">\r\n <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"xl:hidden bg-black border-t border-white\/10\">\r\n <div class=\"px-4 py-4 space-y-4 flex flex-col\">\r\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\">Mobil & Dator<\/a>\r\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\">Vitvaror & Husbil<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5\">Flipper & Vintage<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-brand-400 hover:text-brand-300 font-bold block py-2 border-b border-white\/5\">CNC & Special<\/a>\r\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\">Industri & Lantbruk<\/a>\r\n <div class=\"flex gap-4 py-2\">\r\n <a href=\"\/verktyg\" class=\"text-slate-400 hover:text-white text-sm\">Verktyg<\/a>\r\n <a href=\"\/shop\" class=\"text-slate-400 hover:text-white text-sm\">Webshop<\/a>\r\n <\/div>\r\n <a href=\"#offert\" class=\"bg-brand-600 hover:bg-brand-500 text-white px-5 py-3 rounded-lg font-bold text-center shadow-lg block\">\r\n Beg\u00e4r Offert\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"relative pt-48 pb-24 overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1635070041078-e363dbe005cb?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center opacity-20 grayscale mix-blend-overlay\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-950 via-slate-950\/80 to-slate-950\"><\/div>\r\n \r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-brand-600\/10 rounded-full blur-[128px] translate-x-1\/3 -translate-y-1\/3\"><\/div>\r\n\r\n <div class=\"relative max-w-7xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12\">\r\n <div class=\"lg:w-2\/3 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-900\/30 border border-brand-800 text-brand-500 text-xs font-bold uppercase tracking-widest mb-6\">\r\n <i data-lucide=\"pen-tool\" class=\"w-4 h-4\"><\/i> Custom Build & Design\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-7xl font-black text-white mb-6 tracking-tighter leading-tight\">\r\n Vi bygger det <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-500 to-yellow-400\">om\u00f6jliga.<\/span>\r\n <\/h1>\r\n <p class=\"text-xl text-slate-400 max-w-2xl mx-auto lg:mx-0 leading-relaxed mb-8\">\r\n Har du en id\u00e9 p\u00e5 en servett? Eller en trasig plastdetalj som inte g\u00e5r att k\u00f6pa? \r\n Vi har maskinerna och kunskapen att ta din id\u00e9 fr\u00e5n skiss till f\u00e4rdig produkt genom CNC, 3D-print och elektronikdesign.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n <a href=\"#offert\" class=\"px-8 py-4 rounded-xl font-bold bg-brand-600 hover:bg-brand-500 text-white shadow-lg hover:shadow-brand-500\/25 transition-all flex items-center justify-center gap-2 no-underline\">\r\n Beskriv din id\u00e9 <i data-lucide=\"arrow-down\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <div class=\"flex items-center gap-4 px-6 text-sm font-medium text-slate-400 justify-center lg:justify-start flex-wrap\">\r\n <span class=\"flex items-center gap-1\"><i data-lucide=\"box\" class=\"w-4 h-4 text-brand-500\"><\/i> Enstyck<\/span>\r\n <span class=\"flex items-center gap-1\"><i data-lucide=\"layers\" class=\"w-4 h-4 text-brand-500\"><\/i> Sm\u00e5 serier<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"lg:w-1\/3 w-full max-w-md relative group\">\r\n <div class=\"absolute -inset-1 bg-gradient-to-r from-brand-600 to-yellow-600 rounded-2xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200\"><\/div>\r\n <div class=\"relative bg-slate-900 ring-1 ring-slate-800 rounded-2xl p-8 shadow-2xl\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"bg-slate-800 p-3 rounded-lg text-brand-500\"><i data-lucide=\"printer\" class=\"w-8 h-8\"><\/i><\/div>\r\n <div>\r\n <h3 class=\"font-bold text-white\">V\u00e5r maskinpark<\/h3>\r\n <p class=\"text-xs text-slate-500\">Redo f\u00f6r ditt projekt<\/p>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"space-y-4 border-t border-slate-800 pt-6\">\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">CNC Fr\u00e4s<\/span>\r\n <span class=\"text-brand-500 font-bold\">Alu \/ Tr\u00e4 \/ Plast<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">3D Skrivare (FDM)<\/span>\r\n <span class=\"text-brand-500 font-bold\">Kolfiber \/ Nylon<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">Elektroniklabb<\/span>\r\n <span class=\"text-brand-500 font-bold\">L\u00f6dning \/ PCB<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">CAD \/ Design<\/span>\r\n <span class=\"text-brand-500 font-bold\">Fusion 360<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-slate-950\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-white mb-4\">Detta kan vi bygga<\/h2>\r\n <p class=\"text-slate-400\">Vi kombinerar mekanik, elektronik och design.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n \r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"lightbulb\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Design<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Skyltar & Belysning<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Vill du ha en unik skylt till f\u00f6retaget, baren eller \"man-caven\"? Vi fr\u00e4ser i tr\u00e4, akryl eller aluminium och integrerar LED\/Neon-belysning f\u00f6r en proffsig finish.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"box\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Probleml\u00f6sare<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Reservdelar & 3D-print<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Har en plastbit g\u00e5tt s\u00f6nder som inte g\u00e5r att k\u00f6pa? Vi m\u00e4ter upp, caddar och printar en ny. Vi anv\u00e4nder starka material som kolfiberkomposit f\u00f6r delar som ska h\u00e5lla.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"settings\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Innovation<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Tekniska Prototyper<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Har du en produktid\u00e9? Vi hj\u00e4lper dig att ta fram en fungerande prototyp (\"Proof of Concept\"). Vi kombinerar 3D-printade skal med anpassad elektronik och styrning.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"credit-card\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Branding<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Merch & Visitkort<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Sluta dela ut tr\u00e5kiga standardprylar. Vi tillverkar unika visitkortsh\u00e5llare, nyckelringar och m\u00e4ssprodukter anpassade efter ditt varum\u00e4rke.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-slate-900 border-y border-slate-800\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold text-white mb-12 text-center\">Fr\u00e5n id\u00e9 till verklighet<\/h2>\r\n <div class=\"grid md:grid-cols-4 gap-8 relative\">\r\n <div class=\"hidden md:block absolute top-8 left-10 right-10 h-0.5 bg-slate-800 -z-10\"><\/div>\r\n \r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-slate-950 border-2 border-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">1<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Id\u00e9<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Du ber\u00e4ttar vad du vill g\u00f6ra. En skiss p\u00e5 en servett r\u00e4cker l\u00e5ngt.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-slate-950 border-2 border-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">2<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Design<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Vi ritar upp det i 3D (CAD) s\u00e5 du f\u00e5r se hur det kommer se ut.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-slate-950 border-2 border-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">3<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Bygge<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Vi fr\u00e4ser, printar, l\u00f6der och monterar ihop din produkt.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">4<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Klart!<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Leverans av en unik produkt som ingen annan har.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"offert\" class=\"py-24 bg-slate-900 border-t border-slate-800\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"grid lg:grid-cols-2 gap-16\">\r\n \r\n \r\n <div>\r\n <h2 class=\"text-3xl font-bold text-white mb-8\">Vanliga fr\u00e5gor<\/h2>\r\n <div class=\"space-y-4\">\r\n <details class=\"bg-slate-900 rounded-xl border border-slate-800 overflow-hidden group\">\r\n <summary class=\"p-6 font-bold text-white cursor-pointer flex justify-between items-center\">\r\n Kan ni designa \u00e5t mig?\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-slate-500 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-400 text-sm border-t border-slate-800 mt-4 pt-4\">\r\n Ja! Du beh\u00f6ver inte ha en f\u00e4rdig ritning. Vi hj\u00e4lper dig med CAD-design och konstruktion utifr\u00e5n din skiss eller id\u00e9.\r\n <\/div>\r\n <\/details>\r\n <details class=\"bg-slate-900 rounded-xl border border-slate-800 overflow-hidden group\">\r\n <summary class=\"p-6 font-bold text-white cursor-pointer flex justify-between items-center\">\r\n Vilka material jobbar ni i?\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-slate-500 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-400 text-sm border-t border-slate-800 mt-4 pt-4\">\r\n I CNC-fr\u00e4sen k\u00f6r vi tr\u00e4, plast (Akryl, POM) och aluminium. I 3D-skrivarna k\u00f6r vi PLA, PETG, TPU (gummi) och kolfiberf\u00f6rst\u00e4rkt Nylon.\r\n <\/div>\r\n <\/details>\r\n <details class=\"bg-slate-900 rounded-xl border border-slate-800 overflow-hidden group\">\r\n <summary class=\"p-6 font-bold text-white cursor-pointer flex justify-between items-center\">\r\n G\u00f6r ni enstaka exemplar?\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-slate-500 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-400 text-sm border-t border-slate-800 mt-4 pt-4\">\r\n Absolut. Vi specialiserar oss p\u00e5 \"One-offs\" och sm\u00e5 serier. Du beh\u00f6ver inte best\u00e4lla 1000 stycken. Ett exemplar g\u00e5r utm\u00e4rkt.\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"bg-slate-950 rounded-3xl p-8 border border-brand-900\/30 shadow-2xl shadow-brand-900\/10 relative\">\r\n <div class=\"relative z-10\">\r\n <h2 class=\"text-2xl font-bold text-white mb-6\">Beskriv din id\u00e9<\/h2>\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-xl hover:bg-slate-800 transition-colors border border-slate-800 no-underline\">\r\n <i data-lucide=\"phone\" class=\"w-5 h-5 text-brand-500\"><\/i>\r\n <div><div class=\"text-xs text-slate-500 uppercase font-bold\">Ring oss<\/div><div class=\"text-white font-bold\">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-xl hover:bg-slate-800 transition-colors border border-slate-800 no-underline\">\r\n <i data-lucide=\"mail\" class=\"w-5 h-5 text-brand-500\"><\/i>\r\n <div><div class=\"text-xs text-slate-500 uppercase font-bold\">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 <form id=\"afk-form-cnc\" class=\"space-y-4\">\r\n <input type=\"hidden\" name=\"kategori\" value=\"CNC & Specialprojekt\">\r\n \r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <input type=\"text\" name=\"namn\" required placeholder=\"Namn\" class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white focus:border-brand-500 outline-none\">\r\n <input type=\"text\" name=\"kontakt\" required placeholder=\"Telefon \/ Email\" class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white focus:border-brand-500 outline-none\">\r\n <\/div>\r\n <input type=\"text\" name=\"enhet\" placeholder=\"Vad vill du bygga?\" class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white focus:border-brand-500 outline-none\">\r\n <textarea name=\"meddelande\" required class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white h-32 resize-none focus:border-brand-500 outline-none\" placeholder=\"Beskriv id\u00e9n, m\u00e5tt, material...\"><\/textarea>\r\n \r\n <button type=\"submit\" id=\"btn-submit-cnc\" class=\"w-full bg-brand-600 text-white font-bold py-3 rounded-lg hover:bg-brand-500 transition-colors shadow-lg shadow-brand-600\/20 flex items-center justify-center gap-2\">\r\n <span>F\u00e5 Offert<\/span> <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n <\/button>\r\n <p id=\"form-status-cnc\" class=\"text-center text-sm mt-4 font-bold hidden\"><\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-black py-12 border-t border-slate-900\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <p class=\"text-slate-600 text-sm\">© 2025 AFK Teknik.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div> \r\n\r\n<script>\r\n \/\/ Initialize Lucide Icons\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 menuBtn.addEventListener('click', () => {\r\n if (mobileMenu.classList.contains('open')) {\r\n mobileMenu.classList.remove('open');\r\n mobileMenu.style.maxHeight = '0';\r\n } else {\r\n mobileMenu.classList.add('open');\r\n mobileMenu.style.maxHeight = '500px';\r\n }\r\n });\r\n\r\n \/\/ FORM HANDLER SCRIPT\r\n document.getElementById('afk-form-cnc').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const btn = document.getElementById('btn-submit-cnc');\r\n const status = document.getElementById('form-status-cnc');\r\n const formData = new FormData(this);\r\n formData.append('action', 'afk_send_mail');\r\n\r\n btn.disabled = true;\r\n btn.innerHTML = 'Skickar... <i data-lucide=\"loader\" class=\"w-5 h-5 animate-spin\"><\/i>';\r\n lucide.createIcons();\r\n\r\n fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData })\r\n .then(r => r.json())\r\n .then(d => {\r\n if(d.success) {\r\n btn.innerHTML = 'Skickat! <i data-lucide=\"check\" class=\"w-5 h-5\"><\/i>';\r\n btn.classList.remove('bg-brand-600');\r\n btn.classList.add('bg-green-600');\r\n status.textContent = \"Tack! Vi r\u00e4knar p\u00e5 din id\u00e9 och \u00e5terkommer.\";\r\n status.className = \"text-center text-sm mt-4 font-bold text-green-500 block\";\r\n this.reset();\r\n } else { throw new Error(d.data.message); }\r\n })\r\n .catch(err => {\r\n btn.innerHTML = 'F\u00f6rs\u00f6k igen';\r\n btn.disabled = false;\r\n status.textContent = \"Fel: \" + err.message;\r\n status.className = \"text-center text-sm mt-4 font-bold text-red-500 block\";\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>CNC, 3D-Print & Specialprojekt – AFK Teknik AFK TEKNIK Hammenh\u00f6g Mobil & Dator Vitvaror Flipper & Vintage CNC & Special Industri Verktyg Shop F\u00e5 Offert Mobil & Dator Vitvaror & Husbil Flipper & Vintage CNC & Special Industri & Lantbruk Verktyg Webshop Beg\u00e4r Offert Custom Build & Design Vi bygger det om\u00f6jliga. Har du en […]<\/p>\n","protected":false},"author":2,"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-3032","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/3032","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/comments?post=3032"}],"version-history":[{"count":10,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/3032\/revisions"}],"predecessor-version":[{"id":3096,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/3032\/revisions\/3096"}],"wp:attachment":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/media?parent=3032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nCNC, 3D-Print & Specialprojekt - AFK Teknik<\/title>\r\n<meta name=\"description\" content=\"Vi skapar det unika. CNC-fr\u00e4sning, 3D-utskrifter och specialbyggda skyltar i Hammenh\u00f6g. Prototyper och reservdelar p\u00e5 best\u00e4llning.\">\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<script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n slate: { 850: '#172033', 950: '#020617' },\r\n brand: { 400: '#fb923c', 500: '#f97316', 600: '#ea580c' }\r\n }\r\n }\r\n }\r\n }\r\n<\/script>\r\n<style>\r\n \/* Elementor\/WordPress specifika fixar *\/\r\n #afk-wrapper {\r\n font-family: 'Inter', sans-serif;\r\n width: 100vw;\r\n min-height: 100vh;\r\n margin-left: calc(-50vw + 50%); \r\n margin-right: calc(-50vw + 50%);\r\n overflow-x: hidden;\r\n background-color: #020617 !important; \/* Slate-950 *\/\r\n color: #e2e8f0 !important;\r\n position: relative;\r\n }\r\n \r\n \/* Tvinga inputs att vara m\u00f6rka *\/\r\n #afk-wrapper input, \r\n #afk-wrapper textarea, \r\n #afk-wrapper select {\r\n background-color: #000000 !important;\r\n color: #ffffff !important;\r\n border-color: #333333 !important;\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: #f97316 !important; \/* Brand Orange *\/\r\n outline: none !important;\r\n box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2) !important;\r\n }\r\n\r\n \/* Mobilmeny animation *\/\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: 500px;\r\n }\r\n\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n \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<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"afk-wrapper\" class=\"antialiased selection:bg-brand-500\/30 selection:text-brand-200 relative\">\r\n\r\n \r\n <nav class=\"fixed w-full top-0 z-50 bg-slate-950\/95 backdrop-blur-lg border-b border-white\/5 py-4\">\r\n <div class=\"max-w-7xl mx-auto px-4 flex justify-between items-center\">\r\n <a href=\"\/\" class=\"flex items-center gap-3 group no-underline\">\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-brand-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-slate-700 p-2.5 rounded-xl relative z-10\">\r\n <i data-lucide=\"cpu\" class=\"text-brand-500 w-6 h-6\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col leading-none\">\r\n <span class=\"font-black text-xl tracking-tighter text-white\">AFK TEKNIK<\/span>\r\n <span class=\"text-[10px] font-bold tracking-[0.2em] text-brand-500 uppercase mt-1\">Hammenh\u00f6g<\/span>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <div class=\"hidden xl:flex gap-6 text-sm font-bold text-slate-400 items-center\">\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Mobil & Dator<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Vitvaror<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Flipper & Vintage<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-white transition-colors border-b-2 border-brand-500 pb-1 no-underline\">CNC & Special<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"hover:text-white hover:text-brand-500 transition-colors no-underline\">Industri<\/a>\r\n <div class=\"h-4 w-px bg-slate-700 mx-2\"><\/div>\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=\"#offert\" class=\"hidden md:flex items-center gap-2 bg-brand-600 hover:bg-brand-500 text-white px-5 py-2.5 rounded-xl font-bold transition-all shadow-[0_0_20px_rgba(234,88,12,0.3)] no-underline\">\r\n <i data-lucide=\"lightbulb\" class=\"w-4 h-4\"><\/i> F\u00e5 Offert\r\n <\/a>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"xl:hidden text-white p-2 hover:bg-white\/10 rounded-lg transition-colors\">\r\n <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"xl:hidden bg-black border-t border-white\/10\">\r\n <div class=\"px-4 py-4 space-y-4 flex flex-col\">\r\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\">Mobil & Dator<\/a>\r\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\">Vitvaror & Husbil<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/service-jukebox-hifi-vintage-arkad\/\" class=\"text-slate-300 hover:text-white font-bold block py-2 border-b border-white\/5\">Flipper & Vintage<\/a>\r\n <a href=\"https:\/\/afkteknik.se\/reparation-service-elektronik-kretskort-mekanik\/\" class=\"text-brand-400 hover:text-brand-300 font-bold block py-2 border-b border-white\/5\">CNC & Special<\/a>\r\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\">Industri & Lantbruk<\/a>\r\n <div class=\"flex gap-4 py-2\">\r\n <a href=\"\/verktyg\" class=\"text-slate-400 hover:text-white text-sm\">Verktyg<\/a>\r\n <a href=\"\/shop\" class=\"text-slate-400 hover:text-white text-sm\">Webshop<\/a>\r\n <\/div>\r\n <a href=\"#offert\" class=\"bg-brand-600 hover:bg-brand-500 text-white px-5 py-3 rounded-lg font-bold text-center shadow-lg block\">\r\n Beg\u00e4r Offert\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"relative pt-48 pb-24 overflow-hidden border-b border-slate-800\">\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1635070041078-e363dbe005cb?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center opacity-20 grayscale mix-blend-overlay\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-slate-950 via-slate-950\/80 to-slate-950\"><\/div>\r\n \r\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-brand-600\/10 rounded-full blur-[128px] translate-x-1\/3 -translate-y-1\/3\"><\/div>\r\n\r\n <div class=\"relative max-w-7xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12\">\r\n <div class=\"lg:w-2\/3 text-center lg:text-left\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-900\/30 border border-brand-800 text-brand-500 text-xs font-bold uppercase tracking-widest mb-6\">\r\n <i data-lucide=\"pen-tool\" class=\"w-4 h-4\"><\/i> Custom Build & Design\r\n <\/div>\r\n <h1 class=\"text-5xl md:text-7xl font-black text-white mb-6 tracking-tighter leading-tight\">\r\n Vi bygger det <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-500 to-yellow-400\">om\u00f6jliga.<\/span>\r\n <\/h1>\r\n <p class=\"text-xl text-slate-400 max-w-2xl mx-auto lg:mx-0 leading-relaxed mb-8\">\r\n Har du en id\u00e9 p\u00e5 en servett? Eller en trasig plastdetalj som inte g\u00e5r att k\u00f6pa? \r\n Vi har maskinerna och kunskapen att ta din id\u00e9 fr\u00e5n skiss till f\u00e4rdig produkt genom CNC, 3D-print och elektronikdesign.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n <a href=\"#offert\" class=\"px-8 py-4 rounded-xl font-bold bg-brand-600 hover:bg-brand-500 text-white shadow-lg hover:shadow-brand-500\/25 transition-all flex items-center justify-center gap-2 no-underline\">\r\n Beskriv din id\u00e9 <i data-lucide=\"arrow-down\" class=\"w-4 h-4\"><\/i>\r\n <\/a>\r\n <div class=\"flex items-center gap-4 px-6 text-sm font-medium text-slate-400 justify-center lg:justify-start flex-wrap\">\r\n <span class=\"flex items-center gap-1\"><i data-lucide=\"box\" class=\"w-4 h-4 text-brand-500\"><\/i> Enstyck<\/span>\r\n <span class=\"flex items-center gap-1\"><i data-lucide=\"layers\" class=\"w-4 h-4 text-brand-500\"><\/i> Sm\u00e5 serier<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"lg:w-1\/3 w-full max-w-md relative group\">\r\n <div class=\"absolute -inset-1 bg-gradient-to-r from-brand-600 to-yellow-600 rounded-2xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200\"><\/div>\r\n <div class=\"relative bg-slate-900 ring-1 ring-slate-800 rounded-2xl p-8 shadow-2xl\">\r\n <div class=\"flex items-center gap-4 mb-6\">\r\n <div class=\"bg-slate-800 p-3 rounded-lg text-brand-500\"><i data-lucide=\"printer\" class=\"w-8 h-8\"><\/i><\/div>\r\n <div>\r\n <h3 class=\"font-bold text-white\">V\u00e5r maskinpark<\/h3>\r\n <p class=\"text-xs text-slate-500\">Redo f\u00f6r ditt projekt<\/p>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"space-y-4 border-t border-slate-800 pt-6\">\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">CNC Fr\u00e4s<\/span>\r\n <span class=\"text-brand-500 font-bold\">Alu \/ Tr\u00e4 \/ Plast<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">3D Skrivare (FDM)<\/span>\r\n <span class=\"text-brand-500 font-bold\">Kolfiber \/ Nylon<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">Elektroniklabb<\/span>\r\n <span class=\"text-brand-500 font-bold\">L\u00f6dning \/ PCB<\/span>\r\n <\/li>\r\n <li class=\"flex items-center justify-between text-sm\">\r\n <span class=\"text-slate-300\">CAD \/ Design<\/span>\r\n <span class=\"text-brand-500 font-bold\">Fusion 360<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-slate-950\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-white mb-4\">Detta kan vi bygga<\/h2>\r\n <p class=\"text-slate-400\">Vi kombinerar mekanik, elektronik och design.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n \r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"lightbulb\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Design<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Skyltar & Belysning<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Vill du ha en unik skylt till f\u00f6retaget, baren eller \"man-caven\"? Vi fr\u00e4ser i tr\u00e4, akryl eller aluminium och integrerar LED\/Neon-belysning f\u00f6r en proffsig finish.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"box\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Probleml\u00f6sare<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Reservdelar & 3D-print<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Har en plastbit g\u00e5tt s\u00f6nder som inte g\u00e5r att k\u00f6pa? Vi m\u00e4ter upp, caddar och printar en ny. Vi anv\u00e4nder starka material som kolfiberkomposit f\u00f6r delar som ska h\u00e5lla.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"settings\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Innovation<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Tekniska Prototyper<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Har du en produktid\u00e9? Vi hj\u00e4lper dig att ta fram en fungerande prototyp (\"Proof of Concept\"). Vi kombinerar 3D-printade skal med anpassad elektronik och styrning.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-900 border border-slate-800 p-8 rounded-3xl hover:border-brand-500\/50 transition-all group\">\r\n <div class=\"flex items-start justify-between mb-6\">\r\n <div class=\"w-14 h-14 bg-brand-500\/10 rounded-2xl flex items-center justify-center text-brand-500 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\r\n <i data-lucide=\"credit-card\" class=\"w-8 h-8\"><\/i>\r\n <\/div>\r\n <span class=\"bg-slate-800 text-slate-300 px-3 py-1 rounded-full text-xs font-bold\">Branding<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-white mb-3\">Merch & Visitkort<\/h3>\r\n <p class=\"text-slate-400 mb-6 leading-relaxed\">\r\n Sluta dela ut tr\u00e5kiga standardprylar. Vi tillverkar unika visitkortsh\u00e5llare, nyckelringar och m\u00e4ssprodukter anpassade efter ditt varum\u00e4rke.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-slate-900 border-y border-slate-800\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-bold text-white mb-12 text-center\">Fr\u00e5n id\u00e9 till verklighet<\/h2>\r\n <div class=\"grid md:grid-cols-4 gap-8 relative\">\r\n <div class=\"hidden md:block absolute top-8 left-10 right-10 h-0.5 bg-slate-800 -z-10\"><\/div>\r\n \r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-slate-950 border-2 border-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">1<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Id\u00e9<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Du ber\u00e4ttar vad du vill g\u00f6ra. En skiss p\u00e5 en servett r\u00e4cker l\u00e5ngt.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-slate-950 border-2 border-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">2<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Design<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Vi ritar upp det i 3D (CAD) s\u00e5 du f\u00e5r se hur det kommer se ut.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-slate-950 border-2 border-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">3<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Bygge<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Vi fr\u00e4ser, printar, l\u00f6der och monterar ihop din produkt.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 bg-brand-600 rounded-full flex items-center justify-center text-white font-black text-xl mx-auto mb-6\">4<\/div>\r\n <h3 class=\"text-white font-bold mb-2\">Klart!<\/h3>\r\n <p class=\"text-slate-400 text-sm\">Leverans av en unik produkt som ingen annan har.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"offert\" class=\"py-24 bg-slate-900 border-t border-slate-800\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"grid lg:grid-cols-2 gap-16\">\r\n \r\n \r\n <div>\r\n <h2 class=\"text-3xl font-bold text-white mb-8\">Vanliga fr\u00e5gor<\/h2>\r\n <div class=\"space-y-4\">\r\n <details class=\"bg-slate-900 rounded-xl border border-slate-800 overflow-hidden group\">\r\n <summary class=\"p-6 font-bold text-white cursor-pointer flex justify-between items-center\">\r\n Kan ni designa \u00e5t mig?\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-slate-500 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-400 text-sm border-t border-slate-800 mt-4 pt-4\">\r\n Ja! Du beh\u00f6ver inte ha en f\u00e4rdig ritning. Vi hj\u00e4lper dig med CAD-design och konstruktion utifr\u00e5n din skiss eller id\u00e9.\r\n <\/div>\r\n <\/details>\r\n <details class=\"bg-slate-900 rounded-xl border border-slate-800 overflow-hidden group\">\r\n <summary class=\"p-6 font-bold text-white cursor-pointer flex justify-between items-center\">\r\n Vilka material jobbar ni i?\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-slate-500 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-400 text-sm border-t border-slate-800 mt-4 pt-4\">\r\n I CNC-fr\u00e4sen k\u00f6r vi tr\u00e4, plast (Akryl, POM) och aluminium. I 3D-skrivarna k\u00f6r vi PLA, PETG, TPU (gummi) och kolfiberf\u00f6rst\u00e4rkt Nylon.\r\n <\/div>\r\n <\/details>\r\n <details class=\"bg-slate-900 rounded-xl border border-slate-800 overflow-hidden group\">\r\n <summary class=\"p-6 font-bold text-white cursor-pointer flex justify-between items-center\">\r\n G\u00f6r ni enstaka exemplar?\r\n <i data-lucide=\"chevron-down\" class=\"w-5 h-5 text-slate-500 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <div class=\"px-6 pb-6 text-slate-400 text-sm border-t border-slate-800 mt-4 pt-4\">\r\n Absolut. Vi specialiserar oss p\u00e5 \"One-offs\" och sm\u00e5 serier. Du beh\u00f6ver inte best\u00e4lla 1000 stycken. Ett exemplar g\u00e5r utm\u00e4rkt.\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"bg-slate-950 rounded-3xl p-8 border border-brand-900\/30 shadow-2xl shadow-brand-900\/10 relative\">\r\n <div class=\"relative z-10\">\r\n <h2 class=\"text-2xl font-bold text-white mb-6\">Beskriv din id\u00e9<\/h2>\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-xl hover:bg-slate-800 transition-colors border border-slate-800 no-underline\">\r\n <i data-lucide=\"phone\" class=\"w-5 h-5 text-brand-500\"><\/i>\r\n <div><div class=\"text-xs text-slate-500 uppercase font-bold\">Ring oss<\/div><div class=\"text-white font-bold\">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-xl hover:bg-slate-800 transition-colors border border-slate-800 no-underline\">\r\n <i data-lucide=\"mail\" class=\"w-5 h-5 text-brand-500\"><\/i>\r\n <div><div class=\"text-xs text-slate-500 uppercase font-bold\">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 <form id=\"afk-form-cnc\" class=\"space-y-4\">\r\n <input type=\"hidden\" name=\"kategori\" value=\"CNC & Specialprojekt\">\r\n \r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <input type=\"text\" name=\"namn\" required placeholder=\"Namn\" class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white focus:border-brand-500 outline-none\">\r\n <input type=\"text\" name=\"kontakt\" required placeholder=\"Telefon \/ Email\" class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white focus:border-brand-500 outline-none\">\r\n <\/div>\r\n <input type=\"text\" name=\"enhet\" placeholder=\"Vad vill du bygga?\" class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white focus:border-brand-500 outline-none\">\r\n <textarea name=\"meddelande\" required class=\"w-full bg-slate-900 border border-slate-800 p-3 rounded-lg text-white h-32 resize-none focus:border-brand-500 outline-none\" placeholder=\"Beskriv id\u00e9n, m\u00e5tt, material...\"><\/textarea>\r\n \r\n <button type=\"submit\" id=\"btn-submit-cnc\" class=\"w-full bg-brand-600 text-white font-bold py-3 rounded-lg hover:bg-brand-500 transition-colors shadow-lg shadow-brand-600\/20 flex items-center justify-center gap-2\">\r\n <span>F\u00e5 Offert<\/span> <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n <\/button>\r\n <p id=\"form-status-cnc\" class=\"text-center text-sm mt-4 font-bold hidden\"><\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-black py-12 border-t border-slate-900\">\r\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\r\n <p class=\"text-slate-600 text-sm\">© 2025 AFK Teknik.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div> \r\n\r\n<script>\r\n \/\/ Initialize Lucide Icons\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 menuBtn.addEventListener('click', () => {\r\n if (mobileMenu.classList.contains('open')) {\r\n mobileMenu.classList.remove('open');\r\n mobileMenu.style.maxHeight = '0';\r\n } else {\r\n mobileMenu.classList.add('open');\r\n mobileMenu.style.maxHeight = '500px';\r\n }\r\n });\r\n\r\n \/\/ FORM HANDLER SCRIPT\r\n document.getElementById('afk-form-cnc').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const btn = document.getElementById('btn-submit-cnc');\r\n const status = document.getElementById('form-status-cnc');\r\n const formData = new FormData(this);\r\n formData.append('action', 'afk_send_mail');\r\n\r\n btn.disabled = true;\r\n btn.innerHTML = 'Skickar... <i data-lucide=\"loader\" class=\"w-5 h-5 animate-spin\"><\/i>';\r\n lucide.createIcons();\r\n\r\n fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData })\r\n .then(r => r.json())\r\n .then(d => {\r\n if(d.success) {\r\n btn.innerHTML = 'Skickat! <i data-lucide=\"check\" class=\"w-5 h-5\"><\/i>';\r\n btn.classList.remove('bg-brand-600');\r\n btn.classList.add('bg-green-600');\r\n status.textContent = \"Tack! Vi r\u00e4knar p\u00e5 din id\u00e9 och \u00e5terkommer.\";\r\n status.className = \"text-center text-sm mt-4 font-bold text-green-500 block\";\r\n this.reset();\r\n } else { throw new Error(d.data.message); }\r\n })\r\n .catch(err => {\r\n btn.innerHTML = 'F\u00f6rs\u00f6k igen';\r\n btn.disabled = false;\r\n status.textContent = \"Fel: \" + err.message;\r\n status.className = \"text-center text-sm mt-4 font-bold text-red-500 block\";\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>CNC, 3D-Print & Specialprojekt – AFK Teknik AFK TEKNIK Hammenh\u00f6g Mobil & Dator Vitvaror Flipper & Vintage CNC & Special Industri Verktyg Shop F\u00e5 Offert Mobil & Dator Vitvaror & Husbil Flipper & Vintage CNC & Special Industri & Lantbruk Verktyg Webshop Beg\u00e4r Offert Custom Build & Design Vi bygger det om\u00f6jliga. Har du en […]<\/p>\n","protected":false},"author":2,"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-3032","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/3032","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/comments?post=3032"}],"version-history":[{"count":10,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/3032\/revisions"}],"predecessor-version":[{"id":3096,"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/pages\/3032\/revisions\/3096"}],"wp:attachment":[{"href":"https:\/\/afkteknik.se\/shop\/wp-json\/wp\/v2\/media?parent=3032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}