<style>

.mhgl_page{

--mhgl_green:#1f7a4d;

--mhgl_blue:#204f8f;

--mhgl_red:#b0342e;

--mhgl_gold:#c7a64b;

--mhgl_dark:#07131f;

--mhgl_light:#f7f5ef;

--mhgl_white:#ffffff;

--mhgl_text:#1b1b1b;

font-family: Arial, Helvetica, sans-serif;

color:var(--mhgl_text);

background:var(--mhgl_light);

line-height:1.6;

}

.mhgl_page *{

box-sizing:border-box;

}

.mhgl_page a{

text-decoration:none;

}

.mhgl_topbar{

width:100%;

padding:22px 7%;

display:flex;

align-items:center;

justify-content:space-between;

background:var(--mhgl_white);

box-shadow:0 6px 20px rgba(0,0,0,.06);

}

.mhgl_brand{

font-weight:800;

letter-spacing:.5px;

color:var(--mhgl_dark);

font-size:22px;

}

.mhgl_brand span{

color:var(--mhgl_gold);

}

.mhgl_nav{

display:flex;

gap:24px;

align-items:center;

}

.mhgl_nav a{

color:var(--mhgl_dark);

font-weight:700;

font-size:14px;

}

.mhgl_btn{

display:inline-block;

padding:15px 24px;

border-radius:999px;

background:var(--mhgl_gold);

color:var(--mhgl_dark) !important;

font-weight:800;

border:2px solid var(--mhgl_gold);

box-shadow:0 10px 24px rgba(0,0,0,.12);

}

.mhgl_btn_alt{

background:transparent;

color:var(--mhgl_white) !important;

border-color:var(--mhgl_white);

box-shadow:none;

margin-left:10px;

}

.mhgl_hero{

min-height:82vh;

padding:90px 7%;

display:grid;

grid-template-columns:1.1fr .9fr;

gap:50px;

align-items:center;

background:

radial-gradient(circle at 10% 10%, rgba(31,122,77,.35), transparent 24%),

radial-gradient(circle at 88% 14%, rgba(32,79,143,.38), transparent 24%),

radial-gradient(circle at 70% 80%, rgba(176,52,46,.34), transparent 25%),

var(--mhgl_dark);

color:var(--mhgl_white);

overflow:hidden;

}

.mhgl_hero h1{

font-size:clamp(44px,7vw,86px);

line-height:1;

margin:0 0 24px;

max-width:860px;

}

.mhgl_hero h1 span{

color:var(--mhgl_gold);

}

.mhgl_hero p{

font-size:21px;

max-width:650px;

margin:0 0 32px;

color:#f1efe7;

}

.mhgl_hero_card{

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.18);

padding:34px;

border-radius:30px;

backdrop-filter: blur(10px);

}

.mhgl_metric{

padding:22px 0;

border-bottom:1px solid rgba(255,255,255,.15);

}

.mhgl_metric:last-child{

border-bottom:0;

}

.mhgl_metric strong{

display:block;

font-size:34px;

color:var(--mhgl_gold);

line-height:1;

}

.mhgl_metric span{

display:block;

color:#f2f2f2;

margin-top:7px;

font-weight:700;

}

.mhgl_section{

padding:84px 7%;

}

.mhgl_section_title{

max-width:820px;

margin-bottom:38px;

}

.mhgl_label{

color:var(--mhgl_gold);

font-weight:900;

letter-spacing:1.5px;

text-transform:uppercase;

font-size:13px;

}

.mhgl_page h2{

font-size:clamp(32px,5vw,56px);

line-height:1.08;

margin:10px 0 18px;

color:var(--mhgl_dark);

}

.mhgl_section_title p{

font-size:19px;

color:#3b3b3b;

}

.mhgl_grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:22px;

}

.mhgl_card{

background:var(--mhgl_white);

padding:32px;

border-radius:26px;

box-shadow:0 14px 35px rgba(0,0,0,.08);

border-top:7px solid var(--mhgl_gold);

}

.mhgl_card_green{

border-top-color:var(--mhgl_green);

}

.mhgl_card_blue{

border-top-color:var(--mhgl_blue);

}

.mhgl_card_red{

border-top-color:var(--mhgl_red);

}

.mhgl_card h3{

margin:0 0 12px;

font-size:24px;

color:var(--mhgl_dark);

}

