{"title":"Registreringsside","description":"\u003cstyle\u003e\n\/* Haarspullen Newsletter Styling *\/\n.haarspullen-newsletter-container {\n    font-family: 'Open Sans', Arial, sans-serif;\n    background-color: white;\n    color: black;\n    line-height: 1.6;\n    max-width: 100%;\n    margin: 0 auto;\n}\n\n.haarspullen-newsletter-container * {\n    box-sizing: border-box;\n}\n\n.hsp-banner-section {\n    width: 100%;\n    margin-bottom: 2rem;\n}\n\n.hsp-banner-center {\n    display: flex;\n    justify-content: center;\n}\n\n.hsp-banner-img {\n    max-width: 600px;\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n.hsp-container {\n    max-width: 48rem;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n}\n\n.hsp-welcome-text {\n    text-align: center;\n    margin-bottom: 2rem;\n}\n\n.hsp-main-title {\n    font-size: 2.25rem;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    color: black;\n}\n\n@media (min-width: 768px) {\n    .hsp-main-title {\n        font-size: 2.75rem;\n    }\n}\n\n.hsp-intro-text {\n    font-size: 1.25rem;\n    margin-bottom: 1rem;\n    color: black;\n}\n\n.hsp-highlight-purple {\n    font-weight: bold;\n    color: hsl(303, 100%, 37%);\n}\n\n.hsp-highlight-bold {\n    font-weight: bold;\n}\n\n.hsp-date-highlight {\n    font-weight: bold;\n    color: hsl(303, 100%, 37%);\n}\n\n.hsp-benefits-section {\n    margin-bottom: 2rem;\n    padding: 1.5rem;\n    border-radius: 0.5rem;\n    background-color: hsl(0, 90%, 96%);\n}\n\n.hsp-benefits-title {\n    font-size: 1.5rem;\n    font-weight: bold;\n    margin-bottom: 1rem;\n    color: black;\n}\n\n@media (min-width: 768px) {\n    .hsp-benefits-title {\n        font-size: 1.75rem;\n    }\n}\n\n.hsp-benefits-list {\n    list-style: none;\n    margin: 0;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem;\n}\n\n.hsp-benefit-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.875rem;\n    font-size: 1.125rem;\n}\n\n.hsp-icon {\n    width: 1.375rem;\n    height: 1.375rem;\n    flex-shrink: 0;\n    margin-top: 0.125rem;\n    color: hsl(303, 100%, 37%);\n}\n\n.hsp-form-section {\n    background-color: white;\n    border: 2px solid #d1d5db;\n    border-radius: 0.5rem;\n    padding: 1.5rem;\n    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.hsp-form-title {\n    font-size: 1.5rem;\n    font-weight: bold;\n    margin-bottom: 1.5rem;\n    color: black;\n}\n\n@media (min-width: 768px) {\n    .hsp-form-title {\n        font-size: 1.75rem;\n    }\n}\n\n.hsp-form {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n}\n\n.hsp-field-group {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n}\n\n.hsp-field-label {\n    font-size: 1.0625rem;\n    font-weight: 600;\n    color: black;\n    margin: 0;\n}\n\n.hsp-input-field {\n    padding: 0.875rem 1rem;\n    border: 1px solid #d1d5db;\n    border-radius: 0.375rem;\n    background-color: white;\n    color: black;\n    font-size: 1.0625rem;\n    font-family: inherit;\n    transition: border-color 0.2s;\n}\n\n.hsp-input-field:focus {\n    outline: none;\n    border-color: hsl(303, 100%, 37%);\n    box-shadow: 0 0 0 3px rgba(188, 0, 246, 0.1);\n}\n\n.hsp-input-field::placeholder {\n    color: #9ca3af;\n}\n\n.hsp-checkbox-group {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.hsp-checkbox-label {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    cursor: pointer;\n    font-size: 1.0625rem;\n    line-height: 1.5;\n}\n\n.hsp-checkbox {\n    width: 1.25rem;\n    height: 1.25rem;\n    flex-shrink: 0;\n    cursor: pointer;\n    margin-top: 0.125rem;\n    accent-color: hsl(303, 100%, 37%);\n}\n\n.hsp-checkbox-text {\n    color: black;\n    user-select: none;\n}\n\n.hsp-submit-section {\n    padding-top: 1rem;\n    display: flex;\n    justify-content: center;\n}\n\n.hsp-submit-btn {\n    padding: 1rem 4rem;\n    border: none;\n    border-radius: 0.375rem;\n    font-weight: bold;\n    color: white;\n    font-size: 1.125rem;\n    font-family: inherit;\n    background-color: black;\n    cursor: pointer;\n    transition: background-color 0.2s;\n}\n\n.hsp-submit-btn:hover {\n    background-color: hsl(303, 100%, 37%);\n}\n\n.hsp-submit-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.hsp-success-section {\n    padding: 4rem 2rem;\n    text-align: center;\n    display: none;\n}\n\n.hsp-success-title {\n    font-size: 2rem;\n    font-weight: bold;\n    margin-bottom: 1.5rem;\n    color: black;\n}\n\n@media (min-width: 768px) {\n    .hsp-success-title {\n        font-size: 2.5rem;\n    }\n}\n\n.hsp-success-text {\n    font-size: 1.375rem;\n    color: black;\n    margin-bottom: 1.5rem;\n    line-height: 1.6;\n}\n\n.hsp-shop-btn {\n    display: inline-block;\n    padding: 1rem 3rem;\n    background-color: hsl(303, 100%, 37%);\n    color: white;\n    text-decoration: none;\n    border-radius: 0.375rem;\n    font-weight: bold;\n    font-size: 1.125rem;\n    margin-top: 2rem;\n    transition: background-color 0.2s;\n}\n\n.hsp-shop-btn:hover {\n    background-color: black;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"haarspullen-newsletter-container\"\u003e\n\n\u003cdiv class=\"hsp-banner-section\" id=\"banner\"\u003e\n\n\u003cdiv class=\"hsp-banner-center\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/MIDDLE_Big_BANNER.jpg?v=1762875577\" alt=\"Hårting Black Friday\" class=\"hsp-banner-img\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hsp-container\"\u003e\n\n\u003cdiv class=\"hsp-welcome-text\" id=\"welcome\"\u003e\n\n\u003ch1 class=\"hsp-main-title\"\u003e Klar til Black Friday?\u003c\/h1\u003e\n\n\u003cp class=\"hsp-intro-text\"\u003e\n Tilmeld dig for tidlig adgang og vær den første til at opdage vores Black Friday-tilbud \n\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hsp-benefits-section\" id=\"benefits\"\u003e\n\n\u003ch2 class=\"hsp-benefits-title\"\u003e Hvad får du ud af det?\u003c\/h2\u003e\n\n\u003cul class=\"hsp-benefits-list\"\u003e\n\n\u003cli class=\"hsp-benefit-item\"\u003e\n\n\u003csvg class=\"hsp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\n          \u003c\/svg\u003e\n \u003cspan\u003eFå tidlig adgang til Black Friday-tilbud\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\u003cli class=\"hsp-benefit-item\"\u003e\n\n\u003csvg class=\"hsp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpolyline points=\"3 10 12 15 21 10\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\n \u003cspan\u003eEksklusive tilbud til abonnenter\u003c\/span\u003e\n\n\u003c\/li\u003e\n\n\u003cli class=\"hsp-benefit-item\"\u003e\n\n\u003csvg class=\"hsp-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n            \u003cpolyline points=\"20 12 20 22 4 22 4 12\"\u003e\u003c\/polyline\u003e\n            \u003crect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\u003e\u003c\/rect\u003e\n            \u003cline x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"\u003e\u003c\/line\u003e\n            \u003cpath d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n \u003cspan\u003eGå ikke glip af et eneste tilbud\u003c\/span\u003e \n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hsp-form-section\" id=\"formSection\"\u003e\n\n\u003ch3 class=\"hsp-form-title\"\u003e Lad os vide, hvem du er: \u003c\/h3\u003e\n\n\u003cform id=\"newsletterForm\" class=\"hsp-form\"\u003e\n\n\u003cdiv class=\"hsp-field-group\"\u003e\n\n \u003clabel for=\"email\" class=\"hsp-field-label\"\u003eE-mailadresse *\u003c\/label\u003e \n\u003cinput type=\"email\" id=\"email\" placeholder=\"jouw@email.nl\" class=\"hsp-input-field\" required\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hsp-checkbox-group\"\u003e\n\n \u003clabel class=\"hsp-checkbox-label\"\u003e\n\u003cinput type=\"checkbox\" id=\"consent\" class=\"hsp-checkbox\" required\u003e\n\u003cspan class=\"hsp-checkbox-text\"\u003e\nJa, jeg vil gerne abonnere på nyhedsbrevet og modtage eksklusive tilbud fra Haarspullen.nl *\n\u003c\/span\u003e\n\u003c\/label\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hsp-submit-section\"\u003e\n\n \u003cbutton type=\"submit\" class=\"hsp-submit-btn\" id=\"submitBtn\"\u003eTilmeld dig tidlig adgang\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/form\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hsp-success-section\" id=\"success\"\u003e\n\n       \u003ch2 class=\"hsp-success-title\"\u003eKlar til at score! 🪩\u003c\/h2\u003e\n\n\u003cp class=\"hsp-success-text\"\u003e\n Du vil være den første til at høre om vores Black Friday-tilbud.\u003cbr\u003e Og de kommer snart – følg med!\n\u003c\/p\u003e\n\n \u003ca href=\"https:\/\/www.beautykobe.dk\/collections\/haarproducten\" class=\"hsp-shop-btn\"\u003eBegynd at shoppe\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const form = document.getElementById('newsletterForm');\n  const formSection = document.getElementById('formSection');\n  const successSection = document.getElementById('success');\n  const submitBtn = document.getElementById('submitBtn');\n\n  form.addEventListener('submit', async function(e) {\n    e.preventDefault();\n\n    const email = document.getElementById('email').value.trim();\n    const consent = document.getElementById('consent').checked;\n\n    if (!email || !consent) {\n      alert('Vul alle verplichte velden in');\n      return;\n    }\n\n    submitBtn.disabled = true;\n    submitBtn.textContent = 'Bezig met inschrijven...';\n\n    try {\n      \/\/ Track with Squeezely - CORRECT FORMAT\n      const fullURL = window.location.href;\n      \n      window._sqzl = window._sqzl || [];\n      window._sqzl.push({\n        \"event\": \"ProfileUpdate\",\n        \"email\": email,\n        \"newsletter\": \"yes\",\n        \"newsletter_consent\": \"yes\",\n        \"consent_given\": true,\n        \"custom_origin\": \"banner_earlyaccess\",\n        \"custom_last_campaign\": \"banner_earlyaccess\",\n        \"custom_url_of_registration\": fullURL\n      });\n      \n      window._sqzl.push({\n        \"event\": \"CompleteRegistration\",\n        \"email\": email,\n        \"newsletter\": \"yes\",\n        \"newsletter_consent\": \"yes\",\n        \"consent_given\": true,\n        \"custom_origin\": \"tiktok_earlyaccess\",\n        \"custom_last_campaign\": \"tiktok_earlyaccess\",\n        \"custom_url_of_registration\": fullURL\n      });\n\n      \/\/ Hide everything except success\n      document.getElementById('banner').style.display = 'none';\n      document.getElementById('welcome').style.display = 'none';\n      document.getElementById('benefits').style.display = 'none';\n      formSection.style.display = 'none';\n      successSection.style.display = 'block';\n\n      \/\/ Scroll to success\n      successSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n    } catch (error) {\n      console.error('Error:', error);\n      alert('Er ging iets mis. Probeer het opnieuw.');\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Schrijf je in voor Early Access';\n    }\n  });\n});\n\u003c\/script\u003e","products":[],"url":"https:\/\/www.beautykobe.dk\/collections\/inschrijfpagina-2.oembed","provider":"Haarspullen.nl","version":"1.0","type":"link"}