Pakkeløsninger
Partypakker
Lydpakker
Lydanlegg BRA kvalitet
Lydanlegg BEDRE kvalitet
Profesjonell kvalitet
Lyspakker
Student Tilbud
Skoleball Tilbud
Lydutleie løsning
Lysutleie løsning
Russe Tilbud
Tema
Konferanseutstyr
Podcast og Streaming utstyr
Revy – Film – TV – Teater
Bryllup
Utstyr til DJs
Karaoke Utstyr
Skumparty – Foamparty
Popcorn Party
Aktiviteter og partyleker
Utekino
Silent Disco
Tour Guide
Utstyrs-liste
Utstyrs-liste
Lyd Utstyr
Høyttalere, og Forsterkere
Miksere for utleie
Instrumenter og Backline
DJ Utstyr
Mikrofoner
Teleslynge for leie
effektprosessor
Tour Guide
Lys Utstyr
Beveglige Lys
Flower Discolys
Retro Disco Effekt
Scene-Dekor Lys
Spesial Lys FX
UV – Blacklight
Lys Kontrollere
Laser Utleie
Spesialeffekter
Røyk-Maskiner
Pyro
Konfetti
Skum Maskiner
Snømaskin
Såpebobler
Photo Booth
Bilde (AV) Produkter
Telt – Bord – Stoler
Dekor til lokalet
Aktiviteter og morro
Karaoke utleie
Utstyr med batteri
Strømaggregat
Scene Utstyr
Kabler
Stativer og Trosse
Trosse Utstyr
Høytaler stativ
Lysstativer
Mic Stativer
Keyboard-stativ
Om Oss
DJ Leie
Frakt
Manual
Kontakt
Hva skal du leie?
Søk
Populært akkurat nå
Bryllup
Konferanse
Skoleball
Russetid
Utekino
Karaoke
DJ
Pakkeløsninger
Kurv
0
Hjem
›
Produkter
›
Low Fog Antari Z 1000w for lavtliggende røyk
Klikk for å forstørre
Klikk for å forstørre
Low Fog Antari Z 1000w for lavtliggende røyk
655 kr
inkl. mva
524 kr eks. mva
På lager
Low Fog Antari Z 1000w for lavtliggende røyk Dette er en fantastisk effekt for teater eller kanskje ett bryllup og passer når du skal ha røyken til å flyte langs etter gulvet.
</div> <div class="flex items-center gap-3"> <div class="flex items-center border rounded-lg overflow-hidden" style="border-color: var(--color-hr);"> <button type="button" class="px-3 py-2 hover:bg-gray-100 transition" onclick="updateQty(-1)"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-minus text-xs"><path d="M5 12h14"/></svg> </button> <input type="number" id="product-qty" value="1" min="1" class="w-14 text-center border-x py-2 text-sm" style="border-color: var(--color-hr);" /> <button type="button" class="px-3 py-2 hover:bg-gray-100 transition" onclick="updateQty(1)"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-plus text-xs"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </button> </div> <button onclick="addToCart(714)" id="add-to-cart-btn" class="inline-flex items-center justify-center px-6 py-2.5 rounded text-sm font-medium transition-opacity hover:opacity-90" style="background-color: var(--color-primary); color: white;"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-shopping-cart mr-2 text-xs"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg> <span>Legg i kurv</span> </button> <button onclick="buyNow(714)" id="buy-now-btn" class="inline-flex items-center justify-center px-6 py-2.5 rounded text-sm font-medium transition-opacity hover:opacity-90" style="background-color: var(--color-secondary); color: white;"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-bolt mr-2 text-xs"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> <span>Send forespørsel</span> </button> </div> <div class="pt-4 flex items-center gap-3" style="border-top: 1px solid var(--color-hr);"> <span class="text-sm font-medium" style="color: var(--color-note);">Kategorier</span> <div class="flex flex-wrap gap-2"> <a href="https://123lyd.xelenthost.com/products/category/bryllup" class="inline-block px-2 py-0.5 rounded-full text-xs font-medium transition-colors" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Bryllup </a> <a href="https://123lyd.xelenthost.com/products/category/revy-film-tv-teater" class="inline-block px-2 py-0.5 rounded-full text-xs font-medium transition-colors" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Revy – Film – TV – Teater </a> <a href="https://123lyd.xelenthost.com/products/category/royk-maskiner" class="inline-block px-2 py-0.5 rounded-full text-xs font-medium transition-colors" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Røyk-Maskiner </a> </div> </div> <div class="pt-4 flex items-center gap-3" style="border-top: 1px solid var(--color-hr);"> <span class="text-sm font-medium" style="color: var(--color-note);">Del:</span> <div class="flex gap-3"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F123lyd.xelenthost.com%2Fproducts%2Flow-fog-antari-z-1000w-for-lavtliggende-royk" target="_blank" rel="noopener noreferrer" class="text-lg transition-opacity hover:opacity-60" style="color: var(--color-note);" title="Del på Facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-facebook-f"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> </a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2F123lyd.xelenthost.com%2Fproducts%2Flow-fog-antari-z-1000w-for-lavtliggende-royk&text=Low+Fog+Antari+Z+1000w+for+lavtliggende+r%C3%B8yk+Dette+er+en+fantastisk+effekt+for+teater+eller+kanskje+ett+bryllup+og+passer+n%C3%A5r+du+skal+ha+r%C3%B8yken+til+%C3%A5+flyte+langs+etter+gulvet." target="_blank" rel="noopener noreferrer" class="text-lg transition-opacity hover:opacity-60" style="color: var(--color-note);" title="Del på X"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-x-twitter"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F123lyd.xelenthost.com%2Fproducts%2Flow-fog-antari-z-1000w-for-lavtliggende-royk&title=Low+Fog+Antari+Z+1000w+for+lavtliggende+r%C3%B8yk&summary=Low+Fog+Antari+Z+1000w+for+lavtliggende+r%C3%B8yk+Dette+er+en+fantastisk+effekt+for+teater+eller+kanskje+ett+bryllup+og+passer+n%C3%A5r+du+skal+ha+r%C3%B8yken+til+%C3%A5+flyte+langs+etter+gulvet." target="_blank" rel="noopener noreferrer" class="text-lg transition-opacity hover:opacity-60" style="color: var(--color-note);" title="Del på LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-linkedin-in"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z"/></svg> </a> <a href="mailto:?subject=Low+Fog+Antari+Z+1000w+for+lavtliggende+r%C3%B8yk&body=Low+Fog+Antari+Z+1000w+for+lavtliggende+r%C3%B8yk+Dette+er+en+fantastisk+effekt+for+teater+eller+kanskje+ett+bryllup+og+passer+n%C3%A5r+du+skal+ha+r%C3%B8yken+til+%C3%A5+flyte+langs+etter+gulvet.+-+https%3A%2F%2F123lyd.xelenthost.com%2Fproducts%2Flow-fog-antari-z-1000w-for-lavtliggende-royk" class="text-lg transition-opacity hover:opacity-60" style="color: var(--color-note);" title="Del på e-post"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-envelope"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg> </a> </div> </div> </div> </div> <div class="mt-8"> <div class="bg-white rounded-lg" x-data="{ activeTab: 'description' }"> <div class="flex border-b" style="border-color: var(--color-hr);"> <button @click="activeTab = 'description'" :class="activeTab === 'description' ? 'border-b-2' : ''" class="px-6 py-3 font-medium transition-colors" style="border-color: var(--color-primary); color: var(--color-text);"> Beskrivelse </button> <button @click="activeTab = 'custom-0'" :class="activeTab === 'custom-0' ? 'border-b-2' : ''" class="px-6 py-3 font-medium transition-colors" style="border-color: var(--color-primary); color: var(--color-text);"> Omtaler </button> </div> <div class="p-6"> <div x-show="activeTab === 'description'" class="prose max-w-none" style="color: var(--color-text-lead);"> <h3>Low Fog Antari Z 1000w for lavtliggende røyk</h3> <p>Dette er en fantastisk effekt for teater eller kanskje ett bryllup. Den passer når du skal ha røyken til å flyte langs etter gulvet.</p> <p>ICE-101 Ice tåke maskin, da det navnet antyder, produserer vakkert gulv tørris tåke effekt ved å legge vanlige isbiter. Uten ulempe av tørris eller de potensielle helsefarer forårsaket av tørris er tungt CO2 røyk. Denne ICE Tåke maskin er veldig miljøvennlig.</p> <p>En høy effekt 1000W røykmaskin inne skaper mengder av tåke som er kjølt å skape et lavtliggende bakken klemmer tåke effekt. 10kg isbiter plassert i isen kammeret kan lagres opptil 8 timer og inntil 1 time kontinuerlig drift. Full DMX om bord betyr 100% kontroll og avløps pumpe kan aktiveres manuelt eller satt til automatisk for optimal ytelse.You vil aldri ønske å gå tilbake til tørris maskin igjen fordi denne enheten er svært enkel og trygg å bruke som det er den mest praktiske måten å skape anklene tåke for mange applikasjoner.</p> <h5>Spesifikasjoner:<br /> </h5> <ul> <li>Energi: AC100V / AC120V / AC230V / AC240V, 50Hz-60Hz</li> <li>Heater: 1000 W</li> <li>Output: 40m2 / min</li> <li>First Heat-up Tid: 4,5 min</li> <li>Tankkapasitet: 2,5 liter</li> <li>Fluid Forbruk Valuta: 40 min / liter</li> <li>Remote Inkludert: Z-8 Timer Remote</li> <li>Vekt: 24,4 kg</li> <li>Mål (mm): L 660 W 355 H 359</li> <li>DMX styring<br /> </li> </ul> </div> <div x-show="activeTab === 'custom-0'" class="prose max-w-none" style="color: var(--color-text-lead);"> <p>Det er ingen omtaler ennå.</p> </div> </div> </div> </div> </section> <script> function updateQty(change) { const input = document.getElementById('product-qty'); if (input) { const newVal = Math.max(1, parseInt(input.value || 1) + change); input.value = newVal; } } async function addToCart(productId) { const btn = document.getElementById('add-to-cart-btn'); const btnText = btn.querySelector('span'); const originalText = btnText.textContent; const qtyInput = document.getElementById('product-qty'); const variantSelect = document.getElementById('variant-select'); const quantity = qtyInput ? parseInt(qtyInput.value) || 1 : 1; const variantId = variantSelect ? variantSelect.value : null; // Disable button and show loading btn.disabled = true; btn.style.opacity = '0.7'; btnText.textContent = 'cart.adding...'; try { const response = await fetch('https://123lyd.xelenthost.com/cart/add', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.content || '8H21N8O0vKe2pvRznNortVXkxLIyD1LhY7XZGjWl', 'Accept': 'application/json', }, body: JSON.stringify({ product_id: productId, variant_id: variantId, quantity: quantity, }), }); const data = await response.json(); if (response.ok) { // Success feedback btnText.textContent = 'cart.added!'; btn.style.backgroundColor = '#16a34a'; // Update header cart badge const badge = document.getElementById('cart-badge-count'); const badgeContainer = document.getElementById('cart-badge'); if (badge) badge.textContent = data.cart_count; if (badgeContainer) badgeContainer.style.display = data.cart_count > 0 ? 'flex' : 'none'; document.dispatchEvent(new CustomEvent('cart:updated', { detail: { count: data.cart_count } })); setTimeout(() => { btnText.textContent = originalText; btn.style.backgroundColor = '#3b82f6'; btn.disabled = false; btn.style.opacity = '1'; }, 2000); } else { // Error feedback btnText.textContent = data.message || 'cart.error'; btn.style.backgroundColor = '#dc2626'; setTimeout(() => { btnText.textContent = originalText; btn.style.backgroundColor = '#3b82f6'; btn.disabled = false; btn.style.opacity = '1'; }, 2000); } } catch (error) { console.error('Add to cart error:', error); btnText.textContent = 'cart.error'; setTimeout(() => { btnText.textContent = originalText; btn.style.backgroundColor = ''; btn.disabled = false; btn.style.opacity = '1'; }, 2000); } } async function buyNow(productId) { const btn = document.getElementById('buy-now-btn'); const btnText = btn.querySelector('span'); const originalText = btnText.textContent; const qtyInput = document.getElementById('product-qty'); const variantSelect = document.getElementById('variant-select'); const quantity = qtyInput ? parseInt(qtyInput.value) || 1 : 1; const variantId = variantSelect ? variantSelect.value : null; // Disable button and show loading btn.disabled = true; btn.style.opacity = '0.7'; btnText.textContent = 'cart.adding...'; try { const response = await fetch('https://123lyd.xelenthost.com/cart/add', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.content || '8H21N8O0vKe2pvRznNortVXkxLIyD1LhY7XZGjWl', 'Accept': 'application/json', }, body: JSON.stringify({ product_id: productId, variant_id: variantId, quantity: quantity, }), }); const data = await response.json(); if (response.ok) { // Update header cart badge const badge = document.getElementById('cart-badge-count'); const badgeContainer = document.getElementById('cart-badge'); if (badge) badge.textContent = data.cart_count; if (badgeContainer) badgeContainer.style.display = data.cart_count > 0 ? 'flex' : 'none'; document.dispatchEvent(new CustomEvent('cart:updated', { detail: { count: data.cart_count } })); // Redirect to checkout window.location.href = 'https://123lyd.xelenthost.com/checkout'; } else { // Error feedback btnText.textContent = data.message || 'cart.error'; btn.style.backgroundColor = '#dc2626'; setTimeout(() => { btnText.textContent = originalText; btn.style.backgroundColor = ''; btn.disabled = false; btn.style.opacity = '1'; }, 2000); } } catch (error) { console.error('Buy now error:', error); btnText.textContent = 'cart.error'; setTimeout(() => { btnText.textContent = originalText; btn.style.backgroundColor = ''; btn.disabled = false; btn.style.opacity = '1'; }, 2000); } } </script> </div> <!-- Page Builder Content --> <!-- Recommended Products (You may also like) --> <section class="container mx-auto px-6" style="padding-top: 60px; padding-bottom: 60px;"> <h2 class="text-3xl font-bold mb-8" style="color: var(--color-h2);" data-aos="fade-up">Du liker kanskje også</h2> <div class="grid md:grid-cols-4 gap-6"> <a href="https://123lyd.xelenthost.com/products/spandex-stretch-duk-sort-farge-til-cocktailbord" class="group block bg-white rounded-lg shadow hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="0"> <div class="aspect-square overflow-hidden relative" style="border-radius: 8px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.jpg" alt="Spandex / Stretch duk sort farge til Cocktailbord" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 group-hover:opacity-0" style="border-radius: 8px;" > </picture> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-sort-stretch-duk-til-cocktail-bord-80cm.jpg.jpg" alt="Spandex / Stretch duk sort farge til Cocktailbord" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover absolute inset-0 opacity-0 group-hover:opacity-100 group-hover:scale-105 transition-all duration-300" style="border-radius: 8px;" > </picture> </div> <div class="p-4"> <span class="inline-block px-2.5 py-1 rounded-full text-xs font-medium mb-2" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Bryllup </span> <h6 class="w-full text-left font-semibold line-clamp-2" style="color: var(--color-h6); padding-top: 8px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px;"> Spandex / Stretch duk sort farge til Cocktailbord </h6> <p class="w-full text-left text-xl font-bold" style="color: var(--color-primary); padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> 175 kr </p> <span class="price-tax-note flex flex-wrap items-baseline gap-x-2 text-xs text-left" style="color: var(--color-note);"> <span>inkl. mva</span> <span class="price-ex-tax">140 kr eks. mva</span> </span> </div> </a> <a href="https://123lyd.xelenthost.com/products/hvit-stretch-duk-til-cocktailbord-til-leie" class="group block bg-white rounded-lg shadow hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="100"> <div class="aspect-square overflow-hidden relative" style="border-radius: 8px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.jpg" alt="Hvit Spandex / stretch duk til Cocktailbord til leie" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 group-hover:opacity-0" style="border-radius: 8px;" > </picture> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-hvit-stretch-duk-til-cocktail-bord-80cm.jpg.jpg" alt="Hvit Spandex / stretch duk til Cocktailbord til leie" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover absolute inset-0 opacity-0 group-hover:opacity-100 group-hover:scale-105 transition-all duration-300" style="border-radius: 8px;" > </picture> </div> <div class="p-4"> <span class="inline-block px-2.5 py-1 rounded-full text-xs font-medium mb-2" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Bryllup </span> <h6 class="w-full text-left font-semibold line-clamp-2" style="color: var(--color-h6); padding-top: 8px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px;"> Hvit Spandex / stretch duk til Cocktailbord til leie </h6> <p class="w-full text-left text-xl font-bold" style="color: var(--color-primary); padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> 175 kr </p> <span class="price-tax-note flex flex-wrap items-baseline gap-x-2 text-xs text-left" style="color: var(--color-note);"> <span>inkl. mva</span> <span class="price-ex-tax">140 kr eks. mva</span> </span> </div> </a> <a href="https://123lyd.xelenthost.com/products/astera-box-crmx-lysstyring-til-astera-led-tube" class="group block bg-white rounded-lg shadow hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="200"> <div class="aspect-square overflow-hidden relative" style="border-radius: 8px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-asterabox-til-leie.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-asterabox-til-leie.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-asterabox-til-leie.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-asterabox-til-leie.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-asterabox-til-leie.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-asterabox-til-leie.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-asterabox-til-leie.jpg.jpg" alt="Astera Box CRMX lysstyring til Astera LED Tube" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 group-hover:opacity-0" style="border-radius: 8px;" > </picture> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-asterabox-til-leie.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-asterabox-til-leie.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-asterabox-til-leie.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-asterabox-til-leie.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-asterabox-til-leie.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-asterabox-til-leie.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-asterabox-til-leie.jpg.jpg" alt="Astera Box CRMX lysstyring til Astera LED Tube" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover absolute inset-0 opacity-0 group-hover:opacity-100 group-hover:scale-105 transition-all duration-300" style="border-radius: 8px;" > </picture> </div> <div class="p-4"> <span class="inline-block px-2.5 py-1 rounded-full text-xs font-medium mb-2" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Konferanseutstyr </span> <h6 class="w-full text-left font-semibold line-clamp-2" style="color: var(--color-h6); padding-top: 8px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px;"> Astera Box CRMX lysstyring til Astera LED Tube </h6> <p class="w-full text-left text-xl font-bold" style="color: var(--color-primary); padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> 450 kr </p> <span class="price-tax-note flex flex-wrap items-baseline gap-x-2 text-xs text-left" style="color: var(--color-note);"> <span>inkl. mva</span> <span class="price-ex-tax">360 kr eks. mva</span> </span> </div> </a> <a href="https://123lyd.xelenthost.com/products/digital-gjestebok-til-leie-hvit" class="group block bg-white rounded-lg shadow hover:shadow-xl transition" data-aos="fade-up" data-aos-delay="300"> <div class="aspect-square overflow-hidden relative" style="border-radius: 8px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-rm-gjestebok-tlf-hvit-1.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-rm-gjestebok-tlf-hvit-1.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-rm-gjestebok-tlf-hvit-1.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-rm-gjestebok-tlf-hvit-1.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-rm-gjestebok-tlf-hvit-1.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-rm-gjestebok-tlf-hvit-1.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-rm-gjestebok-tlf-hvit-1.jpg.jpg" alt="Digital gjestebok til leie (Hvit)" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 group-hover:opacity-0" style="border-radius: 8px;" > </picture> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_400_lyd-rm-gjestebok-tlf-hvit-1.jpg.avif 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_800_lyd-rm-gjestebok-tlf-hvit-1.jpg.avif 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/avif_1600_lyd-rm-gjestebok-tlf-hvit-1.jpg.avif 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_400_lyd-rm-gjestebok-tlf-hvit-1.jpg.webp 400w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_800_lyd-rm-gjestebok-tlf-hvit-1.jpg.webp 800w, https://123lyd.xelenthost.com/media/products/2026/10/conversions/webp_1600_lyd-rm-gjestebok-tlf-hvit-1.jpg.webp 1200w" sizes="(min-width: 1024px) 25vw, 50vw"> <img src="https://123lyd.xelenthost.com/media/products/2026/10/conversions/fallback_lyd-rm-gjestebok-tlf-hvit-1.jpg.jpg" alt="Digital gjestebok til leie (Hvit)" width="1200" height="1200" loading="lazy" decoding="async" class="w-full h-full object-cover absolute inset-0 opacity-0 group-hover:opacity-100 group-hover:scale-105 transition-all duration-300" style="border-radius: 8px;" > </picture> </div> <div class="p-4"> <span class="inline-block px-2.5 py-1 rounded-full text-xs font-medium mb-2" style="background: linear-gradient(135deg, var(--color-category-desc-from) 0%, var(--color-category-desc-to) 100%); color: var(--color-primary);"> Aktiviteter og morro </span> <h6 class="w-full text-left font-semibold line-clamp-2" style="color: var(--color-h6); padding-top: 8px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px;"> Digital gjestebok til leie (Hvit) </h6> <p class="w-full text-left text-xl font-bold" style="color: var(--color-primary); padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"> 600 kr </p> <span class="price-tax-note flex flex-wrap items-baseline gap-x-2 text-xs text-left" style="color: var(--color-note);"> <span>inkl. mva</span> <span class="price-ex-tax">480 kr eks. mva</span> </span> </div> </a> </div> </section> </div> <!-- Footer --> <footer class="site-footer-template" data-template-id="18" style="--footer-bg: #07070c;" > <div class="ftr-in"> <div class="cols ftr-simple"> <div class="col f-brand"> <div id="site-logo-9e4eb28b" class="block-site-logo flex items-center justify-start text-left " style=""> <a href="https://123lyd.xelenthost.com" class="inline-flex items-center gap-3" aria-label="123lyd"> <picture> <source type="image/avif" srcset="https://123lyd.xelenthost.com/media/general/2026/10/conversions/avif_1600_lyd-logo-2x.png.avif 306w" sizes="240px"> <source type="image/webp" srcset="https://123lyd.xelenthost.com/media/general/2026/10/conversions/webp_1600_lyd-logo-2x.png.webp 306w" sizes="240px"> <img src="https://123lyd.xelenthost.com/media/general/2026/10/conversions/fallback_lyd-logo-2x.png.jpg" alt="123lyd" width="306" height="179" fetchpriority="high" decoding="async" class="site-logo-img w-auto" style="height: 44px;" > </picture> </a></div> <style>@media (max-width: 767px) { #site-logo-9e4eb28b .site-logo-img { height: 36px !important; } }</style> <p class="f-blurb">Utleie av lyd, lys og partyutstyr i Oslo og omegn. 123lyd er en del av DJ Booking Norge AS.</p> </div> <div class="col f-contact-col"> <h3>Kontakt</h3><p class="f-contact"><a href="tel:+4790532929">90 53 29 29</a><br><a href="mailto:123lyd@123lyd.no">123lyd@123lyd.no</a><br>Brynsalleen 4<br /> 0667 Oslo</p> </div> <div class="col"> <h3>Trenger du DJ eller artist?</h3><p>For å finne din DJ eller artist, se <a href="https://www.djb.no" target="_blank" rel="noopener">Artist avdelingen</a> hos DJ Booking Norge. Silent disco finner du på <a href="https://silentdisco.no" target="_blank" rel="noopener">silentdisco.no</a>.</p> </div> </div> <div class="legal"> <div class="block-copyright text-sm justify-start text-left " style=" "> <p>Copyright © 2026 123 Lyd By DJ Booking Norge AS. All Rights Reserved.</p> </div> <p class="credit">Nettside av <a href="https://xelent.pk" target="_blank" rel="noopener">Xelent Solutions</a></p> </div> <div class="sd-enhance"><script>(function(){var d=document;function show(n){d.querySelectorAll('[data-cart-count]').forEach(function(e){e.textContent=n||0;e.style.display=n>0?'grid':'none';});} function cnt(){fetch('/cart/count',{headers:{'Accept':'application/json'},cache:'no-store',credentials:'same-origin'}).then(function(r){return r.json();}).then(function(j){show(j.count);}).catch(function(){});} cnt();d.addEventListener('cart:updated',function(e){if(e.detail&&typeof e.detail.count==='number'){show(e.detail.count);}else{cnt();}}); window.addEventListener('pageshow',function(e){if(e.persisted){cnt();}}); })();</script></div> </div> </footer> <style> .site-footer-template { background-color: var(--footer-bg, var(--color-footer-bg)); color: var(--footer-text, var(--color-footer-text)); } /* !important: the global typography rules paint h1–h6 with body heading colours (!important) */ .site-footer-template :is(h1, h2, h3, h4, h5, h6) { color: var(--footer-heading, var(--color-footer-heading, inherit)) !important; } .site-footer-template .prose { color: inherit; } .site-footer-template:not(.links-legacy) a, .site-footer-template:not(.links-legacy) .prose a { color: var(--footer-link, var(--color-footer-link, inherit)); } .site-footer-template:not(.links-legacy) a:hover { color: var(--footer-link-hover, var(--color-footer-link-hover, inherit)); } /* Converted footers (link_scope legacy): the footer link colour on menu / text-column links only (other links keep the site link colour), at the legacy `footer .footer-link` specificity so each site's Custom CSS still wins where it did */ :where(.site-footer-template.links-legacy) :is(.footer-link, .footer-text-content a, .blk-list a, .blk-post-list a, .blk-contact a) { color: var(--footer-link, var(--color-footer-link, inherit)); } :where(.site-footer-template.links-legacy) :is(.footer-link, .footer-text-content a, .blk-list a, .blk-post-list a, .blk-contact a):hover { color: var(--footer-link-hover, var(--color-footer-link-hover, inherit)); } .site-footer-template .social-icon { color: var(--color-footer-social, inherit); } .site-footer-template .social-icon:hover { color: var(--color-footer-social-hover, inherit); } </style> <!-- Inquiry Form Modal --> <div id="inquiryModal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4" onclick="closeInquiryFormOnBackdrop(event)"> <div class="bg-white rounded-lg max-w-md w-full p-6 relative" onclick="event.stopPropagation()"> <button onclick="closeInquiryForm()" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-times text-xl"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> <h3 class="text-2xl font-bold mb-4" style="color: var(--color-h3);">Spør om produktet</h3> <p class="text-sm mb-6" style="color: var(--color-note);" id="inquiryProductName"></p> <form id="inquiryForm" onsubmit="submitInquiryForm(event)"> <input type="hidden" id="inquiry_product_id" name="product_id"> <input type="hidden" id="inquiry_product_name" name="product_name"> <div class="space-y-4"> <div> <label for="first_name" class="block text-sm font-medium mb-1" style="color: var(--color-text-lead);">Fornavn *</label> <input type="text" id="first_name" name="first_name" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2" style="border-color: var(--color-hr); focus:ring-color: var(--color-primary);"> </div> <div> <label for="last_name" class="block text-sm font-medium mb-1" style="color: var(--color-text-lead);">Etternavn *</label> <input type="text" id="last_name" name="last_name" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2" style="border-color: var(--color-hr); focus:ring-color: var(--color-primary);"> </div> <div> <label for="email" class="block text-sm font-medium mb-1" style="color: var(--color-text-lead);">E-post *</label> <input type="email" id="email" name="email" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2" style="border-color: var(--color-hr); focus:ring-color: var(--color-primary);"> </div> <div> <label for="phone" class="block text-sm font-medium mb-1" style="color: var(--color-text-lead);">Telefon</label> <input type="tel" id="phone" name="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2" style="border-color: var(--color-hr); focus:ring-color: var(--color-primary);"> </div> <div> <label for="message" class="block text-sm font-medium mb-1" style="color: var(--color-text-lead);">Melding *</label> <textarea id="message" name="message" rows="4" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2" style="border-color: var(--color-hr); focus:ring-color: var(--color-primary);"></textarea> </div> </div> <div class="mt-6 flex gap-3"> <button type="button" onclick="closeInquiryForm()" class="flex-1 px-6 py-3 rounded-lg font-medium border" style="border-color: var(--color-hr); color: var(--color-text-lead);"> Avbryt </button> <button type="submit" id="submitBtn" class="flex-1 px-6 py-3 rounded-lg font-medium" style="background-color: var(--color-primary); color: white;"> Send </button> </div> </form> <div id="successMessage" class="hidden mt-4 p-4 rounded-lg" style="background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-check-circle mr-2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg> <span>Takk! Vi svarer deg på e-post.</span> </div> <div id="errorMessage" class="hidden mt-4 p-4 rounded-lg" style="background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-0.125em;" class="fa-exclamation-circle mr-2"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></svg> <span id="errorText">Noe gikk galt. Ring oss på 90 53 29 29.</span> </div> </div> </div> <script defer src="/vendor/alpinejs/alpine.min.js"></script> <script src="/vendor/aos/aos.js" defer></script> <script src="/vendor/swiper/swiper-bundle.min.js" defer></script> <script src="/vendor/glightbox/glightbox.min.js" defer></script> <script> // Deferred libraries (AOS, Swiper, GLightbox, Lucide) have executed by DOMContentLoaded. document.addEventListener('DOMContentLoaded', function() { // Initialize AOS AOS.init({ duration: 1000, once: true, offset: 100 }); // Initialize GLightbox for image zoom const lightbox = GLightbox({ touchNavigation: true, loop: true, autoplayVideos: true, closeButton: true, closeOnOutsideClick: true, zoomable: true, draggable: true }); // Product Swiper - Only initialize if there are slides to slide const productSwiperEl = document.querySelector('.product-swiper'); const productThumbsSwiperEl = document.querySelector('.product-thumbs-swiper'); if (productSwiperEl) { // Product Thumbnail Swiper let productThumbsSwiper = null; if (productThumbsSwiperEl) { productThumbsSwiper = new Swiper('.product-thumbs-swiper', { spaceBetween: 10, slidesPerView: 4, freeMode: true, watchSlidesProgress: true, breakpoints: { 640: { slidesPerView: 4, }, 768: { slidesPerView: 5, }, 1024: { slidesPerView: 6, }, }, }); } // Product Main Swiper const productSwiper = new Swiper('.product-swiper', { spaceBetween: 10, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, thumbs: { swiper: productThumbsSwiper, }, }); } }); // Inquiry Form Functions function openInquiryForm(productId, productName) { document.getElementById('inquiry_product_id').value = productId; document.getElementById('inquiry_product_name').value = productName; document.getElementById('inquiryProductName').textContent = 'Inquiring about: ' + productName; document.getElementById('inquiryModal').classList.remove('hidden'); document.body.style.overflow = 'hidden'; } function closeInquiryForm() { document.getElementById('inquiryModal').classList.add('hidden'); document.body.style.overflow = 'auto'; document.getElementById('inquiryForm').reset(); document.getElementById('successMessage').classList.add('hidden'); document.getElementById('errorMessage').classList.add('hidden'); } function closeInquiryFormOnBackdrop(event) { if (event.target === event.currentTarget) { closeInquiryForm(); } } async function submitInquiryForm(event) { event.preventDefault(); const form = document.getElementById('inquiryForm'); const submitBtn = document.getElementById('submitBtn'); const successMessage = document.getElementById('successMessage'); const errorMessage = document.getElementById('errorMessage'); // Disable submit button submitBtn.disabled = true; submitBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2" style="display:inline-block;vertical-align:-0.125em;animation:xicon-spin 1s linear infinite"><style>@keyframes xicon-spin{to{transform:rotate(360deg)}}</style><line x1="12" x2="12" y1="2" y2="6"/><line x1="12" x2="12" y1="18" y2="22"/><line x1="4.93" x2="7.76" y1="4.93" y2="7.76"/><line x1="16.24" x2="19.07" y1="16.24" y2="19.07"/><line x1="2" x2="6" y1="12" y2="12"/><line x1="18" x2="22" y1="12" y2="12"/><line x1="4.93" x2="7.76" y1="19.07" y2="16.24"/><line x1="16.24" x2="19.07" y1="7.76" y2="4.93"/></svg>' + (window.__ ? window.__('common.loading') : 'Laster…'); // Hide previous messages successMessage.classList.add('hidden'); errorMessage.classList.add('hidden'); // Collect form data const formData = new FormData(form); const data = Object.fromEntries(formData.entries()); try { const csrfToken = document.querySelector('meta[name="csrf-token"]')?.content; const response = await fetch('/api/inquiries', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-CSRF-TOKEN': csrfToken, }, body: JSON.stringify(data) }); const result = await response.json(); if (response.ok) { // Show success message successMessage.classList.remove('hidden'); form.reset(); // Close modal after 2 seconds setTimeout(() => { closeInquiryForm(); }, 2000); } else { // Show error message document.getElementById('errorText').textContent = result.message || (window.__ ? window.__('products.inquiry_error') : 'Noe gikk galt. Ring oss på 90 53 29 29.'); errorMessage.classList.remove('hidden'); } } catch (error) { // Show error message document.getElementById('errorText').textContent = window.__ ? window.__('products.inquiry_error') : 'Noe gikk galt. Ring oss på 90 53 29 29.'; errorMessage.classList.remove('hidden'); } finally { // Re-enable submit button submitBtn.disabled = false; submitBtn.innerHTML = window.__ ? window.__('products.send_inquiry') : 'Send'; } } </script> </body> </html>