.mhgl_card p{

margin:0;

color:#4a4a4a;

}

.mhgl_dark{

background:var(--mhgl_dark);

color:var(--mhgl_white);

}

.mhgl_dark h2{

color:var(--mhgl_white);

}

.mhgl_dark .mhgl_section_title p{

color:#e9e7df;

}

.mhgl_steps{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:22px;

}

.mhgl_step{

background:rgba(255,255,255,.08);

padding:32px;

border-radius:26px;

border:1px solid rgba(255,255,255,.16);

}

.mhgl_number{

width:46px;

height:46px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:var(--mhgl_gold);

color:var(--mhgl_dark);

font-weight:900;

margin-bottom:18px;

}

.mhgl_step h3{

font-size:25px;

margin:0 0 10px;

}

.mhgl_step p{

margin:0;

color:#e9e7df;

}

.mhgl_list{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

margin-top:28px;

}

.mhgl_list div{

background:var(--mhgl_white);

padding:20px 22px;

border-radius:18px;

font-weight:800;

color:var(--mhgl_dark);

box-shadow:0 10px 22px rgba(0,0,0,.06);

}

.mhgl_cta{

text-align:center;

background:

radial-gradient(circle at 20% 20%, rgba(31,122,77,.25), transparent 25%),

radial-gradient(circle at 78% 30%, rgba(32,79,143,.24), transparent 25%),

radial-gradient(circle at 52% 88%, rgba(176,52,46,.22), transparent 28%),

var(--mhgl_white);

}

.mhgl_cta h2{

max-width:850px;

margin:0 auto 18px;

}

.mhgl_cta p{

max-width:650px;

margin:0 auto 32px;

font-size:20px;

color:#3b3b3b;

}

.mhgl_footer{

background:var(--mhgl_dark);

color:var(--mhgl_white);

padding:34px 7%;

display:flex;

justify-content:space-between;

gap:20px;

flex-wrap:wrap;

}

.mhgl_footer a{

color:var(--mhgl_gold);

font-weight:800;

}

@media(max-width:900px){

.mhgl_hero{

grid-template-columns:1fr;

padding-top:70px;

}

.mhgl_grid,

.mhgl_steps,

.mhgl_list{

grid-template-columns:1fr;

}

.mhgl_nav{

display:none;

}

.mhgl_btn_alt{

margin-left:0;

margin-top:12px;

}

}

</style>

<div class="mhgl_page">

<div class="mhgl_topbar">

<div class="mhgl_brand">MH <span>Growth</span> Lab</div>

<div class="mhgl_nav">

<a href="#diensten">Diensten</a>

<a href="#aanpak">Aanpak</a>

<a href="#resultaat">Resultaat</a>

<a class="mhgl_btn" href="https://app.yourhoop.nl/location/YvALfoyqU3oHwRgdFGGK/page-builder/YVwhwXFwP2xt3tsWUaDI?source=website">Plan gesprek</a>

</div>

</div>

<section class="mhgl_hero">

<div>

<div class="mhgl_label">Social media marketing</div>

<h1>Meer zichtbaarheid. Meer klanten. Meer <span>groei.</span></h1>

<p>MH Growth Lab helpt bedrijven groeien met social media marketing, sterke content en advertenties die gericht zijn op resultaat.</p>

<a class="mhgl_btn" href="https://app.yourhoop.nl/location/YvALfoyqU3oHwRgdFGGK/page-builder/YVwhwXFwP2xt3tsWUaDI?source=website">Plan jouw gratis strategiegesprek</a>

<a class="mhgl_btn mhgl_btn_alt" href="#diensten">Bekijk wat ik doe</a>

</div>

<div class="mhgl_hero_card">

<div class="mhgl_metric">

<strong>01</strong>

<span>Aandacht opbouwen met content</span>

</div>

<div class="mhgl_metric">

<strong>02</strong>

<span>Leads aantrekken via advertenties</span>

</div>

<div class="mhgl_metric">

<strong>03</strong>

<span>Groei meten en verbeteren</span>

</div>

</div>

</section>

<section class="mhgl_section">

<div class="mhgl_section_title">

<div class="mhgl_label">Waarom social media</div>

<h2>Social media werkt beter met een duidelijk plan.</h2>

<p>Veel bedrijven posten wel, maar halen weinig resultaat. Meestal ontbreekt er structuur, data en een duidelijke boodschap voor de juiste doelgroep.</p>

