Nieuwe contact pagina via Lars ai

test Contact pagina opzet Lars ai
Contact en afspraak maken | True Insight Amstelveen /* bg paint layer */ html::before{content:"";position:fixed;inset:0;background:#F9F9FC;z-index:0;pointer-events:none} :root{ --bg:#F9F9FC;--bg-soft:#F2F1F8;--ink:#1E1C2E;--ink-soft:#484460; --sage:#4B3FA0;--sage-light:#A59FCF;--amber:#B07A33;--line:#E4E2F0; --radius:18px;--maxw:1100px; --display:'Cormorant Garamond',Georgia,serif; --body:'Karla',system-ui,sans-serif; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;color-scheme:only light;background:#F9F9FC} body{font-family:var(--body);background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word} img{max-width:100%;display:block} a{color:inherit} /* topbar */ .topbar{background:var(--ink);color:#EBE9F2;font-size:.82rem;letter-spacing:.02em;position:relative;z-index:1} .topbar-inner{max-width:var(--maxw);margin:0 auto;padding:.45rem 1.5rem;display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center} .topbar a{text-decoration:none;opacity:.9} .topbar a:hover{opacity:1;text-decoration:underline} /* header */ header{position:sticky;top:0;z-index:50;background:rgba(249,249,252,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s ease} header.scrolled{box-shadow:0 4px 24px rgba(30,28,46,.08)} .nav{max-width:var(--maxw);margin:0 auto;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem} .logo{display:flex;align-items:center;gap:.8rem;text-decoration:none} .logo img{height:46px;width:auto;transition:transform .3s ease} .logo:hover img{transform:rotate(-3deg) scale(1.05)} .logo-text{font-family:var(--display);font-size:1.4rem;font-weight:600;font-style:italic;letter-spacing:.01em} .nav-links{display:flex;gap:1.6rem;align-items:center;list-style:none} .nav-links a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--ink-soft);position:relative;padding-bottom:2px} .nav-links a.active{color:var(--sage);font-weight:600} .nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--sage);transition:width .25s ease} .nav-links a:hover::after,.nav-links a.active::after{width:100%} /* hamburger */ .hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;z-index:60} .hamburger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s ease, opacity .25s ease;margin:0 auto} .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .hamburger.open span:nth-child(2){opacity:0} .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-menu{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);background:var(--bg);z-index:55;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 40px rgba(30,28,46,.15);padding:5.5rem 1.8rem 2rem;overflow-y:auto} .mobile-menu.open{transform:translateX(0)} .mobile-menu-inner{display:flex;flex-direction:column;gap:.4rem} .mobile-menu-inner a{text-decoration:none;font-size:1.1rem;font-weight:600;color:var(--ink);padding:.9rem .4rem;border-bottom:1px solid var(--line)} .mobile-menu-inner a.active{color:var(--sage)} .mobile-menu-inner a:last-of-type{border-bottom:none} .mobile-menu-inner a.btn{color:#fff;text-align:center;margin-top:1rem;border-bottom:none;padding:.85rem 1.4rem} .menu-overlay{position:fixed;inset:0;background:rgba(30,28,46,.4);z-index:54;opacity:0;pointer-events:none;transition:opacity .3s ease} .menu-overlay.open{opacity:1;pointer-events:auto} body.menu-open{overflow:hidden} .btn{display:inline-block;text-decoration:none;font-weight:600;font-size:.95rem;background:var(--sage);color:#fff;padding:.65rem 1.4rem;border-radius:999px;transition:transform .2s ease, box-shadow .2s ease, background .2s ease;position:relative;overflow:hidden} .btn::before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s ease} .btn:hover::before{left:130%} .btn:hover{background:#3D3383;transform:translateY(-2px);box-shadow:0 8px 22px rgba(75,63,160,.35)} .btn-light{background:transparent;color:var(--sage);border:1.5px solid var(--sage)} .btn-light:hover{background:var(--sage);color:#fff} /* breadcrumb */ .crumbs{max-width:var(--maxw);margin:0 auto;padding:1.4rem 1.5rem .2rem;font-size:.85rem;color:var(--ink-soft);position:relative;z-index:1} .crumbs a{text-decoration:none;color:var(--sage)} .crumbs a:hover{text-decoration:underline} /* hero */ .page-hero{position:relative;overflow:hidden;padding:2.5rem 1.5rem 4rem} .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;z-index:0} .blob-1{width:420px;height:420px;background:#CCC9E4;top:-160px;right:-120px} .blob-2{width:340px;height:340px;background:#E0DEEE;bottom:-160px;left:-100px} .page-hero-inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center} .eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-bottom:1.1rem} h1{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,4.4vw,3.2rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:1.2rem} h1 em{font-style:italic;color:var(--sage)} .lead{font-size:1.1rem;color:var(--ink-soft);max-width:34rem;margin-bottom:1.8rem} .cta-row{display:flex;gap:1rem;flex-wrap:wrap} .hero-text > *{opacity:0;transform:translateY(20px);animation:rise .7s ease forwards} .hero-text > *:nth-child(1){animation-delay:.05s} .hero-text > *:nth-child(2){animation-delay:.15s} .hero-text > *:nth-child(3){animation-delay:.25s} .hero-text > *:nth-child(4){animation-delay:.35s} @keyframes rise{to{opacity:1;transform:none}} .hero-visual{position:relative;aspect-ratio:1;max-width:360px;margin:0 auto;display:flex;align-items:center;justify-content:center;opacity:0;animation:rise .8s ease .3s forwards} .ring{position:absolute;border-radius:50%;border:1.5px solid var(--sage-light);inset:0;opacity:.45;animation:breathe 7s ease-in-out infinite} .ring:nth-child(2){inset:10%;opacity:.6;animation-delay:.6s;border-style:dashed} .ring:nth-child(3){inset:20%;opacity:.75;animation-delay:1.2s} .hero-visual-core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 35% 30%, #C9C5E5, var(--sage));display:flex;align-items:center;justify-content:center;box-shadow:0 18px 50px rgba(75,63,160,.35);color:#fff;font-family:var(--display);font-style:italic;font-size:1.05rem;text-align:center;padding:1rem;line-height:1.3} @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}} /* sections */ section{padding:5rem 1.5rem;position:relative;z-index:1} .wrap{max-width:var(--maxw);margin:0 auto} h2{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,3.4vw,2.3rem);line-height:1.2;margin-bottom:.7rem} .section-intro{color:var(--ink-soft);max-width:38rem;margin-bottom:3rem} /* wanneer cards */ .wanneer{background:var(--bg-soft)} .wanneer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem} .wanneer-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem;font-size:.95rem;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease} .wanneer-item:hover{transform:translateY(-3px);border-color:var(--sage-light);box-shadow:0 10px 24px rgba(30,28,46,.06)} .wanneer-item svg{flex-shrink:0;color:var(--sage)} .wanneer-note{margin-top:2rem;font-size:.93rem;color:var(--ink-soft);font-style:italic;text-align:center;max-width:44rem;margin-inline:auto} /* methods */ .methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem} .steps3{grid-template-columns:repeat(3,1fr)} .method{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem 1.8rem;position:relative;overflow:hidden;transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;display:flex;flex-direction:column} .method::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sage),var(--sage-light));transform:scaleX(0);transform-origin:left;transition:transform .35s ease} .method:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(30,28,46,.1);border-color:var(--sage-light)} .method:hover::after{transform:scaleX(1)} .method-icon{width:46px;height:46px;border-radius:12px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;color:var(--sage);transition:transform .3s ease, background .3s ease, color .3s ease} .method:hover .method-icon{transform:scale(1.12) rotate(-5deg);background:var(--sage);color:#fff} .method h3{font-family:var(--display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem} .method-sub{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-bottom:.8rem} .method > p{font-size:.95rem;color:var(--ink-soft);margin-bottom:1rem;flex:1} .method .cred{margin-top:.6rem;padding-top:1rem;border-top:1px dashed var(--line);font-size:.85rem;color:var(--ink-soft)} .method .cred b{color:var(--sage)} .methods-note{margin-top:1.8rem;font-size:.9rem;color:var(--ink-soft);text-align:center} .methods-note a{color:var(--sage)} /* eerlijk kader */ .honest-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--sage);border-radius:0 var(--radius) var(--radius) 0;padding:1.8rem 2rem;max-width:760px;margin:0 auto} .honest-card h3{font-family:var(--display);font-size:1.4rem;font-weight:600;margin-bottom:.6rem} .honest-card p{font-size:.95rem;color:var(--ink-soft)} /* vergoeding */ .cols-2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start} .check-list{list-style:none} .check-list li{padding:.55rem 0 .55rem 1.9rem;position:relative;color:var(--ink-soft);font-size:.97rem;border-bottom:1px solid var(--line);transition:padding-left .2s ease} .check-list li:hover{padding-left:2.2rem;color:var(--ink)} .check-list li:last-child{border-bottom:none} .check-list li::before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:700} .note-card{background:var(--bg-soft);border-left:4px solid var(--amber);border-radius:0 var(--radius) var(--radius) 0;padding:1.6rem 1.8rem;margin-top:1.8rem} .note-card h4{font-size:.95rem;font-weight:700;margin-bottom:.4rem;color:var(--amber)} .note-card p{font-size:.93rem;color:var(--ink-soft)} /* bridge */ .bridge{background:var(--bg-soft)} .bridge-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2.5rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center} .bridge-card p{color:var(--ink-soft);max-width:38rem} .bridge-card h3{font-family:var(--display);font-size:1.6rem;font-weight:600;margin-bottom:.5rem} .bridge-btns{display:flex;flex-direction:column;gap:.8rem} /* contact */ .contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;position:relative;overflow:hidden} .contact-card::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle, rgba(165,159,207,.18), transparent 70%);top:-140px;right:-100px} .contact-list{list-style:none;font-size:1rem;position:relative} .contact-list li{padding:.5rem 0;display:flex;gap:.8rem;align-items:baseline;flex-wrap:wrap} .contact-list a{overflow-wrap:anywhere} .contact-list .lbl{font-weight:700;min-width:7.5rem;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sage)} .contact-list a{text-decoration:none} .contact-list a:hover{text-decoration:underline} /* footer */ footer.site{background:var(--bg-soft);border-top:1px solid var(--line);padding:2.5rem 1.5rem;font-size:.88rem;color:var(--ink-soft);position:relative;z-index:1} footer.site .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center} footer.site img{height:40px} #toTop{position:fixed;bottom:1.4rem;right:1.4rem;z-index:60;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:var(--sage);color:#fff;font-size:1.2rem;box-shadow:0 8px 24px rgba(75,63,160,.4);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s ease, transform .3s ease, background .2s ease} #toTop.show{opacity:1;pointer-events:auto;transform:none} #toTop:hover{background:#3D3383} /* reveal */ .reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease, transform .65s ease} .reveal.visible{opacity:1;transform:none} .stagger > *{transition-delay:calc(var(--i,0) * .08s)} /* safety: guarantee hero text visible even if animation is interrupted */ .hero-text > *{animation-fill-mode:forwards} .no-anim .hero-text > *,.no-anim .hero-visual,.no-anim .reveal{opacity:1 !important;transform:none !important} @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation:none!important;transition:none!important} .reveal,.hero-text > *,.hero-visual{opacity:1;transform:none} html{scroll-behavior:auto} } @media (max-width:900px){ .page-hero-inner,.cols-2,.contact-card,.bridge-card{grid-template-columns:1fr} .page-hero-inner{text-align:center} .lead{margin-inline:auto} .cta-row{justify-content:center} .hero-visual{max-width:260px;margin-top:1.5rem} .methods,.steps3{grid-template-columns:1fr} .nav-links{display:none} .nav-cta{display:none} .hamburger{display:flex} .bridge-btns{flex-direction:row;flex-wrap:wrap} .ring,.blob{animation:none !important} } @media (max-width:520px){ .contact-list li{flex-direction:column;gap:.15rem} .contact-list .lbl{min-width:0} .topbar-inner{gap:.5rem 1.1rem;font-size:.78rem} h1{font-size:clamp(1.9rem,7vw,2.6rem)} .btn{font-size:.9rem;padding:.6rem 1.15rem} section{padding:3.4rem 1.15rem} .contact-card,.bridge-card{padding:1.6rem} }
📞 06 55 988 689 ✉️ marion.gulpers@trueinsight.nl 🕙 Ma tot vrij 10:00 tot 19:00

Contact

Neem gerust contact op

Een afspraak maken, overleggen of gewoon een vraag stellen: u bent welkom. De eerste 15 minuten van de intake zijn gratis, zo ontdekt u vrijblijvend of True Insight bij u past.

Telefoon 06 55 988 689
Werktijden Ma t/m vr - 10:00 tot 19:00

Hoe het werkt

Van eerste contact naar afspraak

Geen wachtlijsten of verwijzingen. Zo eenvoudig gaat het.

1

U neemt contact op

Bel, app of mail met uw vraag of klacht. Marion reageert op werkdagen doorgaans dezelfde dag.

2

Gratis intake van 15 minuten

U bespreekt samen wat er speelt en of een traject zinvol kan zijn. Vrijblijvend en kosteloos.

3

Uw eerste afspraak

Past het? Dan plant u direct een eerste consult, afgestemd op uw situatie en agenda.

Stuur een bericht

Liever schrijven?

Vul het formulier in en uw e-mailprogramma opent met het bericht klaar om te versturen. U kunt natuurlijk ook direct mailen naar marion.gulpers@trueinsight.nl.

Let op bij medische vragen

Heeft u acute klachten? Neem dan altijd eerst contact op met uw huisarts of bel bij nood 112.

Locatie

Praktijk in Amstelveen

De praktijk ligt in Amstelveen en is goed bereikbaar vanuit Amsterdam, Aalsmeer en omgeving.

  • Lindenlaan 75, 1185 LC Amstelveen
  • Parkeergelegenheid voor de deur
  • Goed bereikbaar met het openbaar vervoer
  • Regio Amstelveen, Amsterdam en Aalsmeer
  • Werktijden: ma-vr van 10:00 tot 19:00
  • Erkend via BATC en Koepel NAP
True Insight logo
True Insight · Holistische praktijk voor complementaire zorg · sinds 2002
Alle behandelingen zijn een aanvulling op reguliere zorg.
Blijf in contact met uw (huis)arts.
(function(){ function showAll(){document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('visible');});} try{ if('IntersectionObserver' in window){ var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target);}});},{threshold:.1}); document.querySelectorAll('.reveal').forEach(function(el){obs.observe(el);}); }else{showAll();} }catch(err){showAll();} setTimeout(function(){document.querySelectorAll('.reveal:not(.visible)').forEach(function(el){el.classList.add('visible');});},2000); var header=document.getElementById('siteHeader'); var toTop=document.getElementById('toTop'); window.addEventListener('scroll',function(){ if(header)header.classList.toggle('scrolled',window.scrollY>10); if(toTop)toTop.classList.toggle('show',window.scrollY>600); },{passive:true}); if(toTop)toTop.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'});}); var hb=document.getElementById('hamburger'); var mm=document.getElementById('mobileMenu'); if(hb&&mm){ var ov=document.createElement('div'); ov.className='menu-overlay';document.body.appendChild(ov); var closeMenu=function(){hb.classList.remove('open');mm.classList.remove('open');ov.classList.remove('open');document.body.classList.remove('menu-open');hb.setAttribute('aria-expanded','false');mm.setAttribute('aria-hidden','true');}; var openMenu=function(){hb.classList.add('open');mm.classList.add('open');ov.classList.add('open');document.body.classList.add('menu-open');hb.setAttribute('aria-expanded','true');mm.setAttribute('aria-hidden','false');}; hb.addEventListener('click',function(){hb.classList.contains('open')?closeMenu():openMenu();}); ov.addEventListener('click',closeMenu); mm.querySelectorAll('a').forEach(function(a){a.addEventListener('click',closeMenu);}); window.addEventListener('keydown',function(e){if(e.key==='Escape')closeMenu();}); } var send=document.getElementById('cf-send'); if(send){ send.addEventListener('click',function(){ var naam=(document.getElementById('cf-naam')||{}).value||''; var tel=(document.getElementById('cf-tel')||{}).value||''; var msg=(document.getElementById('cf-msg')||{}).value||''; var body=msg+'%0D%0A%0D%0ANaam: '+encodeURIComponent(naam)+(tel?'%0D%0ATelefoon: '+encodeURIComponent(tel):''); location.href='mailto:marion.gulpers@trueinsight.nl?subject='+encodeURIComponent('Bericht via trueinsight.nl')+'&body='+body.replace(/%0D%0A/g,'%0D%0A'); }); } setTimeout(function(){ var h=document.querySelector('.hero-text > *'); if(h){var op=getComputedStyle(h).opacity;if(parseFloat(op)<0.05)document.documentElement.classList.add('no-anim');} },1200); })();