1<!DOCTYPE html><html lang="sv" class="scroll-smooth"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Tillsammans gör vi skillnad."><title>Partnerskap | Insightgap Psychology</title><!-- Favicon --><link rel="icon" href="/icons/logo_icon_32.png" type="image/png" sizes="32x32"><link rel="icon" href="/icons/logo_icon_192.png" type="image/png" sizes="192x192"><link rel="apple-touch-icon" href="/icons/insightgap_mark.png"><!-- Open Graph / Social Media Meta Tags --><meta property="og:type" content="website"><meta property="og:title" content="Partnerskap | Insightgap Psychology"><meta property="og:description" content="Tillsammans gör vi skillnad."><meta property="og:url" content="http://localhost:4321/partnerskap/"><meta property="og:image" content="/images/og/og-image-default.webp"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="Insightgap"><!-- Twitter Card Meta Tags --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Partnerskap | Insightgap Psychology"><meta name="twitter:description" content="Tillsammans gör vi skillnad."><meta name="twitter:image" content="/images/og/og-image-default.webp"><!-- Nylas/Insightgap booking embed -->
1<script src="https://cal.insightgap.com/api/public/embed.js" defer></script>
1<script>(function(){const apiKey = "phc_yxxgscqSxbqVvocr4JAJ4ARQ7pv6hDNeL4feHL5zikE5"; 2const apiHost = "https://web.insightgap.com"; 3const uiHost = "https://eu.posthog.com"; 4 5 !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}p||((p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",p.onerror=function(){p=null},(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r));var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],Object.defineProperty(u,"toString",{configurable:!0,enumerable:!0,writable:!0,value:function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e}}),Object.defineProperty(u.people,"toString",{configurable:!0,enumerable:!0,writable:!0,value:function(){return u.toString(1)+".people (stub)"}}),o="Gl Zl Jl Ql Yl init wu ku yu bu Tu Pa Iu pu Pu Fu Ou capture getExtension Su Wl Lu calculateEventProperties Du register register_once register_for_session unregister unregister_for_session Bu mu Nu getFeatureFlag getFeatureFlagPayload getFeatureFlagResult getAllFeatureFlags isFeatureEnabled reloadFeatureFlags updateFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey cancelPendingSurvey canRenderSurvey canRenderSurveyAsync Hu identify setPersonProperties unsetPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset zu shutdown setIdentity clearIdentity get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException addExceptionStep captureLog startExceptionAutocapture stopExceptionAutocapture loadToolbar get_property getSessionProperty qu Au createPersonProfile setInternalOrTestUser ju tu eu opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Eu debug Fa bs getPageViewId captureTraceFeedback captureTraceMetric du".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 6 posthog.init(apiKey || '', { 7 api_host: apiHost, 8 ui_host: uiHost, 9 defaults: '2026-05-30' 10 }) 11})();</script>
11<link rel="stylesheet" href="/_astro/_slug_.B1bnblEj.css"></head> <body class="min-h-screen bg-white text-primary antialiased font-sans"> <header class="bg-surface relative z-50"> <!-- Mobile Menu Overlay --> <div id="mobile-menu" class="fixed inset-0 bg-surface z-40 md:hidden transform translate-x-full transition-transform duration-300 ease-in-out"> <div class="flex flex-col h-full pt-32 pb-8 px-6"> <nav class="flex flex-col space-y-8"> <a href="/" class="text-2xl text-gray-700 hover:text-gray-900 font-sans transition-colors">Hem</a> <a href="/partnerskap" class="text-2xl text-gray-700 hover:text-gray-900 font-sans transition-colors">Partnerskap</a> <a href="/case" class="text-2xl text-gray-700 hover:text-gray-900 font-sans transition-colors">Kundcase</a> <a href="/kontakt" class="text-2xl text-gray-700 hover:text-gray-900 font-sans transition-colors">Kontakt</a> </nav> <!-- Mobile Login Button --> <div class="mt-auto"> <a href="https://insightgap.app/" target="_blank" class="block w-full text-center bg-leaf-300 hover:bg-leaf-500 px-6 py-4 rounded-3xl text-gray-700 font-sans transition-colors text-lg"> 12Logga in 13</a> </div> </div> </div> <div class="container py-6 flex items-center justify-between relative z-50"> <!-- Logo --> <a href="/" class="flex-shrink-0"> <img src="/_astro/insightgap_mark.BEdPZlN2_1MzWFi.webp" alt="Insightgap" loading="eager" decoding="async" fetchpriority="auto" width="144" height="144" class="w-12 h-12"> </a> <!-- Desktop Navigation & Login --> <div class="hidden md:flex items-center gap-8"> <nav class="flex items-center gap-8"> <a href="/" class="text-gray-700 hover:text-gray-900 font-sans">Hem</a> <a href="/case" class="text-gray-700 hover:text-gray-900 font-sans">Kundcase</a> <a href="/partnerskap" class="text-gray-700 hover:text-gray-900 font-sans">Partnerskap</a> <a href="/kontakt" class="text-gray-700 hover:text-gray-900 font-sans">Kontakt</a> </nav> <a href="https://insightgap.app/" target="_blank" class="bg-leaf-300 hover:bg-leaf-500 px-6 py-2 rounded-3xl text-gray-700 font-sans transition-colors ig-login-link"> 14Logga in 15</a> </div> <!-- Mobile Menu Button --> <button id="mobile-menu-button" class="md:hidden flex flex-col justify-center items-center w-8 h-8 relative z-50" aria-label="Ãppna meny"> <span class="hamburger-line absolute w-6 h-0.5 bg-gray-700 transition-all duration-300 ease-in-out group-hover:bg-gray-900 transform -translate-y-1"></span> <span class="hamburger-line absolute w-6 h-0.5 bg-gray-700 transition-all duration-300 ease-in-out group-hover:bg-gray-900 transform translate-y-1"></span> </button> </div> </header> <main> <section class="relative min-h-72 lg:min-h-96 xl:min-h-124 bg-cover bg-no-repeat" style="--bg-mobile-fallback: url(/_astro/team-hands.BUDe9FvA_B0nQx.jpg); 16 --bg-mobile-set: url(/_astro/team-hands.BUDe9FvA_16GrLK.webp) type("image/webp") 1x; 17 --bg-desktop-fallback: url(/_astro/team-hands.BUDe9FvA_ZCpz4V.jpg); 18 --bg-desktop-set: url(/_astro/team-hands.BUDe9FvA_1GTq8X.webp) type("image/webp") 1x; background-position: center;"> <!-- Grain Overlay --> 19 <div class="absolute inset-0 opacity-40 mix-blend-hard-light" style="background-image: url('/images/patterns/grain_cut.png'); background-image: image-set( 20 url('/images/patterns/grain_cut.webp') type('image/webp') 1x); background-size: 512px 512px; background-repeat: repeat;"></div> <!-- Content overlay area --> </section> <style> 21/* Default: if no asset provided, we already set background-image inline to the fallback URL */ 22 23section[style*="--bg-mobile-set"] { 24 /* Use simple JPEG fallback first */ 25 background-image: var(--bg-mobile-fallback); 26 /* Then modern browsers upgrade to WebP image-set */ 27 background-image: image-set(var(--bg-mobile-set)); 28 background-size: cover; 29 background-repeat: no-repeat; 30} 31 32@media (min-width: 900px) { 33 section[style*="--bg-desktop-set"] { 34 background-image: var(--bg-desktop-fallback); 35 background-image: image-set(var(--bg-desktop-set)); 36 } 37} 38</style> <section class="bg-surface py-16 lg:py-10"> <div class="container"> <div class="grid lg:grid-cols-2 gap-12 items-center"> <div class="space-y-6"> <h1 class="text-4xl lg:text-6xl font-serif font-medium text-primary"> 39Tillsammans skapar vi förändring 40</h1> <p class="text-xl text-primary leading-relaxed"> 41Tillsammans med organisationer som vill bidra â bÃ¥de 42 internt och utanför sina egna väggar â sprider vi 43 kunskap och startar samtal om psykisk hälsa pÃ¥ en helt 44 ny nivÃ¥. 45</p> <p class="text-primary leading-relaxed"> 46Med vÃ¥r digitala lösning kan vi nÃ¥ tusentals människor
47 pÃ¥ kort tid och bidra till en gemensam kunskapsgrund. 48 Tillsammans minskar vi kunskapsgapet och gör det 49 naturligt att prata om hur vi mÃ¥r. Vi kan ge fler modet 50 att be om hjälp, stärka relationer och skapa miljöer där 51 människor orkar, trivs och utvecklas. 52</p> </div> <!-- SVG Pattern - Hidden on small screens --> <div class="hidden lg:flex items-center justify-center"> <img src="/images/patterns/power_many.svg" alt="" class="max-h-160 w-auto opacity-100"> </div> </div> </div> </section> <section class="pt-16 pb-20"> <div class="container"> <h2 class="font-sans text-2xl uppercase mb-4"> 53Aktuella samarbeten 54</h2> <div class="grid md:grid-cols-2 lg:grid-cols-2 gap-8"> <article class="bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow"> <a href="/case/hela-vagen-upp" class="block"> <div class="aspect-video overflow-hidden"> <img src="/_astro/header-montage.0OOm_87k_1fL2BR.webp" alt="Hela vägen upp" loading="lazy" decoding="async" fetchpriority="auto" width="800" height="450" class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"> </div> <div class="p-6 space-y-2"> <h3 class="font-serif text-3xl lg:text-4xl "> Hela vägen upp </h3> <p class="text-primary font-medium"> 55â Svensk Volleyboll </p> <p class="text-gray-600 text line-clamp-3"> Hela vägen upp är Svensk Volleybolls satsning pÃ¥ psykisk hälsa â för att fler ska känna trygghet, glädje och balans, bÃ¥de pÃ¥ och utanför planen. </p> <div class="pt-2"> <span class="inline-flex items-center text-primary hover:text-night-500 font-sans font-medium text-sm"> 56Läs mer 57<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </span> </div> </div> </a> </article><article class="bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow"> <a href="/case/se-varann" class="block"> <div class="aspect-video overflow-hidden"> <img src="/_astro/team-field.Bwa7dUk9_2b0iYm.webp" alt="Se varann" loading="lazy" decoding="async" fetchpriority="auto" width="800" height="450" class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"> </div> <div class="p-6 space-y-2"> <h3 class="font-serif text-3xl lg:text-4xl "> Se varann </h3> <p class="text-primary font-medium"> 58â För UmeÃ¥s föreningsliv </p> <p class="text-gray-600 text line-clamp-3"> Genom initiativet Se varann bjuder vi in UmeÃ¥s alla föreningsledare till ökad kunskap och samtal om psykisk hälsa. </p> <div class="pt-2"> <span class="inline-flex items-center text-primary hover:text-night-500 font-sans font-medium text-sm"> 59Läs mer 60<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </span> </div> </div> </a> </article> </div> </div> </section> <section class="bg-surface py-20" id="contact"> <div class="container"> <div class="grid lg:grid-cols-[2fr_1fr] gap-12 lg:gap-16"> <!-- Left Column - Contact Form --> <div class="space-y-8"> <div class="space-y-6"> <h2 class="text-4xl lg:text-6xl font-serif font-medium text-primary text-balance"> Det börjar med kunskap. <br />Det slutar med förändring. </h2> <p class="text-lg text-primary leading-relaxed"> Ãr du redo att ta nästa steg? <br />Kontakta oss sÃ¥ berättar vi mer om hur vi kan hjälpa er organisation att skapa en positiv förändring. </p> </div> <!-- Contact Form --> <form id="contactForm" class="space-y-6" data-contact-url="https://fszoxpgmijiveimpvpmz.supabase.co/functions/v1/contact-form" data-has-turnstile="true" data-captcha-message="Bekräfta att du inte är en robot." data-form-mode="partnership"> <!-- Success/Error Messages --> <div id="formMessages" class="hidden"> <div id="successMessage" class="hidden bg-leaf-300 border border-leaf-500 text-primary px-4 py-3 rounded-lg"> Tack för ditt meddelande! Vi Ã¥terkommer inom kort. </div> <div id="errorMessage" class="hidden bg-red-100 border border-red-300 text-red-700 px-4 py-3 rounded-lg"> <span id="errorText">
60Ett fel uppstod. Försök igen senare.</span> </div> </div> <div class="grid md:grid-cols-2 gap-6"> <div> <label for="input_firstName" class="block text-sm font-medium text-primary mb-2">Förnamn *</label> <input name="firstName" id="input_firstName" type="text" required class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"> </div> <div> <label for="input_lastName" class="block text-sm font-medium text-primary mb-2">Efternamn *</label> <input name="lastName" id="input_lastName" type="text" required class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"> </div> </div> <div class="grid md:grid-cols-2 gap-6"> <div> <label for="input_email" class="block text-sm font-medium text-primary mb-2">E-post *</label> <input name="email" id="input_email" type="email" required class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"> </div> <div> <label for="input_phone" class="block text-sm font-medium text-primary mb-2">Telefon</label> <input name="phone" id="input_phone" type="tel" class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"> </div> </div> <div class="grid md:grid-cols-2 gap-6"> <div> <label for="input_company" class="block text-sm font-medium text-primary mb-2">Organisation *</label> <input name="company" id="input_company" type="text" required class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"> </div> <div> <label for="input_employees" class="block text-sm font-medium text-primary mb-2">Antal medarbetare</label> <input name="employees" id="input_employees" type="text" class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"> </div> </div> <div> <label for="input_message" class="block text-sm font-medium text-primary mb-2"> Meddelande </label> <textarea name="message" id="input_message" rows="4" class="w-full px-4 py-3 rounded-lg bg-white border border-gray-200 focus:ring-2 focus:ring-primary focus:border-transparent"></textarea> </div> <div class="pt-2"> <div class="cf-turnstile" data-sitekey="0x4AAAAAAADXoRrKN8Usr_TG"></div> </div> <button type="submit" id="submitButton" class="bg-primary hover:bg-night-500 disabled:bg-gray-400 disabled:cursor-not-allowed text-white px-8 py-4 rounded-lg font-sans font-bold transition-colors"> <span id="submitText">Skicka meddelande</span> <span id="submitSpinner" class="hidden">Skickar...</span> </button> </form> </div> <!-- Right Column - Graphic --> <div class="flex items-center justify-center"> <div class="hidden lg:block w-full max-w-sm"> <img src="/images/contact/kontakt-symboler.svg" alt="Kontakt" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="300" class="w-4/5 h-auto mx-auto "> </div> </div> </div> </div> </section>
60<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
60
60<script type="module">const E=async(t,c)=>{try{const s=await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!s.ok){const a=await s.json();throw new Error(a.error||"Submission failed")}return await s.json()}catch(s){throw console.error("Contact form submission error:",s),s}};document.addEventListener("DOMContentLoaded",()=>{const t=document.getElementById("contactForm"),c=t.dataset.contactUrl,s=document.getElementById("submitButton"),a=document.getElementById("submitText"),g=document.getElementById("submitSpinner"),d=document.getElementById("formMessages"),i=document.getElementById("successMessage"),m=document.getElementById("errorMessage"),h=document.getElementById("errorText"),f=h.textContent||"Something went wrong. Please try again later.",p=t.dataset.hasTurnstile==="true",w=t.dataset.captchaMessage||f,l=(o,e)=>{d.classList.remove("hidden"),o==="success"?(i.classList.remove("hidden"),m.classList.add("hidden")):(m.classList.remove("hidden"),i.classList.add("hidden"),e&&(h.textContent=e)),d.scrollIntoView({behavior:"smooth",block:"nearest"})},_=()=>{d.classList.add("hidden"),i.classList.add("hidden"),m.classList.add("hidden")},u=o=>{s.disabled=o,o?(a.classList.add("hidden"),g.classList.remove("hidden")):(a.classList.remove("hidden"),g.classList.add("hidden"))};t.addEventListener("submit",async o=>{o.preventDefault(),_(),u(!0);try{const e=new FormData(t),n=e.get("firstName"),b=e.get("lastName"),y=e.get("cf-turnstile-response");if(p&&!y){l("error",w),u(!1);return}const r={company_name:e.get("company"),contact_name:`${n} ${b}`.trim(),email:e.get("email"),phone:e.get("phone")||void 0,employees_count:e.get("employees")||void 0,message:e.get("message")||void 0,source:"website_form",captcha_token:p?y:void 0};await E(r,c),window.posthog?.capture("contact_form_submitted",{form_mode:t.dataset.formMode,has_phone:!!r.phone,has_message:!!r.message,employees_count:r.employees_count}),l("success"),t.reset()}catch(e){const n=e instanceof Error?e.message:f;window.posthog?.captureException(e instanceof Error?e:new Error(n),{form_mode:t.dataset.formMode}),window.posthog?.capture("contact_form_failed",{form_mode:t.dataset.formMode,error_message:n}),l("error",n)}finally{u(!1)}})});</script>
60 </main> <footer class="relative bg-night-700 text-white py-16"> <div class="container relative z-10"> <!-- Logo --> <div class="mb-12"> <img src="/images/logos/Insightgap_logo_light.svg" alt="Insightgap" loading="lazy" decoding="async" fetchpriority="auto" width="254" height="48" class="h-12"> </div> <!-- Three Column Layout --> <div class="grid md:grid-cols-[2fr_1fr_1fr] gap-8 lg:gap-12 xl:gap-16"> <!-- Om oss Column --> <div class="space-y-4"> <h3 class="text-2xl font-sans font-bold text-white">Om oss</h3> <p class="text-white opacity-80 leading-relaxed max-w-sm"> 61Vi vill bidra till en värld där alla förstår sitt inre och 62 sin psykiska hälsa. Genom att tillgängliggöra psykologisk 63 kunskap verkar vi för en ökad balans och hållbarhet hos 64 individer, organisationer och samhälle. 65</p> </div> <!-- Kontakt Column --> <div class="space-y-4"> <h3 class="text-2xl font-sans font-bold text-white">Kontakt</h3> <div class="space-y-4 text-white opacity-80"> <div> <a href="mailto:[email protected]" class="hover:opacity-100 transition-opacity"> 66[email protected] 67</a> </div> <div class="space-y-1"> <div>Insightgap Psychology AB</div> <div>Storgatan 54</div> <div>903 26 Umeå</div> </div> </div> </div> <!-- Sitemap Column --> <div class="space-y-4"> <h3 class="text-2xl font-sans font-bold text-white">Sitemap</h3> <nav class="space-y-3"> <ul class="space-y-3 text-white opacity-80"> <li> <a href="/case" class="hover:opacity-100 transition-opacity"> 68Kundcase 69</a> </li> <li> <a href="/partnerskap" class="hover:opacity-100 transition-opacity"> 70Partnerskap 71</a> </li> <li> <a href="/kontakt" class="hover:opacity-100 transition-opacity"> 72Kontakt 73</a> </li> </ul> </nav> </div> </div> <!-- Copyright --> <div class="mt-16 pt-8 border-t border-white/30"> <p class="text-white opacity-60 text-sm"> 74© Insightgap Psychology AB 75</p> </div> </div> </footer>
75<script type="module">document.addEventListener("DOMContentLoaded",function(){const l=document.getElementById("mobile-menu-button"),t=document.getElementById("mobile-menu"),e=document.querySelectorAll(".hamburger-line"),i=document.body;let s=!1;function n(){s=!s,s?(t?.classList.remove("translate-x-full"),t?.classList.add("translate-x-0"),i.classList.add("overflow-hidden"),e.length>=2&&(e[0].classList.remove("-translate-y-1"),e[0].classList.add("rotate-45"),e[1].classList.remove("translate-y-1"),e[1].classList.add("-rotate-45")),l?.setAttribute("aria-label","Stäng meny")):(t?.classList.remove("translate-x-0"),t?.classList.add("translate-x-full"),i.classList.remove("overflow-hidden"),e.length>=2&&(e[0].classList.remove("rotate-45"),e[0].classList.add("-translate-y-1"),e[1].classList.remove("-rotate-45"),e[1].classList.add("translate-y-1")),l?.setAttribute("aria-label","Ãppna meny"))}l?.addEventListener("click",n),t?.querySelectorAll("a")?.forEach(a=>{a.addEventListener("click",()=>{s&&n()})}),t?.addEventListener("click",a=>{a.target===t&&s&&n()}),document.addEventListener("keydown",a=>{a.key==="Escape"&&s&&n()}),window.addEventListener("resize",()=>{window.innerWidth>=768&&s&&n()})});</script>
75 <!-- Simple Analytics - 100% privacy-first analytics -->
75<script async data-hostname="insightgap.com" src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
75
75<script> 76 document.addEventListener('DOMContentLoaded', function () { 77 document.querySelectorAll('.ig-login-link').forEach(function (el) { 78 el.addEventListener('click', function () { 79 window.posthog?.capture('login_clicked'); 80 }); 81 }); 82 }); 83 </script>
83 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.