</div>

<div class="mhgl_grid">

<div class="mhgl_card mhgl_card_green">

<h3>Meer zichtbaarheid</h3>

<p>Je bedrijf komt vaker in beeld bij mensen die jouw dienst nodig hebben.</p>

</div>

<div class="mhgl_card mhgl_card_blue">

<h3>Meer vertrouwen</h3>

<p>Je toont expertise met content die vragen beantwoordt en twijfel verlaagt.</p>

</div>

<div class="mhgl_card mhgl_card_red">

<h3>Meer aanvragen</h3>

<p>Je zet kijkers om naar leads met duidelijke acties, advertenties en opvolging.</p>

</div>

</div>

</section>

<section id="diensten" class="mhgl_section mhgl_dark">

<div class="mhgl_section_title">

<div class="mhgl_label">Diensten</div>

<h2>Dit doe ik voor jouw bedrijf.</h2>

<p>Ik help jouw bedrijf met content, advertenties en strategie. Geen losse posts zonder richting. Wel een aanpak die past bij jouw doelgroep en doelen.</p>

</div>

<div class="mhgl_steps">

<div class="mhgl_step">

<div class="mhgl_number">1</div>

<h3>Strategie</h3>

<p>We bepalen wie je wilt bereiken, welke boodschap werkt en welke content nodig is.</p>

</div>

<div class="mhgl_step">

<div class="mhgl_number">2</div>

<h3>Content</h3>

<p>Ik maak content die aandacht trekt, vertrouwen opbouwt en jouw bedrijf professioneel toont.</p>

</div>

<div class="mhgl_step">

<div class="mhgl_number">3</div>

<h3>Advertenties</h3>

<p>Ik zet Meta advertenties op en stuur bij op basis van data en resultaat.</p>

</div>

</div>

</section>

<section id="aanpak" class="mhgl_section">

<div class="mhgl_section_title">

<div class="mhgl_label">Aanpak</div>

<h2>Een groeisysteem voor jouw social media.</h2>

<p>Elke stap heeft een duidelijk doel. Eerst aandacht. Dan vertrouwen. Daarna actie.</p>

</div>

<div class="mhgl_list">

<div>Contentplanning</div>

<div>Reels en video ideeën</div>

<div>Meta advertenties</div>

<div>Doelgroep onderzoek</div>

<div>Retargeting</div>

<div>Data analyse</div>

</div>

</section>

<section id="resultaat" class="mhgl_section mhgl_dark">

<div class="mhgl_section_title">

<div class="mhgl_label">Resultaat</div>

<h2>Dit levert het jouw bedrijf op.</h2>

<p>Met een sterke social media aanpak werk je aan bereik, vertrouwen en aanvragen. Je krijgt meer structuur en je weet wat werkt.</p>

</div>

<div class="mhgl_grid">

<div class="mhgl_card mhgl_card_green">

<h3>Meer klanten</h3>

<p>Je maakt het eenvoudiger voor geïnteresseerde mensen om contact op te nemen.</p>

</div>

<div class="mhgl_card mhgl_card_blue">

<h3>Meer tijd</h3>

<p>Je hoeft niet telkens opnieuw te zoeken naar wat je moet posten.</p>

</div>

<div class="mhgl_card mhgl_card_red">

<h3>Meer groei</h3>

<p>Je bouwt aan een systeem dat meetbaar en schaalbaar is.</p>

</div>

</div>

</section>

<section class="mhgl_section mhgl_cta">

<div class="mhgl_label">Gratis strategiegesprek</div>

<h2>Wil jij zichtbaar worden bij de juiste mensen?</h2>

<p>Laten we samen bekijken hoe jouw bedrijf meer bereik, meer aanvragen en meer klanten kan halen uit social media.</p>

<a class="mhgl_btn" href="https://app.yourhoop.nl/location/YvALfoyqU3oHwRgdFGGK/page-builder/YVwhwXFwP2xt3tsWUaDI?source=website">Plan jouw gratis strategiegesprek</a>

</section>

<div class="mhgl_footer">

<div>MH Growth Lab</div>

<a href="https://app.yourhoop.nl/location/YvALfoyqU3oHwRgdFGGK/page-builder/YVwhwXFwP2xt3tsWUaDI?source=website">Plan gesprek</a>

</div>

</div>