{"id":9362,"date":"2025-01-22T14:57:39","date_gmt":"2025-01-22T14:57:39","guid":{"rendered":"https:\/\/youthcommerce.nl\/?page_id=9362"},"modified":"2026-02-11T13:12:12","modified_gmt":"2026-02-11T13:12:12","slug":"google-company-profile","status":"publish","type":"page","link":"https:\/\/youthcommerce.nl\/en\/google-bedrijfsprofiel\/","title":{"rendered":"Google Company Profile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9362\" class=\"elementor elementor-9362\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e5991a6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e5991a6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19dbcdb\" data-id=\"19dbcdb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f769d46 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f769d46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"nl\"><head><meta charset=\"UTF-8\" \/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Sans:wght@300;400;500&family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\"><style>body{margin:0;background:#1d1d1f !important;width:100%;position:relative;overflow-x:clip;} html{width:100%;max-width:100%;overflow-x:clip;background-color:#1d1d1f !important;} #page,#content,#primary,#main,.site,.site-content,.page,.page-content{background:transparent !important;} .yc-dark{--font-primary:\"SF Pro Text\",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:var(--font-primary);--font-head:var(--font-primary);--font-heading:var(--font-primary);--font-main:var(--font-primary);--bg:#1d1d1f;--panel:#141416;--panel-strong:rgba(255,255,255,0.14);--text:#ffffff;--muted:#ffffff;--text-muted:#ffffff;--muted2:#ffffff;--green:#2DBF3A;--orange:#F89200;background:transparent;color:#ffffff;font-family:var(--font-primary);min-height:100vh;} html,body,*{font-family:var(--font-primary) !important;color:#ffffff;} em,i,.cursive,.script,.yc-accordion-icon,.yc-star-cursor,.yc-star-cursor svg,.yc-accordion-icon *,.check-icon *,.yc-comp-icon *,.icon-node *,.yc-contact-icon *,.yc-check-icon *,.yc-social-icon *{color:inherit !important;} .yc-accordion-icon *,.check-icon *,.yc-comp-icon *,.icon-node *,.yc-contact-icon *,.yc-check-icon *,.yc-social-icon *{stroke:currentColor !important;} .hero-cta-button[style*=\"background:#ffffff\"] *,.hero-cta-button[style*=\"background:white\"] *{color:#000000 !important;stroke:#000000 !important;} .yc-dark *{box-sizing:border-box;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,background-color .25s ease,color .25s ease,letter-spacing .25s ease;} .yc-word-highlight{opacity:0.2;transition:opacity 0.3s ease;} .yc-word-highlight.active{opacity:1;} @media (max-width:768px){h1{font-size:42px !important;} h2{font-size:36px !important;} h3{font-size:24px !important;} p,li,a,span,div{font-size:16px;} .text-sm,.small,footer p,footer a,.yc-nav nav a{font-size:14px !important;} } a{color:inherit;text-decoration:none;} h1,h2,h3{font-family:var(--font-primary) !important;letter-spacing:-0.02em;color:#ffffff !important;margin:0 0 .6em;} h2{font-size:3rem;font-weight:700;line-height:1.1;} @media (min-width:901px){h2{font-size:48px !important;line-height:1.1;} } p,li{line-height:1.65;color:#ffffff !important;} .yc-container{width:min(1280px,92vw);margin:0 auto;} .yc-section{padding:8rem 0;} .yc-section+.yc-section{border-top:1px solid rgba(255,255,255,0.05);} .yc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.2rem;margin-top:3rem;}:root{--yc-green:#2DBF3A;--yc-orange:#FEAA47;--yc-dark:#1d1d1f;--yc-text:#ffffff;--yc-muted:rgba(255,255,255,0.75);--font-primary:\"SF Pro Text\",-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:rgba(255,255,255,0.05);--dropdown-bg:#1d1d1f;} #scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background-color:#2DBF3A;z-index:9999;transition:width 0.1s ease-out;} .yc-header,.yc-header *,.yc-header *::before,.yc-header *::after{box-sizing:border-box;margin:0;padding:0;} .yc-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:transparent;} .yc-header.is-hidden{transform:translateY(-100%);} .yc-header.is-scrolled{background:rgba(25,25,27,0.85);backdrop-filter:blur(20px);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.08);} .yc-header-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;} .yc-logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity 0.3s ease;} .yc-logo-link:hover{opacity:0.8;} .yc-logo{height:45px;width:45px;object-fit:contain;} .yc-nav{display:flex;align-items:center;gap:2rem;} .yc-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem;} .yc-menu-item{position:relative;} .yc-menu-link{color:#ffffff;text-decoration:none;font-size:16px;font-weight:700;display:flex;align-items:center;gap:0.4rem;padding:0.5rem 0;transition:color 0.3s ease;} .yc-menu-link:hover{color:var(--yc-green);} .yc-arrow{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;transition:transform 0.3s ease;} .yc-menu-item:hover .yc-arrow{transform:rotate(180deg);} .yc-dropdown{position:absolute;top:100%;left:-20px;background:var(--dropdown-bg);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.2);padding:0;min-width:240px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);list-style:none;z-index:100;margin-top:10px;display:flex;overflow:hidden;align-items:flex-start;width:max-content;} .yc-menu-item:hover .yc-dropdown{opacity:1;visibility:visible;transform:translateY(0);} .yc-dropdown-menu{display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-auto-columns:240px;gap:0;padding:1rem 0;list-style:none;min-width:240px;width:max-content;} .yc-dropdown-preview{width:420px;background:transparent;padding:10px;display:flex;align-items:flex-start;justify-content:center;border-left:1px solid rgba(255,255,255,0.05);} .yc-dropdown-preview img{width:400px;height:260px;object-fit:cover;border-radius:8px;transition:opacity 0.3s ease;display:block;flex-shrink:0;} .yc-dropdown::after{content:'';position:absolute;top:-6px;left:30px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--dropdown-bg);} .yc-dropdown-link{color:#ffffff;text-decoration:none;font-size:16px;display:block;padding:0.8rem 1.5rem;transition:all 0.2s ease;} .yc-dropdown-link:hover{background:rgba(45,191,58,0.05);color:var(--yc-green);padding-left:1.8rem;} .yc-actions{display:flex;align-items:center;gap:1rem;} .yc-btn{padding:0.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;transition:all 0.3s ease;white-space:nowrap;min-width:240px;height:48px;} .yc-btn-strategy{background:var(--yc-green);color:#ffffff;box-shadow:0 4px 15px rgba(45,191,58,0.3);} .yc-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(45,191,58,0.4);} .yc-btn-strategy:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(45,191,58,0.4);} .phone-container{background-color:var(--yc-orange);border-radius:10px;padding:0 1.5rem;height:48px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;cursor:pointer;box-shadow:0 4px 15px rgba(254,170,71,0.3);} .check-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid var(--yc-green);display:flex;align-items:center;justify-content:center;color:var(--yc-green);margin-top:2px;} .check-icon svg{width:14px;height:14px;stroke-width:3;} .phone-container:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(254,170,71,0.4);background-color:#e89531;} .phone-container a{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#ffffff;} .phone-container img{width:18px;height:18px;filter:brightness(0) invert(1);} #statusCircle,#statusCircleMobile{width:10px;height:10px;border-radius:50%;margin-left:5px;flex-shrink:0;display:inline-block;} .status-open{background-color:#2DBF3A !important;box-shadow:0 0 10px #2DBF3A;animation:yc-pulse-green 2s infinite;} .yc-actions .yc-btn:hover,.yc-mobile-menu .yc-btn:hover{transform:translateY(-2px) !important;box-shadow:0 4px 15px rgba(45,191,58,0.3) !important;} .status-closed{background-color:#E53935 !important;box-shadow:0 0 10px #E53935;animation:yc-pulse-red 2s infinite;} @media (max-width:900px){.yc-container{padding:0 1rem !important;margin:0 !important;width:100% !important;max-width:100% !important;} .yc-logo{flex-shrink:0;height:45px !important;width:45px !important;} .yc-logo img{width:45px;height:45px;} .yc-mobile-toggle{margin-left:auto !important;} #performance-dashboard .yc-db-header{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important;} } @media (max-width:480px){.phone-container{padding:0 0.8rem;height:40px;max-width:100%;margin-right:0;} .yc-actions{gap:0;} .phone-container a{font-size:13px !important;white-space:nowrap;} .phone-container img{width:14px;height:14px;} } @keyframes yc-pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(45,191,58,0.7);} 70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(45,191,58,0);} 100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(45,191,58,0);} } @keyframes yc-pulse-red{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(229,57,53,0.7);} 70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(229,57,53,0);} 100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(229,57,53,0);} } .yc-mobile-toggle{display:none;cursor:pointer;background:none !important;border:none !important;color:white !important;padding:0.5rem;} @media (max-width:1100px){.yc-nav{display:none;} .yc-header-container{position:relative;padding:0 5px 0 20px !important;} .yc-mobile-toggle{display:block;order:3;margin-left:auto;} .yc-actions{display:flex;gap:1rem;order:2;flex:1;justify-content:flex-end;} .yc-header .phone-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) !important;margin:0 !important;z-index:10;display:flex !important;white-space:nowrap;} .yc-actions .yc-btn-strategy{display:none;} .yc-logo-link{order:1;} } @media (max-width:480px){.phone-container{padding:0 0.8rem;} .phone-container a{font-size:13px;} } .yc-mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#141416;z-index:2000;padding:4rem 2rem;transition:0.4s ease;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;} .yc-mobile-menu.is-active{right:0;box-shadow:-10px 0 50px rgba(0,0,0,0.5);} .yc-mobile-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;} .yc-mobile-link{color:white;text-decoration:none;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;} .yc-mobile-submenu{display:none;list-style:none;padding-left:1rem;margin-top:0.8rem;margin-bottom:0.5rem;flex-direction:column;gap:0.8rem;border-left:2px solid rgba(45,191,58,0.3);} .yc-mobile-submenu.is-active{display:flex;} .yc-mobile-sublink{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.95rem;display:block;padding:0.3rem 0;transition:color 0.2s ease;} .yc-mobile-sublink:hover{color:var(--yc-green);} .yc-mobile-menu .yc-btn{padding:0.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;transition:all 0.3s ease;white-space:nowrap;min-width:240px;height:48px;} .yc-mobile-menu .yc-btn-strategy{min-width:auto;width:100%;} .yc-mobile-item{border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:1.5rem;margin-bottom:1.5rem;} .yc-mobile-nav>.yc-mobile-link{padding-bottom:1.5rem;display:block;} .yc-mobile-arrow{width:12px;height:12px;transition:transform 0.3s ease;} .yc-mobile-link.is-active .yc-mobile-arrow{transform:rotate(180deg);} .yc-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:1500;opacity:0;visibility:hidden;transition:0.3s;} .yc-overlay.is-active{opacity:1;visibility:visible;} .yc-footer-wrapper{background-color:rgba(5,5,5,0.8);background:rgba(5,5,5,0.8);color:#ffffff;width:100%;box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.05);padding-bottom:2rem;font-family:var(--font-primary);} .yc-footer-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;} .yc-brand-name{font-size:1.5rem;font-weight:700;color:#ffffff;letter-spacing:-0.02em;} .yc-masonry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;align-items:start;} .yc-bento-col{display:flex;flex-direction:column;gap:1.5rem;} .yc-bento-card{background-color:#111113;border:1px solid #27272a;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.3s ease,box-shadow 0.3s ease;} .yc-bento-card:hover{border-color:rgba(255,255,255,0.2);box-shadow:0 0 30px rgba(0,0,0,0.5);} .yc-bento-card::before,.yc-bento-card::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.5s;} .yc-bento-card::before{background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(255,255,255,0.06),transparent 40%);z-index:1;} .yc-bento-card::after{background:radial-gradient(600px circle at var(--mouse-x,0) var(--mouse-y,0),#2DBF3A,transparent 40%);z-index:3;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:1px;} .yc-bento-card:hover::before,.yc-bento-card:hover::after{opacity:1;} .yc-bento-card>*{position:relative;z-index:2;} .yc-card-title{font-size:20px;font-weight:700;color:#ffffff;margin:0 0 1.5rem 0;letter-spacing:-0.01em;} .yc-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.8rem;} .yc-nav-link{text-decoration:none;color:#ffffff;font-size:0.95rem;transition:color 0.2s ease,transform 0.2s ease;display:block;} .yc-nav-link:hover{color:#2DBF3A;transform:translateX(3px);} .yc-contact-row{display:flex;gap:12px;margin-bottom:1rem;align-items:flex-start;} .yc-contact-icon{color:#FEAA47 !important;width:20px;height:20px;flex-shrink:0;margin-top:2px;} .yc-contact-text,.yc-contact-text a{color:#ffffff;font-size:0.95rem;line-height:1.5;text-decoration:none;transition:color 0.2s;} .yc-contact-text a:hover{color:#2DBF3A;} .yc-contact-cta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);} .yc-contact-cta a{color:#ffffff;text-decoration:none;font-weight:500;font-size:1rem;transition:color 0.2s;} .yc-contact-cta a:hover{color:#2DBF3A;} .yc-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.05);font-size:0.85rem;} .yc-social-group{display:flex;gap:1rem;} .yc-social-icon{color:#ffffff;opacity:0.85;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.05);border-radius:50%;border:1px solid rgba(255,255,255,0.1);} .yc-social-icon:hover{opacity:1;transform:translateY(-3px);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);} .yc-social-icon svg{width:20px;height:20px;fill:currentColor;} .yc-authority-text{color:#ffffff;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;} @media (max-width:1024px){.yc-masonry-grid{grid-template-columns:1fr 1fr;} } @media (max-width:600px){.yc-masonry-grid{grid-template-columns:1fr;} .yc-footer-bottom{flex-direction:column;gap:1.5rem;text-align:center;} .yc-authority-text{justify-content:center;} } .yc-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:4rem;padding:7rem 0 5rem;} .yc-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem;} .yc-pill{padding:.45rem .95rem;border:1px solid var(--panel-strong);border-radius:999px;font-size:.75rem;color:var(--muted2);} .yc-pill:hover{color:var(--green);border-color:var(--green);transform:translateY(-2px);} .yc-title{font-size:clamp(3rem,5vw,4.6rem);line-height:1.05;} .yc-title span{color:var(--green);} .yc-cta-row{display:flex;gap:1.2rem;margin-top:2.2rem;flex-wrap:wrap;} .yc-side,.yc-card{background:var(--panel);border:1px solid var(--panel-strong);border-radius:24px;padding:2.2rem;position:relative;overflow:hidden;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s ease,border-color 0.4s ease;} .yc-service-card{background:var(--panel);border:1px solid var(--panel-strong);border-radius:24px;padding:3rem;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s ease,border-color 0.4s ease;} .yc-service-card::before,.yc-card::before,.yc-reason-card::before,.yc-team-card::before,.yc-process-card::before{content:\"\";position:absolute;inset:0;border-radius:24px;padding:1.5px;background:linear-gradient(135deg,rgba(45,191,58,0.5),rgba(255,255,255,0),rgba(45,191,58,0.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity 0.4s ease;pointer-events:none;} .yc-service-card:hover,.yc-card:hover,.yc-reason-card:hover,.yc-team-card:hover,.yc-case-card:hover,.yc-process-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 30px rgba(45,191,58,0.1);border-color:transparent;} .yc-service-card:hover::before,.yc-card:hover::before,.yc-reason-card:hover::before,.yc-team-card:hover::before,.yc-process-card:hover::before{opacity:1;} .yc-service-number{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;font-size:5rem;font-weight:700;line-height:1;margin-bottom:1.5rem;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,0.15);opacity:0.7;transition:all .3s ease;} .yc-service-card:hover .yc-service-number{-webkit-text-stroke-color:var(--green);opacity:1;transform:scale(1.05);transform-origin:left bottom;} .yc-service-title{font-size:1.8rem;margin-bottom:1.2rem;font-weight:700;color:#fff;} .yc-service-list{margin-top:2rem;padding:0;list-style:none;} .yc-service-list li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:0.8rem;color:var(--muted);font-size:0.95rem;line-height:1.5;} .yc-service-list li::before{content:\"\";flex-shrink:0;width:20px;height:20px;background-color:rgba(45,191,58,0.2);background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%232DBF3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");background-size:12px;background-repeat:no-repeat;background-position:center;border-radius:50%;border:1px solid rgba(45,191,58,0.3);margin-top:3px;} .yc-side ul{margin:1rem 0 0;padding:0;} .yc-side li{list-style:none;margin:0 0 .7rem;padding-left:1.2rem;position:relative;color:var(--muted);} .yc-side li::before{content:'\u25cf';position:absolute;left:0;color:var(--orange);} .yc-section{animation:fadeUp .8s ease-out both;} .yc-section:nth-of-type(2){animation-delay:.08s;} .yc-section:nth-of-type(3){animation-delay:.16s;} .yc-section:nth-of-type(4){animation-delay:.24s;} @keyframes fadeUp{from{opacity:0;transform:translateY(28px);} to{opacity:1;transform:translateY(0);} } .yc-cert-card{display:flex;flex-direction:row;align-items:center;text-align:left;min-height:140px;gap:1.5rem;padding:2rem;} .yc-cert-badge-wrapper{flex-shrink:0;width:100px;display:flex;justify-content:center;align-items:center;position:relative;} .yc-cert-img{max-width:100%;max-height:80px;object-fit:contain;filter:brightness(0.95);transition:filter 0.3s ease;} .yc-cert-content{display:flex;flex-direction:column;} .yc-cert-title{font-size:1.3rem;font-weight:700;margin-bottom:0.3rem;color:#fff;} .yc-cert-desc{font-size:0.9rem;color:var(--muted);line-height:1.4;margin:0;} .yc-card:hover .yc-cert-img{filter:brightness(1.1);} .yc-why-us-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem;} .yc-reasons-column{display:flex;flex-direction:column;gap:1.5rem;} .yc-reason-card{background:var(--panel);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:1.5rem 2rem;transition:0.3s;position:relative;overflow:hidden;} .yc-reason-card h3{font-size:1.25rem;color:#fff;margin-bottom:0.5rem;display:flex;align-items:center;gap:10px;} .yc-reason-card h3::before{content:\"\";flex-shrink:0;width:24px;height:24px;background-color:rgba(45,191,58,0.2);background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%232DBF3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");background-size:14px;background-repeat:no-repeat;background-position:center;border-radius:50%;border:1px solid rgba(45,191,58,0.3);} .yc-reason-card p{margin:0;font-size:0.95rem;color:var(--muted);line-height:1.5;} .yc-team-image-wrapper{position:relative;height:100%;min-height:500px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);} .yc-team-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;} @media (max-width:1000px){.yc-why-us-grid{grid-template-columns:1fr;gap:2rem;} .yc-team-image-wrapper{min-height:300px;order:-1;} } .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 5rem;position:relative;overflow:hidden;} #particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;} .hero-content{max-width:900px;text-align:center;position:relative;z-index:10;margin-bottom:2rem;} .hero-title{font-size:3.5rem;font-weight:700;color:#ffffff;margin-bottom:1.5rem;line-height:1.2;font-family:var(--font-primary);} .hero-benefits{list-style:none;margin-bottom:2.5rem;} .hero-benefits li{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.125rem;color:#ffffff;margin-bottom:1rem;font-weight:400;font-family:var(--font-primary);} .hero-benefits li::before{content:'\u2713';display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;font-size:0.875rem;font-weight:700;flex-shrink:0;} .hero-cta-form{display:flex;max-width:600px;margin:0 auto;background:white;border-radius:12px;padding:6px;box-shadow:0 8px 32px rgba(0,0,0,0.3);} .hero-input{flex:1;padding:1rem 1.5rem;border:none;background:transparent;font-size:1rem;font-family:var(--font-primary);outline:none;color:#333;} .hero-input::placeholder{color:#999;} .hero-cta-button{padding:1rem 2rem;background:#2DBF3A;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;transition:transform 0.2s ease,box-shadow 0.2s ease;} .hero-cta-button:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(45,191,58,0.4);} .hero-trust-badges{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem;margin-top:3rem;width:100%;max-width:800px;margin-left:auto;margin-right:auto;} .hero-trust-badges img{width:auto;height:auto;opacity:1;transition:all 0.3s ease;object-fit:contain;max-height:80px;width:auto;} .hero-trust-badges a:first-child{justify-self:end;} .hero-trust-badges a:first-child img{width:121.55px;height:60.61px;} .hero-trust-badges a:nth-child(2){justify-self:center;} .hero-trust-badges a:nth-child(2) img{width:83.43px;height:83.43px;} .hero-trust-badges a:last-child{justify-self:start;} .hero-trust-badges a:last-child img{width:121.55px;height:60.61px;} .hero-trust-badges img:hover{transform:scale(1.05);} .trust-section{width:100%;text-align:center;position:relative;z-index:10;} .trust-text{color:rgba(255,255,255,0.7);font-size:0.875rem;margin-bottom:0.5rem;font-weight:400;position:relative;z-index:25;padding-bottom:10px;} .logo-slider-container{width:100%;overflow:hidden;position:relative;padding:1rem 0 3rem;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);} .logo-strip{display:flex;align-items:center;gap:4rem;width:max-content;animation:scroll 30s linear infinite;} .logo-slider-container:hover .logo-strip{animation-play-state:paused;} @keyframes scroll{0%{transform:translateX(0);} 100%{transform:translateX(-50%);} } .logo-item{color:rgba(255,255,255,0.8);font-size:1.25rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;opacity:0.7;transition:opacity 0.3s ease;} .logo-item:hover{opacity:1;} @media (max-width:900px){.yc-hero{grid-template-columns:1fr;} .yc-cert-card{flex-direction:column;text-align:center;} } @media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;} } .yc-tilt-active{transition:none !important;} .yc-scroll-anim{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,transform;} .yc-scroll-anim.is-visible{opacity:1;transform:translateY(0);} .yc-delay-100{transition-delay:0.1s;} .yc-delay-200{transition-delay:0.2s;} .yc-delay-300{transition-delay:0.3s;} .yc-timeline-container{position:relative;max-width:800px;margin:0 auto;padding:4rem 0;} .yc-timeline-line{position:absolute;left:28px;top:0;width:4px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;} .yc-timeline-fill{position:absolute;top:0;left:0;width:100%;height:0%;} .yc-process-card{min-width:45vw;max-width:45vw;flex-shrink:0;height:400px;background:radial-gradient(circle at top right,#1f1f22,#141416);color:#fff;border-radius:24px;padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 40px rgba(0,0,0,0.4);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s ease,border-color 0.4s ease;position:relative;overflow:hidden;} .yc-watermark{position:absolute;top:-30px;left:10px;font-size:10rem;font-weight:800;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,0.05);z-index:0;line-height:1;opacity:0.5;pointer-events:none;} .yc-process-card:hover .yc-watermark{-webkit-text-stroke-color:rgba(45,191,58,0.2);opacity:1;} .yc-p-title{position:relative;z-index:2;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:1rem;margin-top:4rem;color:#fff;} .yc-p-icon{position:absolute;top:3rem;right:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border-radius:20px;border:1px solid rgba(255,255,255,0.05);z-index:1;animation:floatIcon 6s ease-in-out infinite;} @keyframes floatIcon{0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} } .yc-p-icon svg{width:40px;height:40px;stroke:#fff;stroke-width:1.5;} .yc-process-card:hover .yc-p-icon{background:rgba(45,191,58,0.1);border-color:rgba(45,191,58,0.3);} .yc-process-card:hover .yc-p-icon svg{stroke:#2DBF3A;} .yc-p-desc{position:relative;font-size:1.1rem;line-height:1.6;color:#ccc;z-index:1;max-width:90%;margin-top:auto;} .yc-p-icon svg{width:64px;height:64px;stroke-width:1.5px;} .yc-p-desc{font-size:1rem;line-height:1.6;color:#94A3B8;max-width:90%;} @media (max-width:768px){.yc-process-card{min-width:85vw;height:350px;} } .yc-timeline-step{display:flex;gap:3rem;position:relative;margin-bottom:4rem;opacity:0.4;transform:translateX(20px);transition:all 0.6s ease;} .yc-timeline-step.active{opacity:1;transform:translateX(0);} .yc-step-marker{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:#141416;border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:1.2rem;color:var(--muted);z-index:2;transition:all 0.4s ease;} .yc-timeline-step.active .yc-step-marker{border-color:var(--green);color:var(--green);box-shadow:0 0 20px rgba(45,191,58,0.4);background:#0a0a0c;} .yc-step-content{padding-top:0.5rem;} .yc-step-content h3{font-size:1.5rem;margin-bottom:0.5rem;color:#fff;} @media (max-width:600px){.yc-timeline-step{gap:1.5rem;} .yc-step-marker{width:45px;height:45px;font-size:1rem;} .yc-timeline-line{left:20.5px;} } .yc-cp-container{display:flex;align-items:center;justify-content:center;gap:80px;width:100%;max-width:1400px;padding:0 3rem 3rem 3rem;position:relative;margin:0 auto;} .left-panel{z-index:10;} .platform-card{background:var(--panel);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:300px;backdrop-filter:blur(10px);position:relative;} .icon-box{width:75px;height:75px;background:#131725;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;cursor:pointer;} .icon-box:hover{border-color:rgba(248,146,0,0.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(248,146,0,0.2);} .icon-box span{font-size:28px;} .icon-box img{width:40px;height:40px;object-fit:contain;} .center-stack{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;z-index:5;} .iso-layers{position:relative;width:200px;height:200px;transform:rotateX(60deg) rotateZ(-45deg);transform-style:preserve-3d;} .layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:32px;transition:transform 0.4s ease;} .layer-3{background:linear-gradient(135deg,#F89200 0%,#EA580C 100%);transform:translateZ(-50px);box-shadow:-10px 10px 30px rgba(234,88,12,0.5);} .layer-2{background:linear-gradient(135deg,#FDBA74 0%,#F89200 100%);transform:translateZ(-25px);opacity:0.95;box-shadow:-5px 5px 20px rgba(248,146,0,0.3);} .layer-1{background:linear-gradient(135deg,#F1F5F9 0%,#CBD5E1 100%);transform:translateZ(0px);box-shadow:-5px 5px 20px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;} .layer-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateZ(45deg);width:110px;height:auto;display:flex;align-items:center;justify-content:center;} .layer-content img{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));} .connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;} .conn-line{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:opacity 0.3s;} .conn-base{stroke:#334155;stroke-width:2px;opacity:0.3;} .conn-flow{stroke:#2DBF3A;stroke-width:3px;stroke-dasharray:8 12;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 6px rgba(45,191,58,0.8));} .yc-cp-container.active .conn-flow{opacity:1;animation:flowData 1s linear infinite;} @keyframes flowData{to{stroke-dashoffset:-20;} } .right-panel{display:flex;flex-direction:column;gap:16px;z-index:10;width:440px;} .analysis-card{background:var(--panel);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;transition:0.3s;position:relative;} .analysis-card:hover{background:rgba(15,23,42,0.6);border-color:#F89200;} .analysis-card h3{font-size:17px;font-weight:700;margin-bottom:6px;color:white;letter-spacing:-0.01em;} .analysis-card p{font-size:14px;color:#94A3B8;line-height:1.4;} @media (max-width:900px){.yc-sticky-container{display:flex;flex-direction:column;width:100% !important;max-width:100% !important;overflow-x:hidden;margin:0;padding:0;} .yc-service-card-new{width:100% !important;max-width:100% !important;margin-right:0;box-sizing:border-box;margin-bottom:1rem;} } @media (max-width:1000px){.yc-cp-container{flex-direction:column;gap:50px;padding:40px 0;} .yc-service-card-new{padding:1.5rem !important;} .center-stack{transform:scale(1);margin:20px 0;} .right-panel{width:100%;max-width:400px;} } .yc-carousel-section{position:relative;overflow:hidden;padding:6rem 0;overflow:hidden;} .yc-carousel-wrapper{position:relative;width:100%;height:600px;display:flex;justify-content:center;perspective:1200px;margin-top:2.5rem;} .yc-case-card{position:absolute;width:1100px;height:520px;background:#141416;border:1px solid rgba(255,255,255,0.1);border-radius:32px;display:flex;overflow:hidden;transition:all 0.8s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 25px 50px rgba(0,0,0,0.5);cursor:pointer;} .yc-case-content{flex:1;padding:32px;display:flex;flex-direction:column;justify-content:center;} .yc-case-image{width:45%;background-size:cover;background-position:center;position:relative;} .yc-case-logo{height:40px;object-fit:contain;align-self:flex-start;margin-bottom:2rem;} .yc-case-section-title{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:0.5rem;display:block;} .yc-case-text{font-size:0.95rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.6;} .yc-case-stat{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;line-height:1;color:#fff;margin-bottom:0.5rem;display:flex;flex-direction:column;align-items:flex-start;} .stat-number{font-size:4rem;font-weight:700;} .stat-label{font-size:16px;font-weight:500;color:var(--muted);margin-top:0.25rem;} .text-yc-green{color:#2DBF3A;} .text-yc-orange{color:#F89200;} .pos-center{transform:translateX(0) scale(1);z-index:10;opacity:1;pointer-events:auto;border-color:rgba(255,255,255,0.2);} .pos-left{transform:translateX(-105%) scale(0.9);z-index:5;opacity:0.5;filter:blur(0px);} .pos-right{transform:translateX(105%) scale(0.9);z-index:5;opacity:0.5;filter:blur(0px);} .pos-hidden{transform:scale(0.8);z-index:0;opacity:0;pointer-events:none;visibility:hidden;} .pos-left:hover{opacity:0.8;transform:translateX(-105%) scale(0.92);} .pos-right:hover{opacity:0.8;transform:translateX(105%) scale(0.92);} @media (max-width:1000px){.yc-case-card{width:95vw;max-width:100%;flex-direction:column;height:auto;min-height:500px;position:relative;} .yc-case-image{width:100%;height:200px;order:-1;} .yc-case-content{padding:1.5rem;padding-bottom:4rem;width:100% !important;max-width:100% !important;box-sizing:border-box;} .yc-carousel-wrapper{height:auto;min-height:700px;} .pos-left{transform:translateX(-15%) scale(0.85);opacity:0;pointer-events:none;} .pos-right{transform:translateX(15%) scale(0.85);opacity:0;pointer-events:none;} } .yc-report-section{width:100%;position:relative;padding:4rem 0;} .yc-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;} .yc-report-content{max-width:600px;} .yc-report-title{font-size:3rem;line-height:1.1;margin-bottom:1rem;} .yc-report-title span{background:linear-gradient(90deg,#F89200 0%,#2DBF3A 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .yc-report-subtitle{font-size:1.2rem;color:#fff;margin-bottom:2rem;font-weight:500;} .yc-report-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem;} .yc-report-list li{display:flex;gap:1rem;align-items:flex-start;color:var(--muted);font-size:1rem;} .yc-check-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.3);border-radius:50%;color:#fff;} .yc-report-card{background:var(--panel);color:#fff;border:1px solid var(--panel-strong);border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px rgba(0,0,0,0.3);position:relative;} .yc-report-card::before{content:\"\";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(45,191,58,0.15) 0%,rgba(0,0,0,0) 70%);transform:translate(-50%,-50%);z-index:-1;pointer-events:none;} .yc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;} .yc-form-group{margin-bottom:1rem;} .yc-side li{font-size:1.1rem;font-family:var(--font-primary);color:#ffffff;margin-bottom:0.8rem;} .yc-form-label{display:block;font-size:0.9rem;font-weight:700;color:#fff;margin-bottom:0.5rem;font-family:var(--font-primary);} .yc-form-input{width:100%;padding:0.8rem 1rem;border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-family:var(--font-primary);font-size:1rem;background:rgba(255,255,255,0.05);color:#ffffff;} .yc-form-input:focus{outline:none;border-color:#2DBF3A;box-shadow:0 0 0 3px rgba(45,191,58,0.1);} .yc-form-btn{width:100%;padding:1rem;background:linear-gradient(90deg,#2DBF3A 0%,#22992E 100%);color:white;border:none;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;transition:0.2s;margin-top:1rem;font-family:var(--font-primary);} .yc-form-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(45,191,58,0.3);} .yc-form-note{font-size:0.75rem;color:#ffffff;margin-top:1rem;line-height:1.4;font-family:var(--font-primary);} .yc-form-note a{text-decoration:underline;color:var(--muted);} .yc-area-section{padding:6rem 0;} .yc-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;} .yc-area-header-group{margin-bottom:3rem;} .yc-area-pretitle{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.15em;color:#2DBF3A;font-weight:700;margin-bottom:1rem;display:block;font-family:var(--font-primary);} .yc-area-title{font-size:3rem;line-height:1.1;margin-bottom:0;font-family:var(--font-primary);color:#ffffff;} .yc-area-title em{font-style:italic;color:#F89200 !important;} .yc-area-group{margin-bottom:2.5rem;} .yc-area-subtitle{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;color:#ffffff;margin-bottom:1rem;font-weight:700;display:block;font-family:var(--font-primary);} .yc-area-loc-text{font-size:1.1rem;color:#ffffff;font-family:var(--font-primary);} .yc-area-pills{display:flex;flex-wrap:wrap;gap:0.8rem;} .yc-area-pill{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:0.6rem 1.2rem;border-radius:99px;font-size:0.9rem;color:#ffffff;display:flex;align-items:center;gap:0.6rem;transition:0.2s;font-family:var(--font-primary);} .yc-area-pill:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);} .yc-area-pill svg{color:#2DBF3A;width:16px;height:16px;} .yc-area-card{background:var(--panel);border-radius:32px;padding:3.5rem;box-shadow:0 20px 40px rgba(0,0,0,0.2);border:1px solid var(--panel-strong);} .yc-area-card h3{font-size:1.5rem;color:#2DBF3A;margin-bottom:2.5rem;font-family:var(--font-primary);} @media (max-width:900px){.yc-area-grid{grid-template-columns:1fr;gap:3rem;} } #infinity-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1;transition:opacity 2s ease;} main{position:relative;z-index:10;} .yc-sticky-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;position:relative;align-items:start;} .yc-sticky-content{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem;} .yc-sticky-visual{position:sticky;top:100px;width:100%;aspect-ratio:4 \/ 3;border-radius:32px;overflow:hidden;background:var(--panel);border:1px solid var(--panel-strong);} .yc-interactive-cta{position:relative;height:90vh;background:#050505;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:none;} #mobius-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;} .yc-team-section{height:150vh;position:relative;background:inherit;} .yc-team-sticky-wrapper{position:sticky;top:0;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;} .yc-team-intro{position:relative;width:100%;padding:0 5%;display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;z-index:20;pointer-events:none;margin-bottom:4rem;} .yc-team-tag{grid-column:1 \/ -1;display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:600;margin-bottom:1rem;color:#ffffff;font-family:var(--font-primary);} .yc-team-tag::before{content:'';width:8px;height:8px;background:var(--green);border-radius:50%;} .yc-team-heading{font-family:var(--font-primary);font-size:4rem;line-height:1;font-weight:700;color:#ffffff;margin:0;} .yc-team-heading em{font-style:italic;font-weight:400;color:inherit !important;} .yc-team-desc{align-self:end;font-size:1.1rem;line-height:1.6;color:#ffffff;max-width:40ch;font-family:var(--font-primary);} .yc-team-stack{position:relative;width:300px;height:400px;flex-shrink:0;perspective:1000px;} .yc-team-card{position:absolute;top:0;left:50%;width:100%;height:100%;background:transparent !important;box-shadow:none !important;transform-origin:bottom center;transform:translate(-50%,0);transition:transform 0.1s linear;will-change:transform;overflow:visible !important;} .yc-team-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,0.5);} .yc-team-card.yc-allow-flip.is-visible:hover .yc-team-card-inner{transform:rotateY(180deg);} .yc-team-card-front,.yc-team-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;overflow:hidden;top:0;left:0;} .yc-team-card-front{background-color:transparent;z-index:2;} .yc-team-card-back{background-color:#111;color:#ffffff;transform:rotateY(180deg);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 50px rgba(0,0,0,0.5);z-index:1;} .yc-team-card img{width:100%;height:100%;object-fit:cover;} .yc-team-info{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,0.9),transparent);color:#ffffff;font-family:var(--font-primary);font-size:1.5rem;font-weight:700;text-align:center;z-index:10;} .yc-team-desc-name{font-family:var(--font-head);font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;color:#ffffff;} .yc-team-desc-text{font-size:14px;line-height:1.6;color:#ffffff;text-align:left;margin-bottom:2rem;font-family:var(--font-primary);} .yc-team-linkedin-link{position:absolute;bottom:1.5rem;right:1.5rem;display:inline-flex;align-items:center;justify-content:center;color:#ffffff;transition:color 0.2s,transform 0.2s;} .yc-team-linkedin-link:hover{color:#0077b5;transform:scale(1.1);} .yc-team-linkedin-link svg{width:24px;height:24px;fill:currentColor;} .yc-team-logo-card{background:#1d1d1f;z-index:50;display:flex;align-items:center;justify-content:center;border:1px solid #222;} #card-owen{z-index:10;} #card-william{z-index:1;} #card-tygo{z-index:1;} @media (max-width:768px){.yc-team-section{height:auto;padding-bottom:50px;} .yc-team-sticky-wrapper{position:relative;top:auto;height:auto;padding:0;display:block;} .yc-team-intro{grid-template-columns:1fr;gap:2rem;position:relative;top:0;text-align:center;} .yc-team-heading{font-size:2.5rem;} .yc-team-desc{margin:0 auto;max-width:100%;} .yc-team-stack{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:24px;overflow:visible;padding:0;transform:none;margin-top:2rem;} .yc-team-card{position:relative;width:65%;max-width:240px;height:280px;flex-shrink:0;transform:none !important;left:auto;top:auto;margin:0;} .yc-team-card-back{padding:1.25rem;} .yc-team-desc-name{font-size:1.2rem;margin-bottom:0.25rem;} .yc-team-desc-text{font-size:11.5px;line-height:1.4;margin-bottom:0.5rem;} .yc-team-linkedin-link{bottom:1rem;right:1rem;} .yc-team-logo-card{display:none !important;} #card-owen{order:1;} #card-william{order:2;} #card-tygo{order:3;} } .yc-cta-content{position:relative;z-index:2;text-align:center;pointer-events:none;} .yc-cta-content h2{font-size:4rem;margin-bottom:2rem;color:#ffffff;font-family:var(--font-primary);letter-spacing:-0.02em;} .yc-cta-content .yc-btn-primary{pointer-events:auto;font-size:1.2rem;padding:1.2rem 3rem;} .yc-star-cursor{position:absolute;top:0;left:0;width:40px;height:40px;pointer-events:none;z-index:10;transform:translate(-50%,-50%);mix-blend-mode:difference;color:#2DBF3A !important;will-change:transform;} .yc-star-cursor svg{width:100%;height:100%;animation:rotateCursor 10s linear infinite;} @keyframes rotateCursor{from{transform:rotate(0deg);} to{transform:rotate(360deg);} } .yc-services-slider-track{display:flex;width:100%;height:100%;gap:0 !important;margin:0;padding:0;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1);will-change:transform;} .yc-service-slide{width:100%;flex:0 0 100%;height:100%;margin:0;padding:0;border:none;position:relative;} .yc-service-slide img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;} .yc-sticky-image-wrapper{width:100%;height:100%;background-color:var(--panel);border:1px solid var(--panel-strong);border-radius:32px;position:relative;overflow:hidden;} .yc-sticky-image-wrapper:hover img{transform:scale(1.05);} .yc-service-card-new{background:var(--panel);border:1px solid var(--panel-strong);border-radius:24px;padding:3rem;transition:all 0.3s ease;cursor:default;position:relative;overflow:hidden;} .yc-service-card-new:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.4);} .yc-service-card-new::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--green);opacity:0;transition:0.3s;} .yc-service-card-new:hover::before{opacity:1;} .yc-service-num{font-size:0.9rem;color:var(--green);font-family:var(--font-primary);margin-bottom:1rem;display:block;} .yc-service-card-new h3{font-size:2rem;margin-bottom:1rem;font-family:var(--font-primary);color:#ffffff;} .yc-service-card-new p{font-size:1.1rem;color:#ffffff;margin-bottom:2rem;font-family:var(--font-primary);} .yc-service-list-new{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;} .yc-service-list-new li{color:#ffffff;font-size:0.95rem;display:flex;align-items:center;gap:0.5rem;font-family:var(--font-primary);} .yc-service-list-new li::before{content:\"\u2022\";color:var(--green);font-size:1.2rem;} @media (max-width:900px){.yc-sticky-container{grid-template-columns:1fr;} .yc-sticky-visual{display:none;} }:root{--bg-color:#1d1d1f;--card-bg:#1d1d1f;--card-border:0.5px solid rgba(255,255,255,0.26);--text-title:#ffffff;--text-body:rgb(201,201,201);--font-main:'Lato',sans-serif;--font-head:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;--font-primary:var(--font-head);} .framework-section{background-color:transparent;padding:8rem 0 15vh;position:relative;} .framework-header{margin-bottom:5rem;text-align:left;padding-left:0;} .framework-header h2{font-family:var(--font-primary);font-size:3rem;max-width:800px;margin:0;line-height:1.1;color:#ffffff;} .framework-row{display:flex;align-items:center;justify-content:space-between;gap:4rem;margin-bottom:80px;padding:4rem;background:var(--card-bg);border:var(--card-border);border-radius:24px;backdrop-filter:blur(10px);position:sticky;top:15vh;box-shadow:0 -10px 40px rgba(0,0,0,0.5);transform-origin:center top;} .framework-row.reversed{flex-direction:row-reverse;} .framework-row:nth-child(2){position:sticky !important;top:15vh !important;z-index:10 !important;} .framework-row:nth-child(3){position:sticky !important;top:18vh !important;z-index:20 !important;} .framework-row:nth-child(4){position:sticky !important;top:21vh !important;z-index:30 !important;} .framework-row:nth-child(5){position:sticky !important;top:24vh !important;z-index:40 !important;} .framework-row:nth-child(6){position:sticky !important;top:15vh !important;z-index:50 !important;box-shadow:0 -10px 40px rgba(0,0,0,0.8) !important;background-color:#1d1d1f !important;margin-bottom:0 !important;min-height:30vh !important;align-items:center !important;padding-top:10vh !important;padding-bottom:12vh !important;} .row-image{flex:0 0 42%;width:42%;aspect-ratio:16\/10;border-radius:12px;overflow:hidden;position:relative;} .row-image img{width:100%;height:100%;object-fit:contain;transition:transform 0.5s ease;} .framework-row:hover .row-image img{transform:scale(1.05);} .row-content{flex:1;} .row-content h3{font-family:var(--font-primary);font-size:25px;font-weight:700;color:#ffffff;margin-bottom:1rem;} .row-content p{font-family:var(--font-primary);font-size:18px;font-weight:400;color:#ffffff;line-height:1.6;} @media (max-width:768px){.framework-row,.framework-row.reversed{flex-direction:column;text-align:left;gap:2rem;} .row-image{width:100%;aspect-ratio:16\/10;height:auto;} } .c1-wrapper .chart-container{width:100%;height:100%;position:relative;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;} .c1-wrapper .grid-background{position:absolute;top:0;left:0;right:0;bottom:30px;border-top:1px solid rgba(255,255,255,0.05);background:repeating-linear-gradient(to bottom,rgba(255,255,255,0.05) 0,rgba(255,255,255,0.05) 1px,transparent 1px,transparent 25%);z-index:0;} .c1-wrapper .bars-wrapper{display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding-bottom:30px;position:relative;z-index:1;} .c1-wrapper .column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:22%;height:100%;position:relative;} .c1-wrapper .bar-track{position:absolute;top:0;bottom:0;width:100%;background:linear-gradient(to bottom,rgba(90,152,89,0.15),rgba(90,152,89,0.05));border-radius:2px 2px 0 0;} .c1-wrapper .bar-fill{width:100%;background-color:#5a9859;position:relative;transition:height 0.5s ease-out;background:linear-gradient(to bottom,#6ab069,#5a9859);} .c1-wrapper .badge{background-color:white;color:#1d1d1f;padding:4px 8px;border-radius:6px;font-weight:700;font-size:13px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px rgba(0,0,0,0.2);white-space:nowrap;font-family:var(--font-primary);} .c1-wrapper .label{position:absolute;bottom:-30px;color:#ffffff;font-size:12px;font-weight:400;text-align:center;width:100%;letter-spacing:0.5px;font-family:var(--font-primary);} .c2-wrapper .chart-container{width:100%;height:100%;position:relative;box-sizing:border-box;background-color:transparent;padding:15px 10px;display:flex;flex-direction:column;justify-content:flex-end;} .c2-wrapper .grid-lines{position:absolute;top:40px;left:0;right:0;bottom:0;z-index:0;background:repeating-linear-gradient(to bottom,rgba(6,147,227,0.2) 0,rgba(6,147,227,0.2) 1px,transparent 1px,transparent 25%);} .c2-wrapper .bars-wrapper{display:flex;justify-content:space-between;align-items:flex-end;height:100%;width:100%;position:relative;z-index:1;} .c2-wrapper .column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:22%;height:90%;} .c2-wrapper .header{margin-bottom:8px;color:white;display:flex;align-items:center;justify-content:center;height:30px;} .c2-wrapper .google-text{font-size:16px;font-weight:700;letter-spacing:-0.5px;font-family:var(--font-primary);} .c2-wrapper .linkedin-wrapper{font-size:15px;font-weight:700;display:flex;align-items:center;font-family:var(--font-primary);} .c2-wrapper .linkedin-in{background-color:white;color:#011627;border-radius:4px;padding:0px 3px;margin-left:2px;line-height:1.1;font-size:14px;font-family:var(--font-primary);} .c2-wrapper .facebook-text{font-size:16px;font-weight:700;letter-spacing:-0.5px;font-family:var(--font-primary);} .c2-wrapper .microsoft-wrapper{display:flex;align-items:center;gap:4px;} .c2-wrapper .ms-icon{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:12px;height:12px;} .c2-wrapper .ms-dot{background-color:white;width:100%;height:100%;} .c2-wrapper .ms-text{display:flex;flex-direction:column;line-height:1;} .c2-wrapper .ms-brand{font-weight:600;font-size:11px;font-family:var(--font-primary);} .c2-wrapper .ms-sub{font-weight:300;font-size:8px;opacity:0.9;font-family:var(--font-primary);} .c2-wrapper .bar{width:100%;border-top:1px solid rgba(255,255,255,0.1);} .c2-wrapper .bar-google{height:90%;background:linear-gradient(to bottom,#007bff 0%,rgba(1,22,39,0) 100%);} .c2-wrapper .bar-linkedin{height:85%;background:linear-gradient(to bottom,#5c9c5c 0%,rgba(1,22,39,0) 100%);} .c2-wrapper .bar-facebook{height:75%;background:linear-gradient(to bottom,#008080 0%,rgba(1,22,39,0) 100%);} .c2-wrapper .bar-microsoft{height:88%;background:linear-gradient(to bottom,#b89b5e 0%,rgba(1,22,39,0) 100%);} .c3-wrapper .chart-container{width:100%;height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;} .c3-wrapper .row{display:flex;align-items:center;margin-bottom:12px;height:24px;} .c3-wrapper .label-group{display:flex;align-items:center;width:125px;flex-shrink:0;} .c3-wrapper .dot{width:10px;height:10px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px currentColor;flex-shrink:0;} .c3-wrapper .label-text{color:#ffffff;font-size:14px;font-weight:300;letter-spacing:0.5px;font-family:var(--font-primary);} .c3-wrapper .bar-container{flex-grow:1;height:100%;position:relative;} .c3-wrapper .bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:white;font-weight:500;font-size:12px;font-family:var(--font-primary);} .c3-wrapper .row-1 .dot{background-color:#0d8387;color:#0d8387;} .c3-wrapper .row-1 .bar{width:100%;background:linear-gradient(90deg,rgba(13,131,135,0.1) 0%,rgba(13,131,135,1) 100%);} .c3-wrapper .row-2 .dot{background-color:#00a57c;color:#00a57c;} .c3-wrapper .row-2 .bar{width:80%;background:linear-gradient(90deg,rgba(0,165,124,0.1) 0%,rgba(0,165,124,1) 100%);} .c3-wrapper .row-3 .dot{background-color:#7acc73;color:#7acc73;} .c3-wrapper .row-3 .bar{width:44%;background:linear-gradient(90deg,rgba(122,204,115,0.1) 0%,rgba(122,204,115,1) 100%);} .c3-wrapper .row-4 .dot{background-color:#63eac0;color:#63eac0;} .c3-wrapper .row-4 .bar{width:34%;background:linear-gradient(90deg,rgba(99,234,192,0.1) 0%,rgba(99,234,192,1) 100%);} .c3-wrapper .row-5 .dot{background-color:#0084ff;color:#0084ff;} .c3-wrapper .row-5 .bar{width:29%;background:linear-gradient(90deg,rgba(0,132,255,0.1) 0%,rgba(0,132,255,1) 100%);} .framework-row .row-content,.framework-row .row-image{opacity:0;transform:translateY(30px);transition:opacity 0.35s ease-out,transform 0.35s ease-out;will-change:opacity,transform;} .framework-row.visible .row-content,.framework-row.visible .row-image{opacity:1;transform:translateY(0);} .framework-row:not(.reversed).visible .row-image{transition-delay:0.08s;} .framework-row.reversed.visible .row-content{transition-delay:0.08s;} .c5-wrapper .chart-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(29,29,31,1);} .c5-wrapper .legend{display:flex;justify-content:center;gap:20px;margin-bottom:20px;width:100%;} .c5-wrapper .legend-item{color:#ffffff;font-size:14px;display:flex;align-items:center;gap:8px;font-weight:400;font-family:var(--font-primary);} .c5-wrapper .pill{width:30px;height:6px;border-radius:10px;} .c5-wrapper .pill-green{background-color:#7ce68a;} .c5-wrapper .pill-blue{background-color:#0084ff;} .c5-wrapper .chart-box{position:relative;width:90%;height:60%;border-left:1px solid rgba(0,229,255,0.2);border-bottom:1px solid rgba(0,229,255,0.2);background-image:linear-gradient(90deg,rgba(0,229,255,0.1) 1px,transparent 1px),linear-gradient(rgba(0,229,255,0.1) 1px,transparent 1px);background-size:25% 33%;} .c5-wrapper svg{width:100%;height:100%;overflow:visible;} .c5-wrapper .line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6;vector-effect:non-scaling-stroke;} .c5-wrapper .blue{stroke:#0084ff;filter:drop-shadow(0 0 8px rgba(0,132,255,0.6));} .c5-wrapper .green{stroke:#7ce68a;filter:drop-shadow(0 0 10px rgba(124,230,138,0.7));} .c5-wrapper .dot{fill:#9fffad;filter:drop-shadow(0 0 15px #7ce68a);}<\/style><style>.yc-dashboard-section{--db-bg:#030e1a;--db-text-white:#ffffff;--db-text-gray:#9ca3af;--db-border:rgba(255,255,255,0.1);--col-google:#0073e6;--col-linkedin:#5d9e5d;--col-bing:#cfa058;--col-facebook:#008080;width:100%;max-width:100%;margin:0 auto;padding:4rem 20px;font-family:var(--font-primary);color:var(--db-text-white);} .yc-db-card{background:#1d1d1f;border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:3rem;margin-bottom:2rem;position:relative;z-index:2;} .yc-db-header{text-align:left;margin-bottom:40px;} .yc-db-header h2{font-size:48px;font-weight:600;margin:0 0 16px 0;color:#ffffff;max-width:700px;font-family:var(--font-primary);} .yc-db-header p{font-size:16px;line-height:1.5;color:#ffffff;margin:0;max-width:650px;font-family:var(--font-primary);} .yc-db-legend{display:flex;justify-content:flex-start;gap:30px;margin-bottom:40px;font-size:14px;color:#ffffff;font-family:var(--font-primary);} .yc-db-legend-item{display:flex;align-items:center;gap:8px;} .yc-db-dot{width:10px;height:10px;border-radius:2px;} .yc-db-chart-section{display:flex;justify-content:space-between;align-items:flex-end;height:280px;padding:0 20px;margin-bottom:20px;} .yc-db-chart-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:23%;height:100%;} .yc-db-bars-container{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:220px;background:linear-gradient(to right,rgba(0,115,230,0.15) 0%,rgba(0,115,230,0.15) 22%,transparent 22%,transparent 26%,rgba(93,158,93,0.15) 26%,rgba(93,158,93,0.15) 48%,transparent 48%,transparent 52%,rgba(207,160,88,0.15) 52%,rgba(207,160,88,0.15) 74%,transparent 74%,transparent 78%,rgba(0,128,128,0.15) 78%,rgba(0,128,128,0.15) 100%);border-radius:4px 4px 0 0;position:relative;} .yc-db-bar-col{width:22%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;transition:height 0.5s ease;} .yc-db-bar-val{background-color:white;color:#000;font-size:11px;font-weight:700;padding:2px 4px;border-radius:3px;margin-bottom:6px;font-family:var(--font-primary);} .yc-db-bar{width:100%;border-radius:2px 2px 0 0;position:relative;} .yc-db-bar::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.1) 100%);pointer-events:none;} .yc-db-group-label{margin-top:15px;font-size:13px;color:#ffffff;border-top:1px solid var(--db-border);width:100%;text-align:center;padding-top:10px;white-space:nowrap;font-family:var(--font-primary);} .yc-db-table-section{width:100%;border-top:1px solid var(--db-border);} .yc-db-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font-primary);} .yc-db-table th{color:#ffffff;font-weight:500;padding:15px 10px;text-align:center;border-bottom:1px solid var(--db-border);} .yc-db-table td{padding:15px 10px;text-align:center;border-bottom:1px solid var(--db-border);color:#ffffff;} .yc-db-table th.th-left,.yc-db-table td.td-left{text-align:left;} .yc-db-table td.td-left{display:flex;align-items:center;gap:10px;} .c-google{background-color:var(--col-google);} .c-linkedin{background-color:var(--col-linkedin);} .c-bing{background-color:var(--col-bing);} .c-facebook{background-color:var(--col-facebook);} .yc-db-mobile-cards{display:none;flex-direction:column;gap:16px;margin-top:20px;} .yc-mobile-card{background:#1d1d1f;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;} .yc-mobile-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08);} .yc-mobile-card-title{font-weight:700;color:#ffffff;font-size:16px;font-family:var(--font-primary);} .yc-mobile-metric-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#ffffff;font-family:var(--font-primary);} .yc-mobile-metric-row strong{color:#ffffff;} .yc-mobile-metric-row.secondary{font-size:13px;opacity:0.9;} .yc-mobile-card-toggle{background:transparent !important;border:none !important;box-shadow:none !important;color:#2DBF3A;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0 0;width:100%;text-align:left;margin-top:8px;font-family:var(--font-primary);} .yc-mobile-card-toggle.active{color:#fff;} .yc-mobile-card-details{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.1);animation:fadeIn 0.3s ease;} @media (max-width:768px){.yc-db-header h2{font-size:28px;line-height:1.2;} .yc-db-card{padding:1.5rem;overflow:hidden;} .yc-db-legend{flex-wrap:wrap;gap:15px;margin-bottom:2rem;} .yc-db-legend-item{font-size:13px;width:45%;} .yc-db-chart-section{overflow-x:auto;justify-content:flex-start;gap:16px;padding-bottom:20px;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;} .yc-db-chart-group{min-width:85vw;scroll-snap-align:center;flex-shrink:0;} .yc-db-bar-col{width:22%;} .yc-db-bar-val{font-size:10px;padding:2px 3px;} .yc-db-table-section{display:none !important;} .yc-db-mobile-cards{display:flex;} } .yc-ab-container{display:flex;gap:15px;justify-content:center;width:100%;height:100%;align-items:center;transform:scale(0.80);transform-origin:center center;} .yc-ab-card-wrapper{display:flex;flex-direction:column;align-items:center;width:48%;max-width:260px;} .yc-ab-percentage{font-size:28px;font-weight:600;color:#ffffff;margin-bottom:10px;font-family:var(--font-primary);} .yc-ab-window-frame{background-color:#161b22;width:100%;border-radius:8px;padding:12px;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,0.3);display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,0.1);} .yc-ab-dots{display:flex;gap:5px;} .yc-ab-dot{width:5px;height:5px;border-radius:50%;background-color:#444c56;} .yc-ab-chart-area{display:flex;height:110px;gap:8px;background-color:#0d1117;border-radius:6px;padding:10px 8px;position:relative;} .yc-ab-y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#ffffff;font-size:8px;padding-bottom:2px;font-family:var(--font-primary);} .yc-ab-bars-container{flex-grow:1;display:flex;align-items:flex-end;justify-content:space-between;position:relative;} .yc-ab-grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:0;} .yc-ab-line{width:100%;height:1px;border-top:1px dashed #30363d;} .yc-ab-bar-col{width:12%;height:100%;position:relative;z-index:1;display:flex;align-items:flex-end;} .yc-ab-ghost{position:absolute;bottom:0;width:100%;background-color:#2d333b;border-radius:2px;} .yc-ab-fill{position:absolute;bottom:0;width:100%;border-radius:2px;transition:height 0.3s ease;} .yc-ab-stats-row{display:flex;gap:10px;height:50px;} .yc-ab-progress-group{flex:2;display:flex;flex-direction:column;justify-content:center;gap:6px;background-color:#0d1117;border-radius:6px;padding:8px;} .yc-ab-progress-track{height:5px;width:100%;background-color:#30363d;border-radius:3px;} .yc-ab-progress-bar{height:100%;border-radius:3px;} .yc-ab-grid-group{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;} .yc-ab-square{background-color:#30363d;border-radius:3px;} .yc-ab-footer-btn{height:50px;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:white;font-family:var(--font-primary);} .yc-ab-theme-a .yc-ab-fill,.yc-ab-theme-a .yc-ab-progress-bar,.yc-ab-theme-a .yc-ab-footer-btn{background-color:#84c98b;} .yc-ab-theme-a .yc-ab-footer-btn{color:#0d1117;} .yc-ab-theme-b .yc-ab-fill,.yc-ab-theme-b .yc-ab-progress-bar,.yc-ab-theme-b .yc-ab-footer-btn{background-color:#f6ad55;} .yc-ab-theme-b .yc-ab-footer-btn{color:#0d1117;} .yc-db-bar,.yc-db-bar-col,.yc-db-chart-group,tr,td,th{transition:all 0.3s ease;} .yc-db-card:not(.animate-in) .yc-db-bar{height:0% !important;} .yc-db-card:not(.animate-in) .yc-db-table-section{opacity:0;transform:translateY(20px);} .yc-db-card.animate-in .yc-db-bar{transition:height 1.2s cubic-bezier(0.22,1,0.36,1);} .yc-db-card.animate-in .yc-db-table-section{opacity:1;transform:translateY(0);transition:opacity 0.8s ease 0.4s,transform 0.8s ease 0.4s;} .yc-db-container.has-hover .yc-db-bar,.yc-db-container.has-hover .yc-db-bar,.yc-db-container.has-hover tbody tr,.yc-db-container.has-hover thead th{opacity:0.4;} .yc-db-container.has-hover .yc-db-bar.is-highlighted,.yc-db-container.has-hover tbody tr.is-highlighted,.yc-db-container.has-hover tbody tr:hover,.yc-db-container.has-hover thead th.is-highlighted,.yc-db-container.has-hover thead th:hover,.yc-db-container.has-hover .yc-db-chart-group.is-highlighted .yc-db-bar{opacity:1 !important;filter:none !important;} .yc-db-container.has-hover .yc-db-chart-group.is-highlighted{opacity:1 !important;} tr.is-highlighted{background-color:rgba(255,255,255,0.05);border-radius:4px;}<\/style><style>.yc-growth-section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background:transparent;position:relative;margin-top:104px;background:#1d1d1f !important;z-index:5;} .yc-growth-layout{width:100%;max-width:1400px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;position:relative;} .yc-growth-col-left{width:45%;z-index:2;} .yc-growth-col-right{width:50%;height:600px;display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:1;overflow:visible;} .yc-growth-copy h2{font-family:var(--font-primary);font-weight:700;font-size:48px;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-0.02em;color:#ffffff;} .yc-growth-copy p{font-size:16px;color:#ffffff;line-height:1.6;margin:0;max-width:40ch;font-family:var(--font-primary);} .yc-growth-stack{width:500px;height:350px;position:absolute;right:0;top:50%;transform:translate(0,-50%) perspective(1000px);margin-right:20%;} @media (max-width:900px){.yc-growth-section{margin-top:0 !important;height:auto;padding:4rem 0;} } .yc-growth-card{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:24px;background:radial-gradient(circle at top right,#1f1f22,#141416);border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 40px rgba(0,0,0,0.4);padding:3rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;transition:none !important;} .yc-growth-watermark{position:absolute;top:-30px;left:10px;font-size:10rem;font-weight:700;font-family:var(--font-primary);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,0.05);z-index:0;line-height:1;opacity:0.5;pointer-events:none;} .yc-toolstack{width:100%;padding:60px 0;background:transparent;overflow:hidden;display:flex;flex-direction:column;position:relative;margin-top:50px;} .yc-toolstack-header{margin-bottom:40px;z-index:3;position:relative;} .yc-toolstack-header h3{font-size:24px;color:#ffffff;margin-bottom:8px;font-weight:600;font-family:var(--font-primary);} .yc-toolstack-header p{font-size:16px;color:#ffffff;margin:0;font-family:var(--font-primary);} .yc-toolstack::before,.yc-toolstack::after{content:\"\";position:absolute;top:0;width:15rem;height:100%;z-index:2;pointer-events:none;} .yc-toolstack::before{left:0;background:linear-gradient(to right,#1d1d1f 0%,transparent 100%);} .yc-toolstack::after{right:0;background:linear-gradient(to left,#1d1d1f 0%,transparent 100%);} .yc-toolstack-track{display:flex;gap:60px;width:max-content;animation:marquee 40s linear infinite;will-change:transform;align-items:center;} .yc-toolstack-track:hover{animation-play-state:paused;} .yc-logo-item{display:flex;align-items:center;justify-content:center;filter:grayscale(1) brightness(0) invert(1);opacity:0.6;transition:filter 0.3s ease,transform 0.3s ease,opacity 0.3s ease;position:relative;} .yc-tooltip{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(20,20,20,0.95);border:1px solid rgba(255,255,255,0.15);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.23,1,0.32,1);pointer-events:none;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.5);font-family:var(--font-primary);text-align:center;margin-top:1rem;} .yc-logo-item:hover .yc-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);} .yc-logo-item:hover{filter:grayscale(0) brightness(1) invert(0);opacity:1;transform:scale(1.1);} .yc-arr-section{width:100%;padding:80px 0;position:relative;} .yc-arr-chart-wrapper{width:1250px;max-width:100%;overflow-x:auto;margin:0 auto;position:relative;} .yc-arr-chart-label{font-size:20px;color:#ffffff;margin-bottom:20px;font-weight:400;text-align:left;font-family:var(--font-primary);} .yc-arr-chart-box{position:relative;width:100%;height:350px;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0) 100%);border-radius:12px;overflow:hidden;} .yc-arr-chart-box svg{width:100%;height:100%;overflow:visible;transition:transform 0.4s ease;} .yc-arr-chart-box:hover{transform:scale(1.02);box-shadow:0 10px 40px -10px rgba(124,230,138,0.1);border-color:rgba(124,230,138,0.3);transition:all 0.4s ease;} .yc-arr-chart-box:hover .yc-arr-line-stroke{filter:drop-shadow(0 0 8px rgba(124,230,138,0.6));} .yc-arr-chart-box:hover .yc-arr-area-fill{opacity:0.9;} .yc-arr-chart-box:hover .yc-arr-grid-line{opacity:0.3;} .yc-arr-chart-box:hover .yc-arr-chart-dot{r:6;transition:r 0.3s ease;} .yc-arr-grid-line{stroke:rgba(255,255,255,0.15);stroke-width:1;transition:opacity 0.3s ease;} .yc-arr-area-fill{fill:url(#greenGradient);opacity:0.8;transition:opacity 0.3s ease;} .yc-arr-line-stroke{fill:none;stroke:#7ce68a;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:filter 0.3s ease;} .yc-arr-chart-dot{fill:#a3ffb0;stroke:#7ce68a;stroke-width:0;opacity:0.8;transition:r 0.3s ease;} .yc-arr-end-dot{fill:#ffffff;filter:drop-shadow(0 0 8px #7ce68a) drop-shadow(0 0 15px #7ce68a);} .yc-faq-header{margin-bottom:40px;} .yc-accordion{width:100%;max-width:800px;display:flex;flex-direction:column;gap:16px;} .yc-accordion-item{background:#252527 !important;border:1px solid rgba(255,255,255,0.05) !important;border-radius:12px;overflow:hidden;transition:background 0.3s ease,border-color 0.3s ease;} .yc-accordion-item:hover{border-color:rgba(124,230,138,0.3) !important;background:#2a2a2c !important;} .yc-accordion-item.active{background:#2a2a2c !important;border-color:rgba(124,230,138,0.5) !important;} .yc-accordion-inner{color:#ffffff;line-height:1.6;font-family:var(--font-primary);} .yc-accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;color:#fff;font-size:16px;font-weight:500;text-align:left;cursor:pointer;background:transparent !important;color:#ffffff !important;font-family:var(--font-primary);} .yc-accordion-trigger:hover{} .yc-accordion-icon{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:rgba(124,230,138,0.1) !important;color:#7ce68a !important;border-radius:6px;transition:transform 0.4s ease,background 0.3s ease,color 0.3s ease;} .yc-accordion-item.active .yc-accordion-icon{background:#7ce68a !important;color:#000 !important;transform:rotate(45deg);} .yc-accordion-trigger:hover .yc-accordion-icon{opacity:1;} .yc-accordion-content{height:0;overflow:hidden;} .yc-accordion-inner{padding-bottom:24px;color:#ffffff;line-height:1.6;max-width:65ch;} .yc-arr-stats-row{display:flex;justify-content:flex-end;padding-top:30px;padding-right:20px;gap:60px;} @media(max-width:768px){.yc-arr-stats-row{flex-wrap:wrap;gap:30px;justify-content:center;} } .yc-arr-stat-item{display:flex;flex-direction:column;align-items:flex-start;} .yc-arr-stat-value{color:#7ce68a;font-size:18px;font-weight:600;margin-bottom:5px;font-family:var(--font-primary);} .yc-arr-stat-label{color:#ffffff;font-size:14px;font-family:var(--font-primary);} .yc-logo-item img{width:130px;height:auto;object-fit:contain;} .yc-logo-item img[src*=\"Google-Business-Profile\"]{width:170px !important;} .yc-logo-item img[src*=\"Google-Search-Console\"]{width:170px !important;} .yc-logo-item img[src*=\"Google-tag-manager\"]{width:160px !important;} .yc-logo-item img[src*=\"Google-analytics\"]{width:110px !important;} .yc-logo-item img[src*=\"2824a11d9198a5496ce63652f57d3bb9\"]{width:104px !important;} .yc-logo-item img[src*=\"Ontwerp_zonder\"]{width:77px !important;height:77px !important;} @keyframes marquee{0%{transform:translateX(0);} 100%{transform:translateX(-50%);} } .yc-growth-icon{position:absolute;top:2rem;right:2rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border-radius:16px;border:1px solid rgba(255,255,255,0.05);z-index:1;} .yc-growth-icon svg{width:32px;height:32px;stroke:#fff;stroke-width:1.5;transition:stroke 0.3s ease;} .yc-growth-card.active .yc-growth-watermark{-webkit-text-stroke-color:rgba(45,191,58,0.2);opacity:1;} .yc-growth-card.active .yc-growth-icon{background:rgba(45,191,58,0.1);border-color:rgba(45,191,58,0.3);} .yc-growth-card.active .yc-growth-icon svg{stroke:#2DBF3A;} .yc-growth-card h3{position:relative;z-index:2;font-family:var(--font-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:auto;color:#ffffff;} .yc-growth-card p{position:relative;z-index:2;font-size:1rem;line-height:1.6;color:#ffffff;margin:0;font-family:var(--font-primary);} @media (max-width:900px){.yc-growth-section{height:auto;min-height:100vh;padding:5vh 0;} .yc-growth-layout{flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;} .yc-growth-col-left,.yc-growth-col-right{width:100%;justify-content:flex-start;} .yc-growth-col-left{margin-bottom:0;padding-left:0;padding-right:0;} .yc-growth-copy h2,.yc-growth-copy p{text-align:left;margin-left:0;} .yc-growth-col-right{justify-content:center;margin-top:2rem;} .yc-growth-stack{width:90vw;max-width:400px;position:relative;top:auto;right:auto;transform:none;margin:0 auto;height:400px;} .yc-growth-card{position:absolute;transform-style:flat !important;rotate:0deg !important;} .yc-growth-watermark,.yc-growth-icon svg{transform:none !important;rotate:0deg !important;} } .yc-carousel-controls{display:none;} @media (max-width:900px){.yc-carousel-controls{display:flex;position:absolute;top:25%;left:0;width:100%;justify-content:space-between;padding:0 0.5rem;pointer-events:none;z-index:999;transform:translateY(-50%);} .yc-carousel-controls button{pointer-events:auto;background:transparent;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff !important;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.8));cursor:pointer;} .yc-carousel-controls button svg{width:32px;height:32px;stroke-width:3;} @media (max-width:768px){#services{padding-bottom:4rem !important;} #performance-dashboard{padding-top:4rem !important;} } } .yc-carousel-controls button{pointer-events:auto;background:transparent;border:none;border-radius:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));cursor:pointer;transition:transform 0.2s ease;} .yc-carousel-controls button:active{background:#2DBF3A;}<\/style><\/head><body><div class=\"yc-dark\"><div id=\"scroll-progress\"><\/div>\n<canvas id=\"infinity-bg\"><\/canvas><main><section class=\"hero\" style=\"padding-bottom: 8rem; background: transparent; position: relative; z-index: 20;\"><canvas id=\"particle-canvas\"><\/canvas><div class=\"hero-content\"><h1 class=\"hero-title\">Google Bedrijfsprofiel door YouthCommerce<\/h1><p class=\"hero-desc\" style=\"font-size: 16px; color: var(--muted); margin-bottom: 2.5rem; max-width: 60ch; margin-left: auto; margin-right: auto; font-family: var(--font-primary);\"> Google Bedrijfsprofiel is de snelste route naar zichtbaarheid in Google Maps en Google Search voor lokale intentie. Wij claimen, verifi\u00ebren, vullen aan en beheren jouw profiel zodat NAP, categorie\u00ebn, diensten, foto\u2019s, posts en reviews kloppen, presteren en converteren. <\/p><div class=\"yc-hero-actions\" style=\"margin-bottom: 3rem; display: flex; justify-content: center; gap: 1rem;\"><a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"hero-cta-button\" style=\"display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; padding: 1.125rem 1.25rem; border-radius: 8px; font-weight: 600; font-size: 1rem; font-family: var(--font-primary); background: #2DBF3A; color: #ffffff; transition: transform 0.2s ease;\"> Strategiegesprek <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"M12 5l7 7-7 7\"><\/path><\/svg><\/a><a href=\"https:\/\/youthcommerce.nl\/intake\" class=\"hero-cta-button\" style=\"display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; padding: 1.125rem 1.25rem; border-radius: 8px; font-weight: 600; font-size: 1rem; font-family: var(--font-primary); background: #ffffff; color: #000000; transition: transform 0.2s ease;\"> Verkennen <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"M12 5l7 7-7 7\"><\/path><\/svg><\/a><\/div><div class=\"hero-trust-badges\"><a href=\"https:\/\/nl.trustpilot.com\/review\/youthcommerce.nl\" target=\"_blank\" rel=\"nofollow noopener\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/12\/Ontwerp-zonder-titel-18-e1765524152909.png?strip=all&w=1920\" alt=\"Trustpilot\"><\/a><a href=\"https:\/\/clutch.co\/profile\/youthcommerce\" target=\"_blank\" rel=\"nofollow noopener\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/09\/Clutch-reviews.png?strip=all&w=1920\" alt=\"Clutch\"><\/a><a href=\"https:\/\/maps.app.goo.gl\/J6CK7T9HPqfE459v8\" target=\"_blank\" rel=\"nofollow noopener\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/07\/Google-Review-Logo-500x281-1.png?strip=all&w=1920\" alt=\"Google Review\"><\/a><\/div><\/div><div class=\"moon-divider\" style=\"position: absolute; bottom: -1px; left: 0; width: 100%; height: 81px; pointer-events: none; z-index: 25;\"><svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" style=\"display: block; width: 100%; height: 82px;\"><defs><linearGradient id=\"moon-glow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/><stop offset=\"10%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/><stop offset=\"50%\" style=\"stop-color: #F89200; stop-opacity: 1\" \/><stop offset=\"90%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/><stop offset=\"100%\" style=\"stop-color: #1d1d1f; stop-opacity: 0\" \/><\/linearGradient><\/defs><path d=\"M0,120 L0,120 Q600,30 1200,120 L1200,120 Z\" style=\"fill: #1d1d1f;\"><\/path><path d=\"M0,120 Q600,30 1200,120\" style=\"fill: none; stroke: url(#moon-glow); stroke-width: 2px; filter: drop-shadow(0 -4px 10px rgba(248, 146, 0, 0.6));\"><\/path><\/svg><\/div><\/section><div class=\"yc-container\"><section class=\"yc-section yc-scroll-anim\"><div class=\"yc-container\"><div style=\"margin-bottom: 3rem; text-align: left;\"><h2 style=\"margin-bottom: 1.5rem; font-family: var(--font-primary); color: #ffffff;\">5 Highlights on Google Bedrijfsprofiel<\/h2><div class=\"yc-highlight-container\"><p style=\"color: #ffffff; max-width: 800px; margin-bottom: 1.5rem; font-family: var(--font-primary); font-size: 16px;\"> Google Bedrijfsprofiel is onze kernservice voor lokale groei met meetbaar resultaat. <\/p><\/div><\/div><div class=\"yc-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\"><div class=\"yc-card\"><div style=\"margin-bottom: 1.5rem; width: 48px; height: 48px; background: rgba(45, 191, 58, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div><h3 style=\"font-size: 1.1rem; margin-bottom: 1rem; color: #ffffff; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--font-primary);\"> Local Pack en Local Finder<\/h3><p style=\"font-size: 0.95rem; font-family: var(--font-primary); color: #ffffff;\">We richten primaire en secundaire categorie\u00ebn goed in, voegen justifications toe via diensten en posts, en sturen op relevantie en prominentie.<\/p><\/div><div class=\"yc-card\"><div style=\"margin-bottom: 1.5rem; width: 48px; height: 48px; background: rgba(45, 191, 58, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg><\/div><h3 style=\"font-size: 1.1rem; margin-bottom: 1rem; color: #ffffff; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--font-primary);\"> Reviews en Q&A<\/h3><p style=\"font-size: 0.95rem; font-family: var(--font-primary); color: #ffffff;\">We activeren een reviewstrategie, reageren als eigenaar, taggen thema\u2019s, detecteren spam en vragen verwijdering of redressal bij fraude.<\/p><\/div><div class=\"yc-card\"><div style=\"margin-bottom: 1.5rem; width: 48px; height: 48px; background: rgba(45, 191, 58, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\" stroke-width=\"2\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg><\/div><h3 style=\"font-size: 1.1rem; margin-bottom: 1rem; color: #ffffff; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--font-primary);\"> Content en assets<\/h3><p style=\"font-size: 0.95rem; font-family: var(--font-primary); color: #ffffff;\">We produceren Local Posts, aanbiedingen, events, services en product highlights; we uploaden logo, cover, foto\u2019s en korte video\u2019s met geotags en captions.<\/p><\/div><div class=\"yc-card\"><div style=\"margin-bottom: 1.5rem; width: 48px; height: 48px; background: rgba(45, 191, 58, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path><\/svg><\/div><h3 style=\"font-size: 1.1rem; margin-bottom: 1rem; color: #ffffff; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--font-primary);\"> Tracking en attributie<\/h3><p style=\"font-size: 0.95rem; font-family: var(--font-primary); color: #ffffff;\">We zetten UTM op website, menu, booking en appointment URL\u2019s, koppelen GA4 en Tag Manager, en rapporteren clicks, calls, routeverzoeken en conversies.<\/p><\/div><div class=\"yc-card\"><div style=\"margin-bottom: 1.5rem; width: 48px; height: 48px; background: rgba(45, 191, 58, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center;\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2DBF3A\" stroke-width=\"2\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line><\/svg><\/div><h3 style=\"font-size: 1.1rem; margin-bottom: 1rem; color: #ffffff; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--font-primary);\"> Compliance en herstel<\/h3><p style=\"font-size: 0.95rem; font-family: var(--font-primary); color: #ffffff;\">We bewaken Guidelines, voorkomen keyword stuffing, behandelen duplicaten, voeren merges uit, ondersteunen bij suspensions en vragen reinstatement aan.<\/p><\/div><\/div><\/div><style>.yc-grid .yc-card{background:#1d1d1f !important;border:1px solid rgba(255,255,255,0.1) !important;padding:2rem !important;border-radius:12px !important;opacity:1 !important;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s ease;} .yc-grid .yc-card h3{color:#fff !important;font-weight:600 !important;} .yc-grid .yc-card p{color:#ffffff !important;font-size:1rem !important;} .yc-grid .yc-card::before{content:'';position:absolute;border-radius:12px !important;padding:1.5px 1.5px 1.5px 4px !important;background:linear-gradient(135deg,var(--green),rgba(45,191,58,0.2)) !important;inset:-1px !important;z-index:1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;} .yc-grid .yc-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.2) !important;}<\/style><\/section><style>.yc-comp-section{padding:8rem 0;background:transparent;} .yc-comp-header{text-align:center;margin-bottom:4rem;} .yc-comp-header h2{font-family:var(--font-primary);font-size:var(--h2-size);line-height:1.1;color:white;} h1,h2,h3,h4{font-family:var(--font-primary);font-weight:700;color:#fff;line-height:1.1;} h2{font-size:var(--h2-size);} h3{font-size:var(--h3-size);} p,li{font-size:var(--text-size);} .yc-comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto 4rem auto;} .yc-comp-card{background:rgba(255,255,255,0.02);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:2rem;display:flex;flex-direction:column;height:100%;transition:transform 0.3s ease,border-color 0.3s ease;} .yc-comp-card.is-positive{border-color:rgba(45,191,58,0.2);box-shadow:0 20px 40px -10px rgba(45,191,58,0.1);} .yc-comp-card.is-negative{border-color:rgba(239,68,68,0.15);} .yc-comp-card-header{margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1rem;} .yc-comp-card-title{font-family:var(--font-primary);font-weight:700;font-size:1.25rem;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:0.5rem;display:block;} .is-positive .yc-comp-card-title{color:#2DBF3A;} .is-negative .yc-comp-card-title{color:#EF4444;} .yc-comp-card-subtitle{font-size:0.9rem;color:#ffffff;font-weight:500;font-family:var(--font-primary);} .yc-comp-list{display:flex;flex-direction:column;gap:0.5rem;list-style:none;padding:0;margin:0;} .yc-comp-item{display:flex;align-items:center;gap:0.75rem;} .yc-comp-icon{flex-shrink:0;width:20px;height:20px;margin-top:0;} .is-positive .yc-comp-icon{color:#2DBF3A !important;} .is-negative .yc-comp-icon{color:#EF4444 !important;} .yc-comp-text strong{display:block;color:white;font-size:1rem;margin-bottom:0.25rem;font-family:var(--font-primary);} .yc-comp-text p{color:#ffffff;font-size:0.9rem;margin:0;line-height:1.5;font-family:var(--font-primary);} .yc-comp-footer{text-align:center;} .yc-comp-micro{margin-top:1.5rem;color:#ffffff;font-size:0.9rem;line-height:1.6;font-family:var(--font-primary);} .yc-comp-section,.yc-comp-section h2,.yc-comp-card-title,.yc-comp-text,.yc-comp-description{font-family:var(--font-primary) !important;} .yc-comp-header{text-align:left;margin-bottom:3rem;max-width:800px;} .yc-comp-header h2{font-weight:700;font-size:2.5rem;line-height:1.1;margin-bottom:1rem;color:white;} .yc-comp-description{font-size:1.125rem;color:#ffffff;line-height:1.6;max-width:600px;margin:0;} .yc-comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;} @media (max-width:900px){.yc-comp-grid{grid-template-columns:1fr;} .yc-comp-header h2{font-size:2.25rem;} } .yc-comp-card{opacity:0;transform:translateY(30px);will-change:opacity,transform;transition:opacity 0.6s ease-out,transform 0.6s ease-out;} .yc-comp-card.is-visible{opacity:1;transform:translateY(0);} .yc-comp-list{display:flex;flex-direction:column;gap:0.5rem;list-style:none;padding:0;margin:0;} .yc-comp-item{display:flex;align-items:center;gap:0.75rem;opacity:0;transform:translateY(15px);will-change:opacity,transform;transition:opacity 0.5s ease-out,transform 0.5s ease-out,background-color 0.2s,transform 0.2s;padding:0.5rem;border-radius:8px;} .yc-comp-item.is-visible{opacity:1;transform:translateY(0);} .yc-comp-item.is-hovered{background-color:rgba(255,255,255,0.03);transform:scale(1.02);} .yc-comp-item.is-hovered .yc-comp-icon{animation:yc-pulse 0.6s ease-in-out infinite;} .yc-comp-item.is-dimmed{opacity:0.3;filter:blur(0.5px);} @keyframes yc-pulse{0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} } .yc-draw-path{stroke-dasharray:60;stroke-dashoffset:60;opacity:0.5;} .is-positive .yc-comp-item.is-visible .yc-draw-path{animation:drawStroke 0.8s ease-out forwards;opacity:1;} @keyframes drawStroke{to{stroke-dashoffset:0;} } .is-negative .yc-comp-item .yc-comp-icon{opacity:0;transform:scale(0.5);transition:opacity 0.4s cubic-bezier(0.175,0.885,0.32,1.275),transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);} .is-negative .yc-comp-item.is-visible .yc-comp-icon{opacity:1;transform:scale(1);}<\/style><style>.yc-split-section{padding:4rem 0;position:relative;} .yc-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;} @media (max-width:900px){.yc-split-grid{grid-template-columns:1fr;gap:2rem;} .solution-layout .yc-split-image{order:-1;} } .yc-split-content{display:flex;flex-direction:column;gap:1.5rem;} .yc-split-image{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;min-height:400px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);font-family:var(--font-primary);font-weight:600;} .yc-list-item{display:flex;gap:1rem;align-items:flex-start;} .yc-list-icon{flex-shrink:0;width:24px;height:24px;color:#2DBF3A;} .yc-list-icon.negative{color:#ef4444;} .yc-list-text h4{font-size:1.1rem;color:#fff;margin:0 0 0.25rem 0;font-family:var(--font-primary);} .yc-list-text p{font-size:0.95rem;color:#ccc;margin:0;line-height:1.5;font-family:var(--font-primary);} .yc-chart-wrapper{width:100%;position:relative;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:2rem;box-sizing:border-box;overflow:hidden;} .yc-chart-container{width:100%;display:block;position:relative;} .yc-chart-container svg{width:100%;height:auto;display:block;} .yc-chart-title{color:#6b7280;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-family:var(--font-primary);} .axis-text{font-size:12px;fill:#9ca3af;font-weight:bold;} .line-grey{fill:none;stroke:#374151;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;} .line-green{fill:none;stroke:#4ade80;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;} .area-grey{fill:#1f2937;opacity:0.3;} .area-green{fill:url(#greenGradient);opacity:0.2;} .dot{fill:#1d1d1f;stroke-width:3;r:5;} .dot-grey{stroke:#374151;} .dot-green{stroke:#4ade80;} .start-line{stroke:rgba(255,255,255,0.2);stroke-width:1;stroke-dasharray:4;} .start-label{fill:#ffffff;font-size:12px;font-weight:bold;letter-spacing:1px;text-anchor:middle;font-family:var(--font-primary);} .logo-bg{fill:#ffffff;}<\/style><section class=\"yc-section yc-split-section\" id=\"comparison-solution\" style=\"border-bottom: none;\"><div class=\"yc-container\"><div style=\"margin-bottom: 3rem; text-align: left;\"><h2 style=\"margin-bottom: 1.5rem; font-family: var(--font-primary); color: #ffffff;\">Waarom Kiezen Voor YouthCommerce met Google Bedrijfsprofiel<\/h2><div class=\"yc-highlight-container\"><p style=\"color: #ffffff; max-width: 800px; margin-bottom: 1.5rem; font-family: var(--font-primary); font-size: 16px;\"> Google Bedrijfsprofiel is bij YouthCommerce een volledig beheerde dienst met focus op lokale leadgeneratie. We zorgen dat profielen snel correct zijn ingericht, voldoen aan Google-richtlijnen en continu worden geoptimaliseerd op basis van data en prestaties per locatie. <\/p><\/div><\/div><div class=\"yc-split-grid\"><div class=\"yc-split-content\"><div class=\"yc-comp-card is-positive is-visible\" style=\"width: 100%; margin: 0; opacity: 1; transform: none;\"><ul class=\"yc-comp-list\"><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><div class=\"yc-comp-text\"><strong>Google Methode<\/strong><p>Ons team werkt met bewezen local search tactieken en volgt strikt de Google-richtlijnen voor spam, categorie\u00ebn, verificatie en reviews binnen Google Bedrijfsprofiel.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><div class=\"yc-comp-text\"><strong>Beheer & Structuur<\/strong><p>We claimen en verifi\u00ebren listings snel, herstellen eigendom bij conflicten en richten Business Profile Manager schaalbaar in met business groups en location groups.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><div class=\"yc-comp-text\"><strong>Datakwaliteit & Validatie<\/strong><p>We voeren maandelijkse audits uit, corrigeren inconsistenties en standaardiseren NAP, categorie\u00ebn, attributen en service areas op basis van Places API en actuele SERP data.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><div class=\"yc-comp-text\"><strong>Content, Updates & Reputatie<\/strong><p>We maken en plannen Google Posts, testen CTA\u2019s, beheren reviews en Q&A\u2019s en verwerken updates rond feestdagen en special hours om vertrouwen en zichtbaarheid te versterken.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><div class=\"yc-comp-text\"><strong>Meting & Rapportage<\/strong><p>We meten prestaties per locatie met GA4, UTM\u2019s en call tracking en rapporteren in Looker Studio op impressions, Discovery en Direct searches, clicks, calls, direction requests, CTR en CVR.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><div class=\"yc-comp-text\"><strong>Support, SLA & Herstel<\/strong><p>Ons supportteam reageert snel volgens een duidelijke SLA, levert benchmarks met BrightLocal en ondersteunt bij suspension, reinstatement en case-escalatie richting Google.<\/p><\/div><\/li><\/ul><\/div><\/div><div class=\"yc-split-image-col\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/GBP-map-e1767727913768.jpg?strip=all&w=1024\" alt=\"Google Maps Local Visibility\" style=\"width: 100%; height: auto; object-fit: cover; display: block; border-radius: 15px;\"><p style=\"color: #94a3b8; font-size: 0.9rem; margin-top: 1rem; font-family: var(--font-primary); line-height: 1.5; text-align: center;\"> Volledig inzicht in je lokale zichtbaarheid, rankings en prestaties in Google Maps. <\/p><\/div><\/div><\/div><\/section><section class=\"yc-section yc-split-section\" id=\"comparison-problem\" style=\"padding-bottom: 0; border-top: none; padding-top: 6rem;\"><div class=\"yc-container\"><div style=\"margin-bottom: 3rem; text-align: left;\"><h2 style=\"margin-bottom: 1.5rem; font-family: var(--font-primary); color: #ffffff;\"> Signalen Dat Je Google Bedrijfsprofiel Nodig Hebt<\/h2><div class=\"yc-highlight-container\"><p style=\"color: #ffffff; max-width: 800px; margin-bottom: 1.5rem; font-family: var(--font-primary); font-size: 16px;\"> Google Bedrijfsprofiel is noodzakelijk zodra je lokaal gevonden wilt worden en de huidige zichtbaarheid achterblijft. <\/p><\/div><\/div><div class=\"yc-split-grid\"><div class=\"yc-split-content\"><div class=\"yc-comp-card is-negative is-visible\" style=\"width: 100%; margin: 0; opacity: 1; transform: none;\"><ul class=\"yc-comp-list\"><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><div class=\"yc-comp-text\"><strong>Je verschijnt niet in de Map Pack<\/strong><p>Je primaire categorie matcht de intentie niet, je service area is verkeerd gezet of je profiel is incompleet. We corrigeren categorie, servicegebied, openingstijden, diensten en justifications zodat relevantie stijgt.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><div class=\"yc-comp-text\"><strong>Reviews stagneren of dalen<\/strong><p>Je vraagt geen reviews, reageert niet als eigenaar, of negatieve UGC blijft staan. We activeren een reviewflow, beantwoorden snel, markeren spam en verzoeken verwijdering bij policy schending.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><div class=\"yc-comp-text\"><strong>Verkeerde NAP data op Maps en citaties<\/strong><p>Adres, telefoon of website wijken af van je site en data aggregators. We dedupliceren, standaardiseren, en syncen gegevens en vragen merges voor duplicaten.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><div class=\"yc-comp-text\"><strong>Onjuiste tracking en attributie<\/strong><p>Websiteknop zonder UTM, geen call tracking, en GA4 meet geen events. We taggen links, koppelen GCLID waar relevant, zetten call tracking op en rapporteren per kanaal, bron en medium.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><div class=\"yc-comp-text\"><strong>Profiel is suspended of nooit geverifieerd<\/strong><p>Verificatie blijft hangen of beleid is geschonden. We verzamelen bewijs, plannen videoverificatie of vragen postcard opnieuw aan, en dienen een reinstatement in met Case ID, bewijsstukken en beleidscitaten.<\/p><\/div><\/li><li class=\"yc-comp-item is-visible\"><svg class=\"yc-comp-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><div class=\"yc-comp-text\"><strong>Je meet geen lokale conversies<\/strong><p>Geen call tracking, geen GCLID of MSCLKID koppeling, geen goals in GA4. Je kunt ROAS en CPA voor local niet toewijzen en verliest budget aan lage intentiezoekwoorden.<\/p><\/div><\/li><\/ul><\/div><\/div><div class=\"yc-split-image-col\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/website-attention-insight-e1768254009632.png?strip=all&w=1920\" alt=\"Attention Insight\" style=\"width: 100%; height: auto; object-fit: cover; display: block; border-radius: 15px;\"><p style=\"color: #94a3b8; font-size: 0.9rem; margin-top: 1rem; font-family: var(--font-primary); line-height: 1.5; text-align: center;\"> Wij kijken verder dan de rankings en analyseren gebruikersgedrag op je lokale pagina's om te zien waar bezoekers afhaken of converteren. <\/p><\/div><\/div><\/section><section class=\"yc-section\" style=\"padding: 2rem 0; border: none; background: transparent;\"><div class=\"yc-container\"><div class=\"yc-mobile-stack\" style=\"display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem; border-top: none; margin-top: 0;\"><p style=\"margin: 0; color: #ffffff; font-family: var(--font-primary); font-size: 16px; font-weight: 500; letter-spacing: -0.01em;\"> We laten zien wat beter kan en waarom. <\/p><a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"yc-btn yc-btn-strategy\" style=\"min-width: unset; height: auto;\"> Ontdek jouw groeikansen <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 4px;\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a><\/div><\/div><\/section><style>:root{--bg-dark:#1d1d1f;--card-bg:#000000;--card-border:rgba(255,255,255,0.08);--text-main:#ffffff;--text-muted:#94A3B8;--green:#2DBF3A;--green-glow:rgba(45,191,58,0.4);--font-body:'Inter',sans-serif;--font-head:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;--font-primary:var(--font-head);} @media (max-width:768px){.yc-mobile-stack{flex-direction:column !important;text-align:center;gap:1.5rem !important;} } .yc-split-section{padding:4rem 0 8rem;position:relative;z-index:10;} .yc-split-section .yc-container{width:min(1280px,92vw);max-width:1280px;margin:0 auto;padding:0;} .yc-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;position:relative;} .yc-split-left{display:flex;flex-direction:column;gap:2rem;padding-bottom:10vh;} .yc-step-card{background:var(--panel);border:1px solid var(--panel-strong);border-left:4px solid transparent;border-radius:16px;padding:2.5rem;opacity:0.4;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;} .yc-step-card.active,.yc-step-card:hover{opacity:1;border-color:rgba(255,255,255,0.15);border-left-color:var(--green);box-shadow:0 10px 30px rgba(0,0,0,0.2);} .yc-step-number{font-family:var(--font-primary);font-size:1rem;font-weight:700;color:var(--green);margin-bottom:1rem;display:block;} .yc-step-title{font-size:1.5rem;margin-bottom:1rem;color:#ffffff;font-weight:700;font-family:var(--font-primary);line-height:1.2;} .yc-step-content{font-size:1rem;line-height:1.6;color:#ffffff;font-family:var(--font-primary);} .yc-step-list{list-style:none;padding:0;margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;} .yc-step-list.single-col{grid-template-columns:1fr;} .yc-step-list li{display:flex;align-items:center;gap:0.75rem;font-size:0.9rem;color:#ffffff;font-family:var(--font-primary);} .yc-step-list li::before{content:'';width:6px;height:6px;background-color:currentColor;border-radius:50%;display:block;flex-shrink:0;} .yc-split-right{position:sticky;top:100px;height:500px;display:flex;align-items:center;justify-content:center;align-self:start;} .yc-visual-card{width:100%;height:100%;background:#000;border:1px solid var(--card-border);border-radius:24px;position:relative;overflow:hidden;} .yc-fixed-image{width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;object-fit:cover !important;display:block;} @media (max-width:900px){.yc-split-grid{grid-template-columns:1fr;} .yc-split-right{display:none;} .yc-step-card{opacity:1;margin-bottom:2rem;} .yc-step-list{grid-template-columns:1fr;} }<\/style><section class=\"yc-split-section\" style=\"padding-top: 10rem;\"><div class=\"yc-container\"><div style=\"margin-bottom: 5rem; text-align: left;\"><h2 class=\"yc-split-title\"> Ons Google Bedrijfsprofiel Proces <\/h2><div class=\"yc-highlight-container\"><p style=\"color: var(--text-muted); font-size: 1.1rem; max-width: 800px; margin-top: 1rem; line-height: 1.6;\"> Google Bedrijfsprofiel is bij ons een gestructureerd traject met duidelijke stappen. <\/p><\/div><\/div><div class=\"yc-split-grid\"><div class=\"yc-split-left\"><article class=\"yc-step-card active\" data-step=\"1\"><span class=\"yc-step-number\">01<\/span><h3 class=\"yc-step-title\">Intake en audit<\/h3><div class=\"yc-step-content\"><p> We analyseren huidige listing, categorie, NAP, attributen, foto\u2019s, posts, reviews, Q&A, Insights en concurrenten in de Local Finder. <\/p><\/div><\/article><article class=\"yc-step-card\" data-step=\"2\"><span class=\"yc-step-number\">02<\/span><h3 class=\"yc-step-title\">Claim en verificatie<\/h3><div class=\"yc-step-content\"><p> We claimen of transfereren eigendom, kiezen de snelste verificatievorm en documenteren bewijs. <\/p><\/div><\/article><article class=\"yc-step-card\" data-step=\"3\"><span class=\"yc-step-number\">03<\/span><h3 class=\"yc-step-title\">Data clean up<\/h3><div class=\"yc-step-content\"><p> We completeren NAP, openingstijden, special hours, diensten, producten, beschrijving, service area en amenities; we verwijderen duplicaten en vragen merges. <\/p><\/div><\/article><article class=\"yc-step-card\" data-step=\"4\"><span class=\"yc-step-number\">04<\/span><h3 class=\"yc-step-title\">Contentproductie<\/h3><div class=\"yc-step-content\"><p> We cre\u00ebren en publiceren Local Posts, aanbiedingen, evenementen, en service items; we uploaden nieuwe foto\u2019s en korte video\u2019s die klikken en routes stimuleren. <\/p><\/div><\/article><article class=\"yc-step-card\" data-step=\"5\"><span class=\"yc-step-number\">05<\/span><h3 class=\"yc-step-title\">Reputatiebeheer<\/h3><div class=\"yc-step-content\"><p> We vragen reviews, reageren professioneel, filteren spam, en beheren Q&A met duidelijke antwoorden. <\/p><\/div><\/article><article class=\"yc-step-card\" data-step=\"6\"><span class=\"yc-step-number\">06<\/span><h3 class=\"yc-step-title\">Tracking en meting<\/h3><div class=\"yc-step-content\"><p> We zetten UTM\u2019s, koppelen GA4, Tag Manager en call tracking; we meten clicks, calls, directions, CTR, CVR en AOV waar toepasbaar. <\/p><\/div><\/article><article class=\"yc-step-card\" data-step=\"7\"><span class=\"yc-step-number\">07<\/span><h3 class=\"yc-step-title\">Rapportage en iteratie<\/h3><div class=\"yc-step-content\"><p> We leveren maandrapporten, testen categorie en content, en verbeteren zichtbaarheid en conversies op basis van data. <\/p><\/div><\/article><\/div><div class=\"yc-split-right\"><div class=\"yc-visual-card\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/12\/Google-Bedrijfsprofiel-GBP.jpg?strip=all&w=1920\" alt=\"Ons Google Bedrijfsprofiel Proces\" class=\"yc-fixed-image\"><\/div><\/div><\/div><\/div><\/section><style>.yc-dashboard-section{--db-bg:#030e1a;--db-text-white:#ffffff;--db-text-gray:#9ca3af;--db-border:rgba(255,255,255,0.1);--col-google:#0073e6;--col-linkedin:#5d9e5d;--col-bing:#cfa058;--col-facebook:#008080;width:100%;max-width:100%;margin:0 auto;padding:4rem 0;font-family:var(--font-primary);color:var(--db-text-white);} .yc-db-card{background:#1d1d1f;border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:3rem;margin-bottom:2rem;position:relative;z-index:2;} .yc-db-header{text-align:left;margin-bottom:40px;} .yc-db-header h2{font-size:48px;font-weight:600;margin:0 0 16px 0;color:var(--db-text-white);max-width:700px;} .yc-db-header p{font-size:16px;line-height:1.5;color:#a1a1a6;margin:0;max-width:650px;} .yc-db-legend{display:flex;justify-content:flex-start;gap:30px;margin-bottom:40px;font-size:14px;color:var(--db-text-gray);} .yc-db-legend-item{display:flex;align-items:center;gap:8px;} .yc-db-dot{width:10px;height:10px;border-radius:2px;} .yc-db-chart-section{display:flex;justify-content:space-between;align-items:flex-end;height:280px;padding:0 20px;margin-bottom:20px;} .yc-db-chart-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:23%;height:100%;} .yc-db-bars-container{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:220px;background:linear-gradient(to right,rgba(0,115,230,0.15) 0%,rgba(0,115,230,0.15) 22%,transparent 22%,transparent 26%,rgba(93,158,93,0.15) 26%,rgba(93,158,93,0.15) 48%,transparent 48%,transparent 52%,rgba(207,160,88,0.15) 52%,rgba(207,160,88,0.15) 74%,transparent 74%,transparent 78%,rgba(0,128,128,0.15) 78%,rgba(0,128,128,0.15) 100%);border-radius:4px 4px 0 0;position:relative;} .yc-db-bar-col{width:22%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;transition:height 0.5s ease;} .yc-db-bar-val{background-color:white;color:#000;font-size:11px;font-weight:700;padding:2px 4px;border-radius:3px;margin-bottom:6px;} .yc-db-bar{width:100%;border-radius:2px 2px 0 0;position:relative;} .yc-db-bar::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.1) 100%);pointer-events:none;} .yc-db-group-label{margin-top:15px;font-size:13px;color:var(--db-text-gray);border-top:1px solid var(--db-border);width:100%;text-align:center;padding-top:10px;white-space:nowrap;} .yc-db-table-section{width:100%;border-top:1px solid var(--db-border);} .yc-db-table{width:100%;border-collapse:collapse;font-size:14px;} .yc-db-table th{color:var(--db-text-gray);font-weight:500;padding:15px 10px;text-align:center;border-bottom:1px solid var(--db-border);} .yc-db-table td{padding:15px 10px;text-align:center;border-bottom:1px solid var(--db-border);} .yc-db-table th.th-left,.yc-db-table td.td-left{text-align:left;} .yc-db-table td.td-left{display:flex;align-items:center;gap:10px;} .c-google{background-color:var(--col-google);} .c-linkedin{background-color:var(--col-linkedin);} .c-bing{background-color:var(--col-bing);} .c-facebook{background-color:var(--col-facebook);} .yc-db-mobile-cards{display:none;flex-direction:column;gap:16px;margin-top:20px;} .yc-mobile-card{background:#1d1d1f;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;} .yc-mobile-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08);} .yc-mobile-card-title{font-weight:700;color:#fff;font-size:16px;} .yc-mobile-metric-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#b0b8c4;} .yc-mobile-metric-row strong{color:#fff;} .yc-mobile-metric-row.secondary{font-size:13px;opacity:0.9;} .yc-mobile-card-toggle{background:transparent !important;border:none !important;box-shadow:none !important;color:#2DBF3A;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0 0;width:100%;text-align:left;margin-top:8px;} .yc-mobile-card-toggle.active{color:#fff;} .yc-mobile-card-details{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.1);animation:fadeIn 0.3s ease;} @media (max-width:768px){.yc-db-header h2{font-size:28px;line-height:1.2;} .yc-db-card{padding:1.5rem;overflow:hidden;} .yc-db-legend{flex-wrap:wrap;gap:15px;margin-bottom:2rem;} .yc-db-legend-item{font-size:13px;width:45%;} .yc-db-chart-section{overflow-x:auto;justify-content:flex-start;gap:16px;padding-bottom:20px;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;} .yc-db-chart-group{min-width:85vw;scroll-snap-align:center;flex-shrink:0;} .yc-db-bar-col{width:22%;} .yc-db-bar-val{font-size:10px;padding:2px 3px;} .yc-db-table-section{display:none;} .yc-db-mobile-cards{display:flex;} }<\/style><section id=\"customer-journey-section\" style=\"position: relative; padding: 40px 0; overflow: hidden;\"><style>#customer-journey-section{color:#fff;font-family:var(--font-primary);display:flex;flex-direction:column;align-items:center;background:transparent;width:100vw;margin-left:calc(50% - 50vw);} #customer-journey-section .cj-header-container,#service-steps-section .ss-header-container{width:min(1280px,92vw);margin:0 auto 10px auto;text-align:left;} @media (max-width:768px){#customer-journey-section .cj-header-container,#service-steps-section .ss-header-container{width:90% !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;} } #customer-journey-section .nav-btn{display:none !important;} #customer-journey-section .scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;} #customer-journey-section .scroll-wrapper::-webkit-scrollbar{display:none;} #customer-journey-section .cj-title,#service-steps-section .ss-title{font-family:var(--font-primary);font-size:3rem;font-weight:700;color:#ffffff;letter-spacing:-0.01em;margin-bottom:2rem;text-align:left;} #customer-journey-section .cj-subtitle,#service-steps-section .ss-subtitle{font-size:1rem;color:#ffffff;line-height:1.6;max-width:650px;text-align:left;margin:0;font-family:var(--font-primary);} #customer-journey-section .dashed-connector{position:absolute;top:80px;bottom:120px;width:2px;background-image:linear-gradient(to bottom,var(--step-color) 50%,transparent 50%);background-size:2px 12px;left:50%;transform:translateX(-1px);z-index:1;opacity:0.6;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);} #customer-journey-section .scroll-wrapper{width:100%;overflow-x:auto;padding-bottom:20px;padding-top:20px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;display:flex;justify-content:flex-start;} #customer-journey-section .scroll-wrapper::-webkit-scrollbar{display:none;} #customer-journey-section .scroll-wrapper:active{cursor:grabbing;} #customer-journey-section .scroll-wrapper{scroll-behavior:smooth;} #customer-journey-section .journey-container{display:flex;gap:24px;justify-content:flex-start;position:relative;max-width:1280px;min-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;will-change:transform;transform:translate3d(0,0,0);} #customer-journey-section .step{display:flex;flex-direction:column;align-items:center;width:260px;flex-shrink:0;position:relative;z-index:2;} #customer-journey-section .axis-layer{position:absolute;top:135px;left:0;right:0;min-width:1200px;height:2px;background:rgba(255,255,255,0.15);z-index:0;display:flex;align-items:center;justify-content:space-between;} #customer-journey-section .axis-layer::before,#customer-journey-section .axis-layer::after{content:'';width:8px;height:8px;background:#fff;transform:rotate(45deg);position:absolute;} #customer-journey-section .axis-layer::before{left:-4px;} #customer-journey-section .axis-layer::after{right:-4px;} #customer-journey-section .stage-group{position:absolute;top:-70px;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);width:200px;text-align:center;} #customer-journey-section .stage-1{left:12.5%;} #customer-journey-section .stage-2{left:37.5%;} #customer-journey-section .stage-3{left:62.5%;} #customer-journey-section .stage-4{left:87.5%;} #customer-journey-section .stage-badge{font-family:var(--font-primary);font-size:0.7rem;color:#00E676;border:1px solid rgba(45,191,58,0.3);background:rgba(45,191,58,0.1);padding:4px 10px;border-radius:12px;margin-bottom:6px;text-transform:uppercase;font-weight:700;letter-spacing:0.05em;} #customer-journey-section .stage-text{font-size:0.8rem;color:#ffffff;white-space:nowrap;font-family:var(--font-primary);} #customer-journey-section .title-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:0;width:170px;height:70px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-primary);font-weight:700;font-size:14px;line-height:1.25;color:#ffffff;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:transform 0.3s ease;z-index:5;} #customer-journey-section .title-card:hover{transform:translateY(-5px);} #customer-journey-section .step-cyan .title-card{border-color:rgba(0,229,255,0.3);box-shadow:0 0 40px rgba(0,229,255,0.2),inset 0 0 20px rgba(0,229,255,0.05);} #customer-journey-section .step-yellow .title-card{border-color:rgba(255,214,0,0.3);box-shadow:0 0 40px rgba(255,214,0,0.2),inset 0 0 20px rgba(255,214,0,0.05);} #customer-journey-section .step-green .title-card{border-color:rgba(0,230,118,0.3);box-shadow:0 0 40px rgba(0,230,118,0.2),inset 0 0 20px rgba(0,230,118,0.05);} #customer-journey-section .step-pink .title-card{border-color:rgba(255,64,129,0.3);box-shadow:0 0 40px rgba(255,64,129,0.2),inset 0 0 20px rgba(255,64,129,0.05);} #customer-journey-section .dashed-connector{position:absolute;top:70px;height:100px;width:2px;background-image:linear-gradient(to bottom,var(--step-color) 50%,transparent 50%);background-size:2px 12px;left:50%;transform:translateX(-1px);z-index:1;opacity:0.8;} #customer-journey-section .axis-dot{width:14px;height:14px;background-color:#050507;border:3px solid var(--step-color);border-radius:50%;position:absolute;top:135px;left:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 0 15px var(--step-color);} #customer-journey-section .list-card{margin-top:100px;width:100%;background:rgba(20,20,22,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:24px 20px;position:relative;z-index:5;transition:all 0.3s ease;} #customer-journey-section .list-card:hover{transform:translateY(-5px);border-color:var(--step-color);box-shadow:0 10px 40px rgba(0,0,0,0.4);} #customer-journey-section .step-cyan{--step-color:#00E5FF;} #customer-journey-section .step-yellow{--step-color:#FFD600;} #customer-journey-section .step-green{--step-color:#00E676;} #customer-journey-section .step-pink{--step-color:#FF4081;} #customer-journey-section .details-list{list-style:none;padding:0;margin:0;text-align:left;} #customer-journey-section .details-list li{position:relative;padding-left:32px;margin-bottom:20px;font-size:14px;line-height:1.6;color:#ffffff !important;font-family:var(--font-primary);} #customer-journey-section .details-list li strong{color:#fff;font-weight:700;font-size:14px;display:block;margin-bottom:6px;} #customer-journey-section .check-icon{position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid var(--step-color) !important;display:flex;align-items:center;justify-content:center;color:var(--step-color) !important;box-shadow:0 0 10px rgba(0,0,0,0.2);} #customer-journey-section .check-icon svg{width:12px;height:12px;stroke-width:3;} #customer-journey-section .footer-note{margin-top:100px;text-align:center;color:rgba(255,255,255,0.7);font-size:1.1rem;line-height:1.8;max-width:600px;padding:40px;background:rgba(255,255,255,0.03);border-radius:24px;border:1px solid rgba(255,255,255,0.1);margin-left:auto;margin-right:auto;}<\/style><div class=\"cj-header-container\"><h2 class=\"cj-title\">Personalized Journeys<\/h2><div class=\"yc-highlight-container\"><p class=\"cj-subtitle\" style=\"font-size: 16px;\">Van eerste contact tot loyale klant, gestuurd op gevoel \u00e9n gedrag. Mensen beslissen niet lineair. Daarom volgen en verbeteren wij de klantreis continu, in real time, van Google Maps tot conversie.<\/p><\/div><\/div><div class=\"scroll-wrapper\"><div class=\"journey-container\"><div class=\"axis-layer\"><\/div><div class=\"stage-group stage-1\"><div class=\"stage-badge\">Fase<\/div><div class=\"stage-text\">Analyse > Inzicht<\/div><\/div><div class=\"stage-group stage-2\"><div class=\"stage-badge\">Fase<\/div><div class=\"stage-text\">Content > Clusters<\/div><\/div><div class=\"stage-group stage-3\"><div class=\"stage-badge\">Fase<\/div><div class=\"stage-text\">Autoriteit > Trust<\/div><\/div><div class=\"stage-group stage-4\"><div class=\"stage-badge\">Fase<\/div><div class=\"stage-text\">Groei > ROI<\/div><\/div><div class=\"step step-cyan\"><div class=\"title-card\">Website gedrag<\/div><div class=\"dashed-connector\"><\/div><div class=\"axis-dot\"><\/div><div class=\"list-card\"><ul class=\"details-list\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Gedragsanalyse<\/strong> Via session replays zien we direct waar frictie ontstaat na interactie met Google Maps of Search. We verlagen het aantal afhakers om je user signals te beschermen binnen je lokale zichtbaarheid. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Data boven aannames<\/strong> We optimaliseren op wat gebruikers echt doen op de pagina, niet op wat zoekwoord-tools voorspellen. <\/li><\/ul><\/div><\/div><div class=\"step step-yellow\"><div class=\"title-card\">Cohorts en marktliquiditeit<\/div><div class=\"dashed-connector\"><\/div><div class=\"axis-dot\"><\/div><div class=\"list-card\"><ul class=\"details-list\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Klant profiel insights<\/strong> We analyseren welke lokale zoekintenties de hoogste Lifetime Value (LTV) opleveren. We sturen op kwaliteit van de klant, niet op volume van Maps- of Search-kliks. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Slim Schalen<\/strong> We investeren content alleen in topics waar daadwerkelijk marktruimte en rendement zit, zodat je niet vecht in een verzadigde markt. <\/li><\/ul><\/div><\/div><div class=\"step step-green\"><div class=\"title-card\">Sentiment en vertrouwen<\/div><div class=\"dashed-connector\"><\/div><div class=\"axis-dot\"><\/div><div class=\"list-card\"><ul class=\"details-list\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Continue Monitoring<\/strong> Reviews en NPS zijn directe input voor je E-E-A-T score (Trust) binnen Google. Google beloont merken die aantoonbaar vertrouwd worden op locatieniveau. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Merkautoriteit<\/strong> We tracken reviews en NPS als harde ranking factors binnen Google Bedrijfsprofielen. Wij signaleren trends direct, zodat we op tijd kunnen handelen. <\/li><\/ul><\/div><\/div><div class=\"step step-pink\"><div class=\"title-card\">Retentie in de journey<\/div><div class=\"dashed-connector\"><\/div><div class=\"axis-dot\"><\/div><div class=\"list-card\"><ul class=\"details-list\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Van klant naar herhaalkoper<\/strong> De journey stopt niet bij de conversie. We binden bezoekers via relevante content en herkenbare lokale profielen, zodat klanten organisch terugkeren. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Compound Growth<\/strong> SEO is rente-op-rente. Doordat de basisomzet uit terugkerende klanten groeit, zorgt elke nieuwe toppositie voor exponenti\u00eble groei. <\/li><\/ul><\/div><\/div><\/div><\/div><div class=\"yc-mobile-stack\" style=\"display: flex; align-items: center; justify-content: center; gap: 2rem; margin-top: 1.5rem; padding-top: 1rem; border-top: none;\"><p style=\"margin: 0; color: #ffffff; font-family: var(--font-primary); font-size: 16px; font-weight: 500;\"> Zet intentie om in resultaat. <\/p><a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"yc-btn yc-btn-strategy\" style=\"min-width: unset; height: auto; border: none;\"> Ontdek jouw strategie <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a><\/div><\/section><section class=\"yc-section\" id=\"persona-comparison\" style=\"background: transparent; padding: 6rem 0; border-bottom: none;\"><div class=\"yc-container\"><div style=\"text-align: left; max-width: 800px; margin: 0 0 4rem 0;\"><h2 style=\"font-family: var(--font-primary); font-size: 2.5rem; font-weight: 700; color: #ffffff; margin-bottom: 1rem; line-height: 1.2;\"> Van intentie naar bewezen gedrag <\/h2><div class=\"yc-highlight-container\" style=\"border-left: none; padding-left: 0;\"><p style=\"font-size: 16px; color: #ffffff; line-height: 1.6; font-family: var(--font-primary); margin: 0;\"> Sterke lokale zichtbaarheid begint in Search en Maps, maar schaalt pas door gedrag.<br> We bouwen persona\u2019s niet op onderbuikgevoel, maar op echte data en onderzoek <\/p><\/div><\/div><style>.persona-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem;} @media(max-width:768px){.persona-grid{gap:3rem;} } .integrated-card{background:rgba(20,20,22,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:40px;border:3px solid rgba(255,255,255,0.1);padding:4.5rem 2.5rem 3rem 2.5rem;display:flex;flex-direction:column;align-items:center;text-align:left;transition:transform 0.3s ease;position:relative;overflow:visible;max-width:450px;width:100%;margin-top:60px;} .integrated-card:hover{transform:translateY(-10px);} .ic-visual-area{width:120px;height:120px;position:absolute;top:-60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#141416;z-index:10;} .ic-visual-area::after{content:'';position:absolute;inset:0;border-radius:50%;z-index:-1;opacity:0.1;} .ic-title{font-family:var(--font-primary);color:#ffffff;font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;text-align:center;width:100%;margin-top:1rem;} .ic-subtitle{font-family:var(--font-primary);font-size:1rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;margin-bottom:1.5rem;padding:6px 16px;border-radius:20px;background:rgba(255,255,255,0.05);} .ic-desc{font-family:var(--font-primary);font-size:16px;color:rgba(255,255,255,0.7);line-height:1.6;width:100%;} .ic-list{list-style-type:none;padding-left:0;margin:1.5rem 0 1.5rem 0;} .ic-list li{margin-bottom:0.75rem;display:flex;align-items:flex-start;gap:12px;} .ic-list .check-icon-wrapper{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:3px;} .card-hypo{border-color:var(--yc-orange);box-shadow:0 10px 40px rgba(254,170,71,0.05);} .card-hypo .ic-visual-area{border:3px solid var(--yc-orange);box-shadow:0 5px 20px rgba(254,170,71,0.2);} .card-hypo .ic-visual-area::after{background:var(--yc-orange);} .card-hypo .ic-subtitle{color:var(--yc-orange);border:1px solid rgba(254,170,71,0.2);background:rgba(254,170,71,0.1);} .card-hypo .check-icon-wrapper svg{stroke:var(--yc-orange) !important;} .card-valid{border-color:var(--yc-green);box-shadow:0 10px 40px rgba(45,191,58,0.05);} .card-valid .ic-visual-area{border:3px solid var(--yc-green);box-shadow:0 5px 20px rgba(45,191,58,0.2);} .card-valid .ic-visual-area::after{background:var(--yc-green);} .card-valid .ic-subtitle{color:var(--yc-green);border:1px solid rgba(45,191,58,0.2);background:rgba(45,191,58,0.1);} .card-valid .ic-visual-area svg polyline{stroke-dasharray:60;stroke-dashoffset:0;transition:stroke-dashoffset 0.3s ease;} @keyframes monitor-trace{0%{stroke-dashoffset:60;} 62%{stroke-dashoffset:0;} 100%{stroke-dashoffset:0;} } .card-valid:hover .ic-visual-area svg polyline{animation:monitor-trace 1.3s linear infinite;}<\/style><div class=\"persona-grid\"><div class=\"integrated-card card-hypo\"><div class=\"ic-visual-area\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"-40 -40 1160 1160\" version=\"1.1\"><path fill=\"var(--yc-orange)\" stroke=\"var(--yc-orange)\" stroke-width=\"60\" stroke-linejoin=\"round\" paint-order=\"stroke fill\" fill-rule=\"evenodd\" d=\"M 68.683 481.099 C 63.822 482.242, 57.124 486.837, 53.617 491.435 C 46.553 500.697, 40.989 518.361, 41.017 531.438 C 41.060 551.244, 49.580 571.689, 60.773 578.842 C 70.655 585.158, 79.352 585.154, 89.250 578.828 C 94.745 575.315, 95.553 572.064, 91.579 569.460 C 89.282 567.955, 88.946 568.026, 85.041 570.855 C 77.417 576.378, 71.314 575.956, 63.253 569.351 C 58.301 565.293, 55.177 559.659, 51.971 549 C 46.492 530.788, 51.702 504.826, 62.860 494.745 C 71.406 487.024, 79.798 487.476, 88.301 496.114 C 90.946 498.801, 93.536 501, 94.055 501 C 95.482 501, 99 497.187, 99 495.641 C 99 493.092, 90.991 485.174, 85.793 482.584 C 80.368 479.881, 75.615 479.468, 68.683 481.099 M 65.513 484.068 C 59.164 487.235, 54.140 492.890, 50.027 501.500 C 44.826 512.387, 43.521 518.503, 43.521 532 C 43.521 545.516, 44.821 551.591, 50.074 562.631 C 58.878 581.136, 75.235 587.344, 88.750 577.311 C 94.199 573.266, 91.831 568.853, 86.242 572.636 C 82.104 575.438, 78.082 577, 75.007 577 C 64.777 577, 53.894 564.431, 49.897 548 C 49.157 544.957, 48.579 537.362, 48.604 531 C 48.642 521.283, 49.066 518.235, 51.340 511.339 C 59.192 487.523, 77.258 479.801, 90.080 494.780 C 92.853 498.020, 93.894 498.639, 95.274 497.866 C 97.924 496.384, 97.377 494.690, 92.750 490.047 C 84.917 482.187, 74.062 479.804, 65.513 484.068\" \/><path fill=\"var(--yc-orange)\" stroke=\"var(--yc-orange)\" stroke-width=\"100\" stroke-linejoin=\"round\" paint-order=\"stroke fill\" fill-rule=\"evenodd\" d=\"M 494.500 66.655 C 420.558 72.675, 347.745 96.323, 287 134.046 C 272.684 142.936, 249.133 159.233, 240.908 165.940 C 210.114 191.052, 192.008 209.074, 167.121 239.384 C 140.368 271.967, 116.402 312.852, 98.844 355.860 C 88.703 380.701, 86.133 388.523, 79.498 414.747 C 76.541 426.433, 73.875 436.393, 73.574 436.880 C 73.273 437.367, 70.608 438.068, 67.651 438.438 C 53.198 440.244, 36.134 452.711, 25.796 469.019 C 17.035 482.838, 12.100 497.382, 9.464 517.148 C 5.189 549.194, 15.298 585.007, 34.713 606.600 C 41.928 614.624, 56.449 623.372, 64.500 624.544 C 73.201 625.812, 73.478 626.057, 75.329 634.159 C 83.783 671.158, 94.243 700.727, 111.532 736.500 C 121.740 757.622, 129.006 770.188, 143.335 791.500 C 196.543 870.634, 271.140 930.743, 359 965.277 C 398.438 980.779, 440.983 991.320, 479 995.009 C 550.501 1001.947, 615.482 994.733, 682.500 972.417 C 692.887 968.958, 722.290 956.893, 733.072 951.665 C 759.504 938.849, 797.397 914.833, 821.466 895.643 C 837.647 882.741, 873.579 847.670, 885.646 833 C 906.777 807.312, 925.879 779.032, 939.609 753.112 C 946.908 739.332, 948.147 736.332, 947.395 734.259 C 946.492 731.772, 935.976 725.028, 895.500 700.978 C 886.150 695.423, 869.950 685.693, 859.500 679.355 C 849.050 673.018, 837.575 666.214, 834 664.236 C 830.425 662.258, 826.316 659.670, 824.870 658.485 L 822.240 656.331 899.411 656.769 C 966.805 657.152, 976.739 657.020, 977.815 655.723 C 978.493 654.906, 979.712 651.688, 980.524 648.571 C 982.733 640.089, 988.786 611.193, 989.515 605.651 L 990.152 600.802 1023.650 601.151 C 1055.693 601.485, 1057.208 601.417, 1058.552 599.588 C 1059.343 598.512, 1059.702 596.662, 1059.375 595.357 C 1058.887 593.412, 1031.551 547.081, 1008.719 509.500 C 993.738 484.841, 993.446 484.140, 991.035 467 C 985.688 428.994, 973.151 383.853, 957.985 348 C 945.185 317.739, 923.017 279.478, 902.655 252.500 C 891.127 237.227, 867.841 210.259, 859.132 202.096 C 857.134 200.223, 852.350 195.698, 848.500 192.039 C 830.460 174.896, 802.775 153.086, 783.500 140.832 C 762.251 127.323, 733.682 111.584, 722.500 107.227 C 719.750 106.155, 709.823 102.108, 700.440 98.233 C 680.160 89.858, 666.892 85.629, 642 79.609 C 599.983 69.446, 578.253 66.832, 533 66.496 C 514.575 66.360, 497.250 66.431, 494.500 66.655 Z M 497 69.057 C 412.297 74.679, 330.329 104.242, 259.665 154.654 C 199.077 197.879, 147.790 258.052, 115.328 324 C 105.313 344.344, 103.909 347.471, 98.279 361.941 C 89.803 383.729, 82.838 406.512, 76.727 432.440 L 75.327 438.379 66.914 440.526 C 56.240 443.249, 52.878 444.780, 45.273 450.378 C 29.958 461.652, 18.293 481.796, 12.851 506.366 C 10.218 518.249, 9.934 542.684, 12.291 554.500 C 16.984 578.031, 24.837 593.934, 38.522 607.619 C 47.066 616.163, 59.357 622.769, 68.458 623.708 C 71.498 624.022, 74.364 624.778, 74.825 625.389 C 75.287 626, 76.256 629.200, 76.979 632.500 C 83.260 661.165, 95.184 697.113, 106.667 722 C 113.257 736.282, 129.672 768.122, 130.898 769 C 131.282 769.275, 132.887 771.750, 134.466 774.500 C 139.582 783.414, 151.092 800.207, 160.853 813 C 189.767 850.893, 224.948 884.879, 262.500 911.192 C 324.327 954.517, 392.094 981.295, 465.500 991.410 C 492.721 995.160, 497.079 995.423, 531 995.361 C 567.201 995.294, 578.286 994.401, 610.500 988.954 C 671.268 978.680, 733.102 954.131, 785 919.676 C 823.805 893.914, 858.979 862.267, 887.629 827.343 C 899.427 812.960, 903.681 807.169, 914.694 790.500 C 920.871 781.150, 927.067 772.088, 928.463 770.363 C 929.858 768.637, 931 766.680, 931 766.013 C 931 765.346, 933.442 760.458, 936.427 755.150 C 944.759 740.333, 946.588 736.145, 945.469 734.447 C 944.512 732.995, 927.963 722.846, 859.500 681.725 C 819.985 657.991, 818.759 657.199, 819.547 655.924 C 819.888 655.372, 851.466 655, 898.024 655 L 975.930 655 977.090 652.832 C 978.481 650.233, 982.862 631.276, 986.064 614 C 987.339 607.125, 988.726 601.092, 989.147 600.594 C 989.581 600.080, 1003.433 599.786, 1021.209 599.913 C 1051.882 600.134, 1058 599.635, 1058 596.915 C 1058 596.291, 1050.329 582.980, 1040.954 567.336 C 1031.579 551.692, 1023.392 537.679, 1022.761 536.196 C 1022.130 534.713, 1020.972 532.731, 1020.188 531.790 C 1019.404 530.850, 1012.554 519.685, 1004.967 506.980 C 993.447 487.692, 991.068 483.024, 990.545 478.690 C 985.869 439.921, 977.693 406.350, 962.999 365.588 C 959.715 356.476, 950.457 335.852, 943.386 321.896 C 939.874 314.963, 937 308.599, 937 307.753 C 937 306.906, 936.384 305.978, 935.631 305.689 C 934.878 305.400, 932.362 301.639, 930.040 297.332 C 920.537 279.702, 900.458 251.607, 881.564 229.500 C 837.353 177.774, 777.920 133.579, 717.500 107.502 C 711.450 104.891, 704.700 101.964, 702.500 100.999 C 691.099 95.996, 659.164 85.771, 640.500 81.147 C 597.336 70.455, 543.846 65.948, 497 69.057 Z M 506 73.555 C 506.825 73.732, 520.775 74.027, 537 74.209 C 553.225 74.392, 563.350 74.251, 559.500 73.895 C 552.541 73.252, 503.134 72.938, 506 73.555 M 477.500 75.667 C 384.821 86.999, 301.839 123.421, 231 183.858 C 226.875 187.377, 217.038 196.611, 209.141 204.378 C 164.923 247.864, 135.724 290.176, 108.593 350.081 C 104.339 359.472, 96.741 379.949, 93.039 392 C 91.264 397.775, 89.146 404.525, 88.332 407 C 85.786 414.742, 80.914 436.333, 81.417 437.644 C 81.681 438.332, 83.833 439.376, 86.199 439.964 C 102.915 444.120, 115.927 453.637, 126.341 469.327 C 131.257 476.732, 131.525 477.649, 129.151 478.919 C 127.362 479.877, 126.634 479.218, 122.336 472.746 C 112.051 457.260, 98.676 447.553, 84.012 444.933 C 59.133 440.487, 33.790 459.861, 22.193 492.194 C 17.604 504.988, 16.648 510.201, 15.626 528 C 15.249 534.553, 15.303 534.869, 16.047 530.500 C 16.516 527.750, 17.585 520.208, 18.424 513.741 C 20.258 499.588, 25.558 484.997, 33.011 473.581 C 52.240 444.125, 84.242 437.529, 107.471 458.232 C 113.290 463.419, 122 474.052, 122 475.969 C 122 476.586, 123.104 478.195, 124.454 479.545 C 126.594 481.685, 127.234 481.850, 129.454 480.839 C 131.231 480.029, 132 478.894, 132 477.081 C 132 470.945, 117.229 453.500, 105.551 445.843 C 102.278 443.698, 95.866 440.803, 91.301 439.411 C 86.735 438.018, 83.005 436.569, 83.012 436.189 C 83.059 433.446, 89.767 407.116, 93.123 396.500 C 112.057 336.610, 139.343 286.460, 179.361 238 C 190.544 224.457, 221.336 193.785, 235.500 182.078 C 284.746 141.374, 329.541 116.448, 389.032 96.643 C 418.840 86.721, 444.734 81.226, 486 76.066 L 492.500 75.254 486.500 75.277 C 483.200 75.289, 479.150 75.465, 477.500 75.667 M 570.500 75.608 C 572.150 75.870, 581.825 77.213, 592 78.592 C 632.175 84.039, 663.765 92.614, 707.069 109.827 C 742.800 124.030, 791.898 154.148, 824.500 181.863 C 837.364 192.799, 869.439 224.880, 879.127 236.500 C 886.702 245.585, 904.123 268.693, 909.660 277 C 935.044 315.082, 957.119 362.862, 969.006 405.452 C 974.485 425.083, 981.197 457.875, 982.974 473.694 C 983.542 478.750, 984.481 484.136, 985.062 485.662 C 986.169 488.574, 995.638 504.920, 1006.983 523.500 C 1010.677 529.550, 1017.658 541.250, 1022.496 549.500 C 1027.335 557.750, 1034.603 569.893, 1038.647 576.485 C 1042.691 583.077, 1046 589.265, 1046 590.235 C 1046 591.883, 1043.983 592, 1015.622 592 C 991.803 592, 985.010 592.283, 984.158 593.310 C 983.560 594.030, 982.347 598.192, 981.463 602.560 C 980.578 606.927, 978.560 616.800, 976.980 624.500 C 975.399 632.200, 973.804 640.075, 973.437 642 C 973.070 643.925, 972.316 646.063, 971.762 646.750 C 970.971 647.732, 952.887 648, 887.434 648 L 804.113 648 802.606 650.152 C 801.351 651.944, 801.317 652.615, 802.404 654.167 C 803.122 655.191, 818.962 665.185, 837.605 676.375 C 883.567 703.964, 903.737 716.147, 908.500 719.197 C 910.700 720.606, 918.013 725.006, 924.750 728.975 C 934.154 734.515, 937 736.673, 937 738.263 C 937 742.065, 917.417 775.507, 903.340 795.744 C 870.202 843.386, 821.819 889.020, 772 919.623 C 743.362 937.214, 728.372 944.780, 697.706 957.124 C 669.030 968.666, 633.873 978.176, 598.122 984.062 C 552.863 991.513, 489.180 990.200, 443.500 980.873 C 379.924 967.892, 334.581 949.711, 281.250 915.815 C 216.824 874.868, 158.897 810.443, 122.905 739.705 C 112.801 719.848, 105.276 701.878, 95.840 675.073 C 92.115 664.491, 83 630.764, 83 627.562 C 83 626.788, 84.458 625.847, 86.250 625.463 C 92.657 624.092, 98.602 621.758, 104.750 618.201 C 109.909 615.216, 111 614.127, 111 611.961 C 111 610.228, 110.199 608.909, 108.639 608.075 C 106.520 606.940, 105.472 607.278, 98.389 611.372 C 78.992 622.587, 59.800 618.940, 41.464 600.557 C 34.849 593.924, 32.619 590.821, 28.848 583 C 22.049 568.900, 19.798 560.914, 16.584 539.500 C 16.336 537.850, 16.307 540.438, 16.518 545.252 C 17.547 568.654, 31.268 596.635, 47.770 608.981 C 59.374 617.661, 72.586 621.325, 84.108 619.059 C 90.568 617.788, 98.287 614.622, 103.616 611.057 C 106.359 609.223, 106.882 609.153, 107.978 610.474 C 108.663 611.299, 108.972 612.631, 108.664 613.434 C 107.916 615.383, 92.541 622.661, 87.480 623.462 C 80.264 624.604, 80.311 624.441, 83.393 637.671 C 84.909 644.177, 86.519 650.625, 86.971 652 C 87.423 653.375, 88.786 657.875, 90 662 C 93.631 674.333, 100.981 695.835, 103.501 701.500 C 104.948 704.752, 107.562 710.889, 110.527 718 C 114.013 726.357, 130.637 758.432, 136.442 768 C 157.330 802.431, 176.810 826.963, 207.933 858.032 C 237.834 887.883, 266.932 910.272, 302 930.412 C 343.496 954.243, 394.918 973.549, 439.500 982.034 C 442.800 982.662, 447.525 983.578, 450 984.070 C 467.538 987.553, 505.722 990.928, 528.095 990.972 C 600.751 991.113, 671.410 974.405, 736.747 941.633 C 814.070 902.849, 881.998 838.806, 926.217 763 C 935.021 747.907, 939.967 738.070, 939.422 736.735 C 938.978 735.646, 926.851 728.181, 879 699.539 C 872.125 695.424, 865.150 691.205, 863.500 690.163 C 861.850 689.121, 856.225 685.687, 851 682.532 C 808.304 656.751, 804.500 654.287, 804.500 652.420 C 804.500 650.544, 806.417 650.494, 887.904 650.244 C 940.606 650.083, 971.744 649.627, 972.492 649.007 C 973.142 648.467, 974.249 645.432, 974.952 642.263 C 975.655 639.093, 976.607 635.150, 977.069 633.500 C 978.585 628.078, 983 604.047, 983 601.216 C 983 599.692, 983.701 597.445, 984.557 596.223 C 986.109 594.006, 986.200 594, 1017.498 594 C 1034.759 594, 1049.110 593.631, 1049.389 593.179 C 1049.668 592.728, 1048.947 590.815, 1047.787 588.929 C 1046.628 587.043, 1037.954 572.450, 1028.514 556.500 C 1019.073 540.550, 1009.534 524.575, 1007.316 521 C 991.892 496.138, 986.193 485.400, 985.556 480 C 980.526 437.327, 970.539 397.967, 954.958 359.407 C 939.655 321.535, 917.381 282.935, 892.237 250.715 C 826.413 166.368, 736.983 109.133, 632 84.165 C 615.442 80.227, 588.934 76.103, 576.592 75.544 C 571.592 75.318, 568.850 75.347, 570.500 75.608 M 921.885 386 C 912.422 395.948, 909.101 429.585, 915.065 455.081 C 917.035 463.503, 917.716 464.950, 921.502 468.750 C 928.511 475.784, 934.786 473.984, 938.843 463.778 C 948.430 439.654, 946.137 397.770, 934.557 385.492 C 930.029 380.691, 926.813 380.820, 921.885 386 Z M 924.607 386.095 C 921.005 388.928, 918.315 394.498, 915.814 404.303 C 912.781 416.196, 912.844 439.991, 915.941 451.913 C 921.516 473.379, 930.150 477.788, 937.227 462.781 C 946.791 442.499, 943.827 395.088, 932.434 386.127 C 929.061 383.474, 927.945 383.469, 924.607 386.095 Z\" \/><\/svg><div class=\"thought-bubble tb-1 tb-top-left\">Wat denk ik?<\/div><div class=\"thought-bubble tb-2 tb-top-center\">Wat voel ik?<\/div><div class=\"thought-bubble tb-3 tb-top-right\">Wat zie ik?<\/div><div class=\"thought-bubble tb-4 tb-top-left\">Wat zeg ik?<\/div><div class=\"thought-bubble tb-5 tb-top-center\">Wat doe ik?<\/div><div class=\"thought-bubble tb-6 tb-top-right\">Wat hoor ik?<\/div><\/div><style>.thought-bubble{position:absolute;background:rgba(20,20,20,0.95);border:1px solid rgba(255,255,255,0.15);color:#fff;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:20;box-shadow:0 4px 15px rgba(0,0,0,0.5);} .thought-bubble::before,.thought-bubble::after{content:'';position:absolute;background:rgba(20,20,20,0.95);border:1px solid rgba(255,255,255,0.15);border-radius:50%;z-index:21;} .thought-bubble::before{width:12px;height:12px;} .thought-bubble::after{width:8px;height:8px;} .tb-top-left{bottom:100%;right:65%;top:auto;--tx:0;--ty:-10px;transform-origin:bottom right;} .tb-top-left::before{bottom:-12px;right:10px;top:auto;left:auto;} .tb-top-left::after{bottom:-24px;right:5px;top:auto;left:auto;} .tb-top-center{bottom:115%;left:50%;top:auto;--tx:-50%;--ty:-10px;transform-origin:bottom center;} .tb-top-center::before{bottom:-16px;left:40%;top:auto;right:auto;} .tb-top-center::after{bottom:-28px;left:45%;top:auto;right:auto;} .tb-top-right{bottom:100%;left:65%;top:auto;--tx:0;--ty:-10px;transform-origin:bottom left;} .tb-top-right::before{bottom:-12px;left:10px;top:auto;right:auto;} .tb-top-right::after{bottom:-24px;left:5px;top:auto;right:auto;} @keyframes bubble-pop{0%{opacity:0;visibility:hidden;transform:translate(var(--tx),var(--ty)) scale(0.5);} 5%{opacity:1;visibility:visible;transform:translate(var(--tx),var(--ty)) scale(1);} 16%{opacity:1;visibility:visible;transform:translate(var(--tx),var(--ty)) scale(1);} 21%{opacity:0;visibility:hidden;transform:translate(var(--tx),var(--ty)) scale(0.5);} 100%{opacity:0;visibility:hidden;transform:translate(var(--tx),var(--ty)) scale(0.5);} } .card-hypo:hover .thought-bubble{animation-name:bubble-pop;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.34,1.56,0.64,1);} .card-hypo:hover .tb-1{animation-delay:0s;} .card-hypo:hover .tb-2{animation-delay:1s;} .card-hypo:hover .tb-3{animation-delay:2s;} .card-hypo:hover .tb-4{animation-delay:3s;} .card-hypo:hover .tb-5{animation-delay:4s;} .card-hypo:hover .tb-6{animation-delay:5s;}<\/style><h3 class=\"ic-title\">Hypothese-persona<\/h3><div class=\"ic-desc\"><span style=\"color: #ffffff;\">Deze persona vertaalt psychologie en onderzoek naar een strategisch fundament.<\/span><br><br><strong>Gebaseerd op:<\/strong><ul class=\"ic-list\"><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>gedragspsychologie (o.a. BJ Fogg)<\/span><\/li><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>markt- en concurrentieonderzoek<\/span><\/li><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>inzichten uit web- en social research<\/span><\/li><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>jouw merk, USP en UVP<\/span><\/li><\/ul><div style=\"margin-top: 1rem; font-weight: 600; color: var(--yc-orange);\"> Richtinggevend, niet leidend. <\/div><\/div><\/div><div class=\"integrated-card card-valid\"><div class=\"ic-visual-area\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\"><polyline points=\"2 12 6 12 9 3 15 21 18 12 22 12\" \/><\/svg><\/div><h3 class=\"ic-title\">Data-persona<\/h3><div class=\"ic-desc\"><span style=\"color: #ffffff;\">Deze persona stuurt wanneer voldoende data beschikbaar is en bepaalt wat echt werkt.<\/span><br><br><strong>Gebaseerd op:<\/strong><ul class=\"ic-list\"><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>websitegedrag<\/span><\/li><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>interacties met advertenties<\/span><\/li><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>conversies en afhakers<\/span><\/li><li><div class=\"check-icon-wrapper\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--yc-green)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M9 12l2 2 4-4\" \/><\/svg><\/div><span>verschillen per kanaal en fase<\/span><\/li><\/ul><div style=\"margin-top: 1rem; font-weight: 600; color: var(--yc-green);\"> Beslissend waar data het toelaat. <\/div><\/div><\/div><\/div><div class=\"yc-highlight-container\" style=\"max-width: 800px; margin: 3rem auto 0 auto; text-align: center; border-left: none; padding-top: 1rem;\"><p style=\"font-size: 16px; color: #ffffff; line-height: 1.5; margin: 0; font-weight: 600; font-family: var(--font-primary);\"> Hypothese en data werken naast elkaar. Context bepaalt wat leidt. <\/p><\/div><\/div><\/section><section id=\"service-steps-section\" style=\"position: relative; padding: 80px 0; background: transparent;\"><style>#service-steps-section{--bg-color:transparent;--panel-bg:#141416;--yc-green:#2DBF3A;--font-heading:-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,\"SF Pro Text\",\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);} #service-steps-section .restored-header-container{width:min(1280px,92vw);margin:0 auto 60px auto;} @media (max-width:768px){#service-steps-section .restored-header-container{width:90% !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;} } #service-steps-section h2.restored-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);text-align:left;margin-bottom:20px;font-weight:700;letter-spacing:-0.01em;color:#ffffff;margin-top:0;} #service-steps-section .restored-subtitle{text-align:left;max-width:650px;color:rgba(255,255,255,0.7);font-size:1.1rem;line-height:1.6;} #service-steps-section .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;width:92vw;position:relative;margin:0 auto;box-sizing:border-box;} @media (max-width:1024px){#service-steps-section .steps-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px;} } @media (max-width:640px){#service-steps-section .steps-grid{grid-template-columns:1fr;gap:40px;} } #service-steps-section .connector-line{position:absolute;top:100px;left:10%;right:10%;height:2px;background-image:linear-gradient(to right,rgba(45,191,58,0.1) 0%,rgba(45,191,58,0.5) 50%,rgba(45,191,58,0.1) 100%);z-index:0;pointer-events:none;} @media (max-width:1024px){#service-steps-section .connector-line{display:none;} } #service-steps-section .step-item{display:flex;flex-direction:column;position:relative;z-index:1;} #service-steps-section .visual-card{width:100%;height:200px;background:var(--panel-bg);border:1px solid rgba(255,255,255,0.08);border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.2);} #service-steps-section .step-item:nth-child(2) .visual-card{background:linear-gradient(145deg,#141416,#18181A);} #service-steps-section .step-item:nth-child(3) .visual-card{background:linear-gradient(145deg,#141416,#1a1a1c);} #service-steps-section .step-item:nth-child(4) .visual-card{background:linear-gradient(145deg,#141416,#1e1e20);} #service-steps-section .step-item:nth-child(5) .visual-card{background:linear-gradient(145deg,#141416,#222224);} #service-steps-section .step-item:hover .visual-card{border-color:var(--yc-green);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.3);} #service-steps-section .step-content{padding:0 4px;text-align:left;} #service-steps-section .step-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:8px;display:block;transition:color 0.3s ease;} #service-steps-section .step-item:hover .step-title{color:var(--yc-green);} #service-steps-section .step-subtitle{font-size:0.95rem;color:#fff;margin-bottom:16px;font-weight:500;opacity:0.9;} #service-steps-section .step-bullets{list-style:none;padding:0;margin:0 0 16px 0;} #service-steps-section .step-bullets li{font-size:0.9rem;color:#a1a1aa;margin-bottom:12px;padding-left:28px;position:relative;line-height:1.5;} #service-steps-section .check-icon{position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:rgba(45,191,58,0.1);border:1px solid var(--yc-green) !important;display:flex;align-items:center;justify-content:center;color:var(--yc-green) !important;box-shadow:0 0 10px rgba(45,191,58,0.2);} #service-steps-section .check-icon svg{width:10px;height:10px;stroke-width:3;} #service-steps-section .step-desc{font-size:0.85rem;color:rgba(255,255,255,0.5) !important;font-style:italic;border-top:1px solid rgba(255,255,255,0.08);padding-top:12px;display:block;line-height:1.5;} #service-steps-section .visual-card .result-badge{position:absolute;top:12px;right:12px;background:rgba(45,191,58,0.15);border:1px solid var(--yc-green);color:var(--yc-green);font-size:0.75rem;font-weight:700;padding:4px 8px;border-radius:6px;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,0.2);} #service-steps-section .system-footer{grid-column:1 \/ -1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:60px;text-align:center;gap:24px;} #service-steps-section .system-footer p{color:#fff;font-size:1.1rem;font-weight:500;margin:0;} @media (min-width:768px){#service-steps-section .system-footer{flex-direction:row;gap:32px;} } #service-steps-section .ui-label{font-size:6px;font-weight:700;letter-spacing:0.05em;color:#555;display:block;margin-bottom:2px;text-transform:uppercase;} #service-steps-section .data-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} #service-steps-section .node-pos{position:relative;width:220px;height:160px;pointer-events:none;} #service-steps-section .data-center-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1D1D1F;padding:6px 10px;border-radius:6px;z-index:10;font-family:var(--font-heading);font-weight:700;font-size:0.75rem;color:#fff;text-align:center;border:1px solid rgba(255,255,255,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.3);} #service-steps-section .icon-node{width:32px;height:32px;border-radius:50%;background:#1D1D1F;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;position:absolute;color:#fff;transition:all 0.3s ease;} #service-steps-section .node-real{pointer-events:auto;position:absolute;} #service-steps-section .l1{top:10px;left:10px;} #service-steps-section .l2{top:64px;left:10px;} #service-steps-section .l3{bottom:10px;left:10px;} #service-steps-section .r1{top:10px;right:10px;} #service-steps-section .r2{top:64px;right:10px;} #service-steps-section .r3{bottom:10px;right:10px;} #service-steps-section .conn-line{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:1;stroke-dasharray:4 4;transition:stroke 0.3s;} #service-steps-section .step-item:hover .icon-node{border-color:var(--yc-green) !important;color:var(--yc-green) !important;box-shadow:0 0 10px rgba(45,191,58,0.2) !important;} #service-steps-section .step-item:hover .conn-line{stroke:rgba(45,191,58,0.4);} #service-steps-section .step-item:hover .data-center-box{border-color:var(--yc-green);} #service-steps-section .ppc-viz{position:relative;width:220px;height:160px;display:flex;align-items:center;justify-content:center;} #service-steps-section .camp-card{background:#1D1D1F;border:1px solid rgba(255,255,255,0.1);border-radius:6px;position:absolute;box-shadow:0 10px 30px rgba(0,0,0,0.3);padding:8px;display:flex;flex-direction:column;transition:border-color 0.3s;} #service-steps-section .step-item:hover .camp-card{border-color:var(--yc-green);} #service-steps-section .cc-1{width:100px;height:70px;top:30px;left:30px;z-index:1;} #service-steps-section .cc-2{width:110px;height:80px;bottom:30px;right:30px;z-index:2;background:#252528;} #service-steps-section .cc-3{width:40px;height:40px;top:20px;right:40px;z-index:3;background:#2C2C2E;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#777;box-shadow:0 5px 15px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1);transition:color 0.3s;} #service-steps-section .step-item:hover .cc-3{color:var(--yc-green);border-color:var(--yc-green);} #service-steps-section .cc-header{height:12px;width:100%;background:rgba(255,255,255,0.1);margin-bottom:6px;border-radius:2px;} #service-steps-section .cc-body{flex:1;background:rgba(255,255,255,0.05);border-radius:2px;} #service-steps-section .cc-stat{height:4px;width:40%;background:#444;margin-top:4px;border-radius:2px;transition:background 0.3s;} #service-steps-section .step-item:hover .cc-stat{background:var(--yc-green);} #service-steps-section .lp-stack{position:relative;width:220px;height:160px;display:flex;align-items:center;justify-content:center;} #service-steps-section .lp-page{background:#1D1D1F;border-radius:6px;box-shadow:-10px 10px 30px rgba(0,0,0,0.3);position:absolute;height:130px;width:90px;padding:8px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,0.1);transition:border-color 0.3s;} #service-steps-section .step-item:hover .lp-page{border-color:rgba(45,191,58,0.4);} #service-steps-section .lp-back{left:55px;opacity:0.5;z-index:1;background:#141416;} #service-steps-section .lp-main{left:85px;z-index:10;border-top:3px solid #444;transition:border-top-color 0.3s;} #service-steps-section .step-item:hover .lp-main{border-top-color:var(--yc-green);} #service-steps-section .lp-hero{height:35px;background:rgba(255,255,255,0.1);border-radius:2px;width:100%;} #service-steps-section .lp-lines{height:3px;background:rgba(255,255,255,0.1);width:80%;border-radius:1px;} #service-steps-section .lp-btn{height:6px;background:#444;width:60%;border-radius:2px;margin-top:2px;transition:background 0.3s;} #service-steps-section .step-item:hover .lp-btn{background:var(--yc-green);} #service-steps-section .lp-widget{position:absolute;right:15px;top:40px;background:#252528;border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,0.4);z-index:20;width:60px;} #service-steps-section .g-bar{background:#444;width:5px;border-radius:1px;transition:background 0.3s;} #service-steps-section .step-item:hover .g-bar{background:var(--yc-green);} #service-steps-section .cro-container{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;height:100%;} #service-steps-section .mobile-frame{width:80px;height:140px;background:#1D1D1F;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:relative;padding:6px;display:flex;flex-direction:column;gap:6px;border:3px solid #2C2C2E;transition:border-color 0.3s;} #service-steps-section .step-item:hover .mobile-frame{border-color:#444;} #service-steps-section .ab-badge{position:absolute;top:-6px;right:-6px;background:#444;color:#fff;padding:2px 6px;font-size:8px;border-radius:4px;font-weight:700;z-index:10;transition:background 0.3s;} #service-steps-section .step-item:hover .ab-badge{background:var(--yc-green);} #service-steps-section .wf-input{height:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:2px;width:100%;} #service-steps-section .wf-btn{height:15px;background:#2C2C2E;border-radius:2px;width:100%;margin-top:auto;color:#777;display:flex;align-items:center;justify-content:center;font-size:6px;transition:all 0.3s;} #service-steps-section .step-item:hover .wf-btn{background:#fff;color:#000;} #service-steps-section .cro-graph{width:80px;height:100px;background:#1D1D1F;border-radius:8px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;gap:5px;transition:border-color 0.3s;} #service-steps-section .step-item:hover .cro-graph{border-color:var(--yc-green);} #service-steps-section .cg-line{height:3px;background:rgba(255,255,255,0.1);width:100%;} #service-steps-section .cg-bars{display:flex;align-items:flex-end;gap:4px;flex:1;margin-top:5px;} #service-steps-section .cg-b{flex:1;background:rgba(255,255,255,0.1);border-radius:2px 2px 0 0;} #service-steps-section .cg-b.active{background:#444;transition:background 0.3s;} #service-steps-section .step-item:hover .cg-b.active{background:var(--yc-green);} @keyframes flowLine{to{stroke-dashoffset:-20;} } #service-steps-section .conn-line{animation:flowLine 1s linear infinite;opacity:0.6;} @keyframes floatY{0%,100%{transform:translateY(0) rotate(-5deg);} 50%{transform:translateY(-6px) rotate(-5deg);} } @keyframes floatYRev{0%,100%{transform:translateY(0) rotate(5deg);} 50%{transform:translateY(-6px) rotate(5deg);} } @keyframes floatSimple{0%,100%{transform:translateY(0) rotate(15deg);} 50%{transform:translateY(-4px) rotate(15deg);} } #service-steps-section .cc-1{animation:floatY 4s ease-in-out infinite;} #service-steps-section .cc-2{animation:floatYRev 5s ease-in-out infinite 0.5s;} #service-steps-section .cc-3{animation:floatSimple 4.5s ease-in-out infinite 1s;} @keyframes stackBreath{0%,100%{transform:scale(0.9) translateY(-10px);} 50%{transform:scale(0.92) translateY(-12px);} } #service-steps-section .lp-back{animation:stackBreath 6s ease-in-out infinite;} @keyframes eqBar{0%,100%{height:30%;} 50%{height:60%;} } @keyframes eqBar2{0%,100%{height:50%;opacity:0.5;} 50%{height:80%;opacity:0.8;} } #service-steps-section .cg-b:nth-child(1){animation:eqBar 3s ease-in-out infinite;} #service-steps-section .cg-b:nth-child(2){animation:eqBar2 4s ease-in-out infinite 0.2s;} #service-steps-section .cg-b:nth-child(3){animation:eqBar 2.5s ease-in-out infinite 0.5s;} @keyframes pulseGreen{0%,100%{background-color:var(--yc-green);opacity:0.8;} 50%{background-color:#4ade80;opacity:1;box-shadow:0 0 10px rgba(45,191,58,0.4);} } #service-steps-section .cg-b.active{animation:pulseGreen 2s ease-in-out infinite;height:80% !important;}<\/style><div class=\"restored-header-container\"><h2 class=\"restored-title\">Van losse optimalisaties naar \u00e9\u00e9n organisch ecosysteem<\/h2><div class=\"yc-highlight-container\"><p class=\"restored-subtitle\" style=\"font-size: 16px;\">E\u00e9n systeem dat autoriteit bouwt, techniek borgt en conversie versnelt. SEO start bij begrijpen wie je bent als entiteit en welke waarde je toevoegt via je website \u00e9n Google Bedrijfsprofiel.<\/p><\/div><\/div><div class=\"steps-grid\"><div class=\"connector-line\"><\/div><div class=\"step-item\"><div class=\"visual-card\"><div class=\"data-container\"><div class=\"tall-static-container\" style=\"display: flex; gap: 15px; justify-content: center; align-items: center; height: 100%;\"><style>.tall-box{width:50px;height:50px;border:2px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:800;font-size:2rem;color:rgba(255,255,255,0.8);transition:all 0.3s ease;background:rgba(255,255,255,0.05);backdrop-filter:blur(2px);} .step-item:hover .tall-box{border-color:#4cd964;background:rgba(76,217,100,0.1);color:#4cd964;box-shadow:0 0 15px rgba(76,217,100,0.1);}<\/style><div class=\"tall-box\">A<\/div><div class=\"tall-box\">C<\/div><div class=\"tall-box\">T<\/div><div class=\"tall-box\">U<\/div><\/div><\/div><\/div><div class=\"step-content\"><div class=\"step-title\">Het ACTU-Fundament<\/div><div class=\"step-desc\" style=\"margin-bottom: 15px;\">Wij werken met het ACTU-framework als fundament:<\/div><ul class=\"step-bullets\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>AUTORITEIT:<\/strong> Je reputatie in de markt en bij Google (Links & Reviews). <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>CONTENT:<\/strong> De antwoorden die je geeft op klantvragen. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>TECHNIEK:<\/strong> De motor onder de motorkap (Snelheid & Structuur). <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>UX (User Experience):<\/strong> Hoe de gebruiker je site ervaart en navigeert. <\/li><\/ul><\/div><\/div><div class=\"step-item\"><div class=\"visual-card\"><div class=\"network-graph-viz\" id=\"entity-network-viz\" style=\"width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;\"><style>.network-svg{height:160px;width:auto;transition:all 0.4s ease;} .network-stroke{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;transition:all 0.5s ease;} .network-node{fill:#141416;stroke:rgba(255,255,255,0.1);stroke-width:12px;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);} .network-stroke{stroke:rgba(255,255,255,0.1);} .network-node{stroke:rgba(255,255,255,0.1);fill:#141416;} .step-item:hover .network-stroke,.step-item:hover .network-node,.step-item:hover .dynamic-line,.step-item:hover .dynamic-node{stroke:#4cd964 !important;opacity:1 !important;} .step-item:hover .network-node,.step-item:hover .dynamic-node{fill:#4cd964 !important;} @keyframes networkBuild{0%,10%{opacity:0;transform:scale(0);stroke-dashoffset:100;} 20%,80%{opacity:0.2;transform:scale(1);stroke-dashoffset:0;} 90%,100%{opacity:0;transform:scale(0);stroke-dashoffset:100;} } .is-visible .dynamic-node,.is-visible .dynamic-line{animation:networkBuild 8s infinite;transform-origin:center;stroke:rgba(255,255,255,0.2);} .is-visible .dynamic-line{stroke-dasharray:100;} .is-visible .delay-1{animation-delay:0.5s !important;} .is-visible .delay-2{animation-delay:1.5s !important;} .is-visible .delay-3{animation-delay:2.5s !important;} .is-visible .delay-4{animation-delay:3.5s !important;} .is-visible .delay-5{animation-delay:4.5s !important;} .is-visible .network-svg{filter:drop-shadow(0 0 20px rgba(76,217,100,0.15));animation:networkFloat 6s ease-in-out infinite;} @keyframes networkFloat{0%,100%{transform:translateY(0) scale(1.02);} 50%{transform:translateY(-5px) scale(1.05);} } .dynamic-node,.dynamic-line{opacity:0;}<\/style><script>document.addEventListener('DOMContentLoaded', function () { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); } }); }, { threshold: 0.2 }); const viz = document.getElementById('entity-network-viz'); if (viz) observer.observe(viz); });<\/script><svg viewBox=\"0 0 500 500\" class=\"network-svg\"><g class=\"network-stroke\"><line x1=\"250\" y1=\"250\" x2=\"140\" y2=\"140\" \/><line x1=\"250\" y1=\"250\" x2=\"360\" y2=\"140\" \/><line x1=\"250\" y1=\"250\" x2=\"340\" y2=\"340\" \/><line x1=\"250\" y1=\"250\" x2=\"110\" y2=\"340\" \/><line x1=\"140\" y1=\"140\" x2=\"60\" y2=\"100\" \/><line x1=\"360\" y1=\"140\" x2=\"440\" y2=\"70\" \/><line x1=\"340\" y1=\"340\" x2=\"450\" y2=\"370\" \/><line x1=\"140\" y1=\"140\" x2=\"160\" y2=\"50\" class=\"dynamic-line delay-1\" \/><line x1=\"360\" y1=\"140\" x2=\"310\" y2=\"50\" class=\"dynamic-line delay-2\" \/><line x1=\"340\" y1=\"340\" x2=\"390\" y2=\"450\" class=\"dynamic-line delay-3\" \/><line x1=\"340\" y1=\"340\" x2=\"290\" y2=\"420\" class=\"dynamic-line delay-4\" \/><line x1=\"110\" y1=\"340\" x2=\"50\" y2=\"400\" class=\"dynamic-line delay-2\" \/><\/g><g><circle cx=\"250\" cy=\"250\" r=\"45\" class=\"network-node\" \/><circle cx=\"140\" cy=\"140\" r=\"28\" class=\"network-node\" \/><circle cx=\"360\" cy=\"140\" r=\"28\" class=\"network-node\" \/><circle cx=\"340\" cy=\"340\" r=\"28\" class=\"network-node\" \/><circle cx=\"110\" cy=\"340\" r=\"28\" class=\"network-node\" \/><circle cx=\"60\" cy=\"100\" r=\"22\" class=\"network-node\" \/><circle cx=\"440\" cy=\"70\" r=\"22\" class=\"network-node\" \/><circle cx=\"450\" cy=\"370\" r=\"22\" class=\"network-node\" \/><circle cx=\"160\" cy=\"50\" r=\"22\" class=\"network-node dynamic-node delay-1\" \/><circle cx=\"310\" cy=\"50\" r=\"22\" class=\"network-node dynamic-node delay-2\" \/><circle cx=\"390\" cy=\"450\" r=\"22\" class=\"network-node dynamic-node delay-3\" \/><circle cx=\"290\" cy=\"420\" r=\"22\" class=\"network-node dynamic-node delay-4\" \/><circle cx=\"50\" cy=\"400\" r=\"22\" class=\"network-node dynamic-node delay-2\" \/><\/g><\/svg><\/div><\/div><div class=\"step-content\"><div class=\"step-title\">Entiteit & Structuur<\/div><div class=\"step-desc\" style=\"margin-bottom: 15px;\">We bouwen volgens de standaarden van Google:<\/div><ul class=\"step-bullets\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Schema Markup:<\/strong> We vertalen jouw merk naar data die Google begrijpt, gekoppeld aan je locaties. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Digitale Identiteit:<\/strong> We borgen dat jouw digitale identiteit klopt met de zakelijke realiteit, consistent over website en Google Bedrijfsprofielen. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Validatie:<\/strong> We maken content zodat Google snapt wie je bent, niet alleen wat je zegt. <\/li><\/ul><\/div><\/div><div class=\"step-item\"><div class=\"visual-card\"><div class=\"cro-container\"><div class=\"cro-graph\"><span class=\"ui-label\">CONVERSIE<\/span><div class=\"cg-line\"><\/div><div class=\"cg-line\" style=\"width:60%\"><\/div><div class=\"cg-bars\"><div class=\"cg-b\" style=\"height:30%\"><\/div><div class=\"cg-b\" style=\"height:50%\"><\/div><div class=\"cg-b\" style=\"height:40%\"><\/div><div class=\"cg-b active\" style=\"height:80%\"><\/div><\/div><\/div><div class=\"mobile-frame\"><div class=\"ab-badge\">A\/B<\/div><span class=\"ui-label\">INTAKE<\/span><div class=\"wf-input\"><\/div><div class=\"wf-input\"><\/div><div class=\"wf-btn\">Plan Afspraak<\/div><\/div><\/div><\/div><div class=\"step-content\"><div class=\"step-title\">Pagina Design<\/div><div class=\"step-desc\" style=\"margin-bottom: 15px;\">Wij ontwerpen op basis van gedragswetenschap voor beslissingen met lokale intentie:<\/div><ul class=\"step-bullets\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Z- en F-Patronen:<\/strong> Content plaatsen waar het oog natuurlijk valt en leest. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Harmonie:<\/strong> Lay-outs die jouw belangrijkste boodschap direct laten opvallen. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Conversie:<\/strong> Psychologische triggers die bezoekers motiveren om tot actie over te gaan. <\/li><\/ul><\/div><\/div><div class=\"step-item\"><div class=\"visual-card\"><div class=\"lp-stack\"><div class=\"lp-page lp-back\"><\/div><div class=\"lp-page lp-main\"><div class=\"lp-hero\"><\/div><div class=\"lp-lines\"><\/div><div class=\"lp-lines\" style=\"width:50%\"><\/div><div class=\"lp-btn\"><\/div><\/div><div class=\"lp-widget\"><span class=\"ui-label\" style=\"font-size:4px;\">AFSPRAKEN<\/span><div style=\"display:flex; align-items:flex-end; gap:2px; height:15px; margin-top:2px;\"><div class=\"g-bar\" style=\"height:40%\"><\/div><div class=\"g-bar\" style=\"height:60%\"><\/div><div class=\"g-bar\" style=\"height:100%\"><\/div><div class=\"g-bar\" style=\"height:80%\"><\/div><\/div><\/div><\/div><\/div><div class=\"step-content\"><div class=\"step-title\">Market Overwatch<\/div><div class=\"step-desc\" style=\"margin-bottom: 15px;\">Altijd up-to-date in jouw markt: <\/div><ul class=\"step-bullets\"><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Search Trends:<\/strong> Inspelen op zoekgedrag v\u00f3\u00f3r de massa, met focus op lokale vraag. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Concurrentie:<\/strong> Content gaps vinden waar zij steken laten vallen. <\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><strong>Sentiment:<\/strong> Monitoren hoe de markt over jouw niche praat via reviews en vragen. <\/li><\/ul><div class=\"step-desc\">Zo blijven campagnes actueel en zijn we zichtbaar op de juiste momenten.<\/div><\/div><\/div><\/div><div class=\"yc-container\"><div class=\"yc-mobile-stack\" style=\"margin-top: 4rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem;\"><p style=\"margin: 0; color: #ffffff; font-family: var(--font-primary); font-size: 16px; font-weight: 500; letter-spacing: -0.01em;\"> In vier stappen van losse optimalisaties naar \u00e9\u00e9n organisch ecosysteem. <\/p><a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"yc-btn yc-btn-strategy\" style=\"min-width: unset; height: auto;\"> Bekijk of dit bij je past <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 4px;\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a><\/div><\/div><\/section><section id=\"success-loop-section\" style=\"background: transparent; padding: 80px 0 140px 0; position: relative; overflow: hidden;\"><style>#success-loop-section{--accent-cyan:#00E5FF;--accent-green:#00E676;--accent-yellow:#FFD600;--accent-pink:#FF4081;--bg-dark:#050507;--card-bg:rgba(20,20,22,0.7);} #success-loop-section .loop-container{width:100%;max-width:1280px;margin:0 auto;position:relative;} #success-loop-section .loop-header{text-align:center;margin-bottom:60px;position:relative;width:100%;z-index:10;} #success-loop-section .loop-title{font-family:var(--font-primary);font-size:3.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;letter-spacing:-0.02em;} #success-loop-section .loop-subtitle{font-size:16px;color:rgba(255,255,255,0.6);max-width:800px;margin:0 auto;line-height:1.6;} #success-loop-section .infinity-viz{position:relative;width:800px;height:400px;z-index:1;display:flex;align-items:center;justify-content:center;} #success-loop-section .infinity-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 30px rgba(0,0,0,0.6));} #success-loop-section .loop-path{fill:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLoop 4s linear forwards;} #success-loop-section .loop-glow{fill:none;stroke-width:16;stroke-linecap:round;filter:blur(12px);opacity:0.5;stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLoop 4s ease-out forwards;} #success-loop-section .flow-dash{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:10,80;animation:flowAnim 15s linear infinite;opacity:0.4;} @keyframes drawLoop{to{stroke-dashoffset:0;} } @keyframes flowAnim{from{stroke-dashoffset:2000;} to{stroke-dashoffset:0;} } #success-loop-section .center-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;} #success-loop-section .center-badge{font-family:var(--font-primary);font-weight:700;font-size:1.1rem;color:#fff;text-transform:uppercase;letter-spacing:0.2em;background:#0a0a0c;padding:14px 28px;border:1px solid rgba(255,255,255,0.2);border-radius:50px;box-shadow:0 0 50px rgba(0,0,0,0.9),inset 0 0 15px rgba(255,255,255,0.05);} #success-loop-section .step-card{position:absolute;width:320px;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.12);border-radius:28px;padding:30px;z-index:10;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);} #success-loop-section .step-card:hover{transform:translateY(-10px) scale(1.03);border-color:var(--card-color);box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 30px rgba(var(--card-rgb),0.25);} #success-loop-section .card-tl{top:80px;left:-20px;--card-color:var(--accent-cyan);--card-rgb:0,229,255;} #success-loop-section .card-tr{top:80px;right:-20px;--card-color:var(--accent-yellow);--card-rgb:255,214,0;} #success-loop-section .card-bl{bottom:40px;left:-20px;--card-color:var(--accent-green);--card-rgb:0,230,118;} #success-loop-section .card-br{bottom:40px;right:-20px;--card-color:var(--accent-pink);--card-rgb:255,64,129;} #success-loop-section .card-step-label{font-family:var(--font-primary);font-size:0.8rem;font-weight:800;color:var(--card-color);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:16px;display:block;opacity:0.8;} #success-loop-section .card-title{font-size:1.6rem;font-weight:700;color:#ffffff;margin-bottom:16px;line-height:1.2;letter-spacing:-0.01em;} #success-loop-section .card-desc{font-size:0.95rem;color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:22px;} #success-loop-section .card-features{list-style:none;padding:0;margin:0;} #success-loop-section .card-features li{position:relative;padding-left:24px;margin-bottom:10px;font-size:0.9rem;color:rgba(255,255,255,0.7);} #success-loop-section .card-features li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--card-color);box-shadow:0 0 12px var(--card-color);} #success-loop-section .loop-conclusion{position:absolute;bottom:-20px;width:100%;text-align:center;padding:24px;color:rgba(255,255,255,0.3);font-size:1rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;} @media (max-width:1200px){#success-loop-section .step-card{width:280px;} #success-loop-section .card-tl{left:10px;} #success-loop-section .card-tr{right:10px;} #success-loop-section .card-bl{left:10px;} #success-loop-section .card-br{right:10px;} } @media (max-width:1024px){#success-loop-section .loop-container{height:auto;padding-top:140px;} #success-loop-section .infinity-viz{display:none;} #success-loop-section .step-card{position:static;width:100%;max-width:500px;margin:0 auto 30px;} #success-loop-section .loop-header{position:static;margin-bottom:50px;} #success-loop-section .loop-conclusion{position:static;margin-top:40px;} } .infinity-wrapper{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:5px;} .text-row{display:flex;justify-content:space-between;gap:40px;padding:0;flex-wrap:wrap;} .graphic-container{position:relative;display:flex;justify-content:center;align-items:center;padding:10px 0;background-color:transparent;border-radius:8px;} .graphic-container svg{width:100%;max-width:750px;height:auto;overflow:visible;} .text-block{flex:1;min-width:300px;text-align:left;background:rgba(20,20,22,0.6);padding:30px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;position:relative;overflow:hidden;transition:border-color 0.3s ease,box-shadow 0.3s ease;} .text-block:hover,.text-block.active-glow{border-color:rgba(255,255,255,0.2);box-shadow:0 0 30px rgba(0,0,0,0.5);} .text-block::before,.text-block::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.5s;} .text-block::before{background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(255,255,255,0.06),transparent 40%);z-index:1;} .text-block::after{background:radial-gradient(600px circle at var(--mouse-x,0) var(--mouse-y,0),var(--yc-green),transparent 40%);z-index:3;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:1px;} .text-block:hover::before,.text-block:hover::after,.text-block.active-glow::before,.text-block.active-glow::after{opacity:1;} .text-block>*{position:relative;z-index:2;} .text-block h3{font-family:var(--font-primary);font-weight:700;margin-bottom:0.5rem;color:#ffffff;font-size:1.5rem;letter-spacing:-0.02em;} .text-block p{color:rgba(255,255,255,0.7);font-size:16px;margin:0 0 15px 0;line-height:1.6;} .text-block p strong{color:white;} .text-block ul{text-align:left;margin:10px 0;padding:0;list-style:none;} .text-block li{margin-bottom:10px;display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.9);font-size:16px;line-height:1.5;} .check-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:1px solid var(--yc-green);display:flex;align-items:center;justify-content:center;color:var(--yc-green);margin-top:2px;} .check-icon svg{width:12px;height:12px;stroke-width:3;} @media (max-width:768px){.text-row{flex-direction:column;gap:40px;} .text-block{width:100%;min-width:auto;} .graphic-container svg{height:auto;} }<\/style><div class=\"infinity-wrapper\"><div class=\"loop-header\" style=\"text-align: left; margin-bottom: 40px; padding-top: 0;\"><h2 class=\"loop-title\" style=\"font-family: var(--font-primary); font-size: 3.5rem; font-weight: 700; color: #ffffff; margin-bottom: 1rem; letter-spacing: -0.02em;\"> Onze 4 stappen naar Compound Growth<\/h2><div class=\"yc-highlight-container\"><p class=\"loop-subtitle\" style=\"font-size: 16px; color: rgba(255, 255, 255, 0.6); max-width: 800px; margin: 0; line-height: 1.6;\"><strong style=\"color: white; display: block; margin-bottom: 10px;\">Van zoekopdracht naar omzet: meetbaar, technisch waterdicht en gericht op rendement.<\/strong> Geen \u2018uurtje-factuurtje\u2019, maar een strategisch systeem. Wij bouwen een zenuwstelsel voor je marketing dat elke maand sterker wordt. <\/p><\/div><\/div><div class=\"text-row\"><div class=\"text-block\"><h3>1. Google\u2019s Blauwdruk<\/h3><p><strong>Eerst de fundering, dan de muren.<\/strong><\/p><p>Wij bouwen de technische infrastructuur die jouw autoriteit bevestigt volgens Google\u2019s offici\u00eble documentatie, voor website \u00e9n Google Bedrijfsprofiel.<\/p><ul><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Implementatie:<\/strong> We vertalen je identiteit naar code (Schema\/JSON-LD) zodat Google je direct herkent en indexeert.<\/span><\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Performance:<\/strong> We optimaliseren Core Web Vitals voor topsnelheid; cruciaal voor zowel organische ranking als advertentiekwaliteit.<\/span><\/li><\/ul><\/div><div class=\"text-block\"><h3>2. Impact & Money Pages<\/h3><p><strong>We schrijven geen vulling, maar verkopers.<\/strong><\/p><p>De prioriteit ligt volledig op de \u2018Service Pagina\u2019s\u2019 en \u2018Locatie Pagina\u2019s\u2019 die direct bijdragen aan je bedrijfsresultaat.<\/p><ul><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Koopintentie:<\/strong> We bouwen content clusters rondom je belangrijkste diensten, gericht op klanten die klaar zijn om te kopen.<\/span><\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Lokale Relevantie:<\/strong> We focussen op je servicegebied met specifieke pagina\u2019s die inspelen op lokale zoekvragen en behoeften rond je vestigingen.<\/span><\/li><\/ul><\/div><\/div><div class=\"graphic-container\" style=\"padding: 0; margin: -90px 0;\"><script src=\"https:\/\/unpkg.com\/@lottiefiles\/dotlottie-wc@0.8.11\/dist\/dotlottie-wc.js\" type=\"module\"><\/script><dotlottie-wc src=\"https:\/\/lottie.host\/80513d60-a299-430d-a073-6e3bffd59a38\/kY6iWgO6GJ.lottie\" style=\"width: 600px; height: 450px;\" autoplay loop><\/dotlottie-wc><\/div><div class=\"text-row\"><div class=\"text-block\"><h3>3. Validatie & ROI<\/h3><p><strong>SEO is een lange termijn investering die wij inzichtelijk maken.<\/strong><\/p><p>We sturen op harde data en groei die maand-op-maand stapelt.<\/p><ul><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Rendement:<\/strong> Rapportage op tastbare KPI\u2019s zoals calls, route-aanvragen, inschrijvingen, aanvragen en omzet.<\/span><\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Zekerheid:<\/strong> We monitoren Google-updates proactief en passen de strategie direct aan om je posities te beschermen.<\/span><\/li><\/ul><\/div><div class=\"text-block\"><h3>4. Klant, Herhaal & Rendement<\/h3><p><strong>Retentie maakt groei schaalbaar.<\/strong><\/p><p>De echte winst zit in de \u2018Lifetime Value\u2019. Wij zien een bezoeker niet als eenmalige klik, maar als brandstof voor je merkautoriteit.<\/p><ul><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Owned Audience:<\/strong> We bouwen een strategie om vluchtig zoekverkeer om te zetten in eigen verkeer (zoals nieuwsbrief-inschrijvingen).<\/span><\/li><li><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div><span><strong>Brand Equity:<\/strong> We focussen op ervaringen die gebruikers laten terugkeren. Meer merkzoekopdrachten en profielinteracties zijn voor Google het ultieme signaal van autoriteit.<\/span><\/li><\/ul><\/div><\/div><\/div><\/section><section class=\"yc-section\" id=\"growth-model-section\" style=\"padding-top: 1.5rem;\"><div class=\"yc-container\"><div style=\"max-width: 900px; margin-bottom: 4rem;\"><h2 style=\"font-size: 48px; line-height: 1.1; margin-bottom: 1.5rem; color: #fff;\">Het Fundament van Exponenti\u00eble Groei<\/h2><div class=\"yc-highlight-container\"><p style=\"font-size: 16px; line-height: 1.6; color: #ffffff;\"> Groei is de output van monetisatie, acquisitie en retentie. Wij bouwen deze strategie vanaf de basis op ('first principles') tot een naadloos systeem. Het resultaat? Een zelfversterkend vliegwiel dat niet afhankelijk is van geluk, maar drijft op slim ontwerp. <\/p><\/div><\/div><div id=\"growth-model-wrapper\"><style>#growth-model-wrapper{--chart-outer-bg:#1d1d1f;--chart-middle-bg:#141416;--chart-core-bg:#000000;--separator-color:#a5a5a5;--text-on-light:#a7a7a8;--text-on-dark:#a7a7a8;--box-header-bg:#000000;--box-body-bg:#1d1d1f;--box-text:#ffffff;--font-main:\"SF Pro Text\",-apple-system,BlinkMacSystemFont,sans-serif;width:100%;display:flex;justify-content:center;} #growth-model-wrapper .gm-main-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6rem;max-width:1400px;width:100%;} #growth-model-wrapper .chart-container{width:600px;height:600px;position:relative;flex-shrink:0;} #growth-model-wrapper .info-panel{width:380px;background:var(--box-body-bg);border-radius:2px;box-shadow:0 4px 20px rgba(0,0,0,0.2);overflow:hidden;display:flex;flex-direction:column;} #growth-model-wrapper .info-header{background:var(--box-header-bg);padding:1rem 1.5rem;display:flex;align-items:center;} #growth-model-wrapper .info-header h2{margin:0;font-size:14px !important;font-weight:700;color:#ffffff !important;text-transform:uppercase;letter-spacing:0.1em;} .info-panel-sized{width:500px !important;min-height:300px !important;display:flex;flex-direction:column;justify-content:center;} .info-panel-sized h2,.info-panel-sized h3{font-family:var(--font-primary) !important;font-weight:700 !important;margin-bottom:1rem !important;color:#ffffff !important;font-size:1.5rem !important;letter-spacing:-0.02em !important;text-transform:none !important;} .info-panel-sized p{color:#ffffff !important;font-size:16px !important;line-height:1.6 !important;} #growth-model-wrapper .info-body{padding:1.5rem;min-height:100px;display:flex;align-items:center;} #growth-model-wrapper .info-body p{margin:0;font-size:16px !important;line-height:1.5;color:var(--box-text) !important;font-weight:400;} #growth-model-wrapper svg{width:100%;height:100%;overflow:visible;} #growth-model-wrapper .text-label{font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none;} #growth-model-wrapper .text-outer{fill:var(--text-on-light);font-size:16px;} #growth-model-wrapper .text-inner{fill:var(--text-on-dark);font-size:14px;font-weight:500;} #growth-model-wrapper .main-title{font-size:16px;font-weight:700;fill:var(--text-on-light);text-anchor:middle;pointer-events:none;} #growth-model-wrapper .ring-gray{fill:url(#grad-middle);transition:fill 0.3s ease;} #growth-model-wrapper .circle-black{fill:url(#grad-core);transform-origin:center;} #growth-model-wrapper .defensibility-rim{fill:none;stroke:#323235;stroke-width:70;filter:none;} #growth-model-wrapper .separator{fill:none;stroke:#1d1d1f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:1;transition:all 0.3s ease;filter:drop-shadow(0 0 2px rgba(255,255,255,0.05));pointer-events:none;} #growth-model-wrapper .border-ring{fill:none;stroke:#1d1d1f;stroke-width:4;pointer-events:none;opacity:1;filter:drop-shadow(0 0 2px rgba(255,255,255,0.05));} #growth-model-wrapper .interactive-trigger{fill:transparent;stroke:transparent;cursor:pointer;pointer-events:all;transition:all 0.2s ease;} #growth-model-wrapper .segment-group,#growth-model-wrapper .outer-segment-group,#growth-model-wrapper .separator,#growth-model-wrapper .border-ring,#growth-model-wrapper .text-label,#growth-model-wrapper .main-title{transition:opacity 0.4s ease,color 0.4s ease;} #growth-model-wrapper .chart-container.has-focus .segment-group:not(:hover),#growth-model-wrapper .chart-container.has-focus .outer-segment-group:not(:hover){opacity:0.4;} #growth-model-wrapper .chart-container.has-focus .separator,#growth-model-wrapper .chart-container.has-focus .border-ring{opacity:1;} #growth-model-wrapper .chart-container.has-focus .text-label,#growth-model-wrapper .chart-container.has-focus .main-title{opacity:0.3;} #growth-model-wrapper .text-label.active-label,#growth-model-wrapper .main-title.active-label{opacity:1 !important;fill:#a7a7a8 !important;filter:none;} #growth-model-wrapper .segment-group:hover .interactive-trigger,#growth-model-wrapper .outer-segment-group:hover .interactive-trigger{stroke:#2DBF3A;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(45,191,58,1));stroke-dasharray:0;opacity:1;} #growth-model-wrapper .outer-segment-group:hover .defensibility-rim{cursor:default;stroke:url(#grad-rim);} #growth-model-wrapper .right-column{display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding-top:100px;width:540px;gap:30px;} #growth-model-wrapper .cta-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;width:100%;box-sizing:border-box;} #growth-model-wrapper .cta-text{color:#ffffff;font-size:16px;font-weight:600;} #growth-model-wrapper .cta-button{background-color:#2DBF3A;color:#ffffff;font-size:16px;font-weight:600;padding:12px 24px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s ease;} #growth-model-wrapper .cta-button svg{width:20px;height:20px;stroke-width:2;} #growth-model-wrapper .cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(45,191,58,0.4);background-color:#32d641;} @media (max-width:1100px){#growth-model-wrapper .gm-main-wrapper{flex-direction:column;gap:10px;padding-bottom:2rem;} #growth-model-wrapper .chart-container{width:360px;height:360px;} #growth-model-wrapper .right-column{width:100%;height:auto;position:static;padding-top:0;gap:15px;} #growth-model-wrapper .info-panel,#growth-model-wrapper .info-panel-sized{width:100%;max-width:340px;margin:0 auto;min-height:auto !important;} #growth-model-wrapper .cta-container{position:static;width:100%;justify-content:center;padding-right:0;flex-wrap:wrap;} .info-panel-sized h2,.info-panel-sized h3{font-size:1.1rem !important;margin-bottom:0.5rem !important;word-break:break-word;} #growth-model-wrapper .info-body{padding:1rem !important;} }<\/style><div class=\"gm-main-wrapper\"><div class=\"chart-container\"><svg viewBox=\"0 0 600 600\"><defs><radialGradient id=\"grad-core\" cx=\"50%\" cy=\"50%\" r=\"50%\" fx=\"50%\" fy=\"50%\"><stop offset=\"0%\" style=\"stop-color:#1a1a1a;stop-opacity:1\" \/><stop offset=\"100%\" style=\"stop-color:#2d2d30;stop-opacity:1\" \/><\/radialGradient><radialGradient id=\"grad-middle\" cx=\"50%\" cy=\"50%\" r=\"50%\" fx=\"50%\" fy=\"50%\"><stop offset=\"40%\" style=\"stop-color:#2d2d30;stop-opacity:1\" \/><stop offset=\"100%\" style=\"stop-color:#3e3e42;stop-opacity:1\" \/><\/radialGradient><linearGradient id=\"grad-rim\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" style=\"stop-color:#2a2a2e;stop-opacity:1\" \/><stop offset=\"50%\" style=\"stop-color:#3e3e42;stop-opacity:1\" \/><stop offset=\"100%\" style=\"stop-color:#2a2a2e;stop-opacity:1\" \/><\/linearGradient><\/defs><circle cx=\"300\" cy=\"300\" r=\"240\" fill=\"#1d1d1f\" \/><circle cx=\"300\" cy=\"300\" r=\"230\" class=\"ring-gray\" \/><circle cx=\"300\" cy=\"300\" r=\"110\" class=\"circle-black\" \/><circle cx=\"300\" cy=\"300\" r=\"265\" class=\"defensibility-rim\" \/><circle cx=\"300\" cy=\"300\" r=\"110\" class=\"border-ring\" \/><circle cx=\"300\" cy=\"300\" r=\"230\" class=\"border-ring\" \/><circle cx=\"300\" cy=\"300\" r=\"300\" class=\"border-ring\" \/><g style=\"pointer-events: none;\"><path d=\"M 300,300 L 300,190 L 350,130 L 300,70\" class=\"separator\" \/><path d=\"M 300,300 L 300,190 L 350,130 L 300,70\" class=\"separator\" transform=\"rotate(120, 300, 300)\" \/><path d=\"M 300,300 L 300,190 L 350,130 L 300,70\" class=\"separator\" transform=\"rotate(240, 300, 300)\" \/><\/g><g style=\"pointer-events: none;\"><line x1=\"300\" y1=\"300\" x2=\"300\" y2=\"190\" class=\"separator\" \/><line x1=\"300\" y1=\"300\" x2=\"300\" y2=\"190\" class=\"separator\" transform=\"rotate(120, 300, 300)\" \/><line x1=\"300\" y1=\"300\" x2=\"300\" y2=\"190\" class=\"separator\" transform=\"rotate(240, 300, 300)\" \/><\/g><text x=\"175\" y=\"200\" class=\"text-label text-outer\" data-for=\"experiments\">Experimenten<\/text><text x=\"465\" y=\"280\" class=\"text-label text-outer\" data-for=\"growth_model\">Groeimodel<\/text><text x=\"300\" y=\"455\" class=\"text-label text-outer\" data-for=\"user_psychology\"><tspan x=\"300\" dy=\"0\">Gebruikers-<\/tspan><tspan x=\"300\" dy=\"25\">psychologie<\/tspan><\/text><text x=\"245\" y=\"275\" class=\"text-label text-inner\" style=\"font-size: 13px;\" data-for=\"monetization\">Monetisatie<\/text><text x=\"365\" y=\"275\" class=\"text-label text-inner\" style=\"font-size: 13px;\" data-for=\"acquisition\">Acquisitie<\/text><text x=\"300\" y=\"350\" class=\"text-label text-inner\" style=\"font-size: 12px;\" data-for=\"retention\"><tspan x=\"300\" dy=\"0\">Retentie &<\/tspan><tspan x=\"300\" dy=\"16\">Betrokkenheid<\/tspan><\/text><g class=\"segment-group\" data-id=\"monetization\"><path class=\"interactive-trigger\" d=\"M 300,300 L 300,190 A 110,110 0 0,0 204.7,355 Z\" \/><\/g><g class=\"segment-group\" data-id=\"acquisition\"><path class=\"interactive-trigger\" d=\"M 300,300 L 300,190 A 110,110 0 0,1 395.3,355 Z\" \/><\/g><g class=\"segment-group\" data-id=\"retention\"><path class=\"interactive-trigger\" d=\"M 300,300 L 204.7,355 A 110,110 0 0,0 395.3,355 Z\" \/><\/g><g class=\"segment-group\" data-id=\"experiments\"><path class=\"interactive-trigger\" d=\"M 204.7,355 L 127.8,341.7 L 100.8,415 A 230 230 0 0 1 300 70 L 350,130 L 300,190 A 110 110 0 0 0 204.7 355 Z\" \/><\/g><g class=\"segment-group\" data-id=\"growth_model\"><path class=\"interactive-trigger\" d=\"M 300,190 L 350,130 L 300,70 A 230 230 0 0 1 499.2 415 L 422.2 428.3 L 395.3 355 A 110 110 0 0 0 300 190 Z\" \/><\/g><g class=\"segment-group\" data-id=\"user_psychology\"><path class=\"interactive-trigger\" d=\"M 395.3,355 L 422.2,428.3 L 499.2,415 A 230 230 0 0 1 100.8 415 L 127.8 341.7 L 204.7 355 A 110 110 0 0 0 395.3 355 Z\" \/><\/g><g class=\"outer-segment-group\" data-id=\"defensibility\"><path class=\"interactive-trigger\" d=\"M 300, 0 A 300,300 0 1,1 300,600 A 300,300 0 1,1 300,0 M 300, 70 A 230,230 0 1,0 300,530 A 230,230 0 1,0 300,70 Z\" fill=\"transparent\" \/><text x=\"300\" y=\"48\" class=\"main-title\" data-for=\"defensibility\">Verdedigbaarheid<\/text><\/g><\/svg><\/div><div class=\"right-column\"><div class=\"text-block info-panel-sized\"><h3 id=\"gm-info-header\">Verdedigbaarheid<\/h3><p id=\"gm-info-body\">Opeenstapelende groeiloops werken als rente-op-rente. Samen met sterke branding cre\u00ebert dit een verdedigbare marktpositie die voor concurrenten onmogelijk te kopi\u00ebren is.<\/p><\/div><div class=\"cta-container\"><span class=\"cta-text\">Meer weten over ons systeem?<\/span><a href=\"https:\/\/youthcommerce.nl\/gouden-ratio\" class=\"yc-btn yc-btn-strategy\"> Bekijk onze werkwijze <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a><\/div><\/div><\/div><script>(function () { const infoData = { 'retention': { header: 'RETENTIE & BETROKKENHEID', body: 'Retentie is het absolute fundament; zonder behoud lekt elke investering weg. Focus hierop verbetert direct acquisitie en winst, en onderscheidt de marktleiders van de rest.' }, 'acquisition': { header: 'ACQUISITIE', body: 'Acquisitie werkt via zichzelf versterkende loops, niet via lineaire funnels. Door in te spelen op bestaande gewoontes (\\'habit transfer\\') sluit je product of service naadloos aan op het kanaal.' }, 'monetization': { header: 'MONETISATIE', body: 'Monetisatie is geen los prijskaartje, maar een integraal systeemonderdeel. Een sterk model wordt niet gegokt, maar vanaf de basis opgebouwd met data om groei te faciliteren.' }, 'growth_model': { header: 'GROEIMODEL', body: 'Groei is geen toeval, maar de voorspelbare output van een systeem. Door retentie, acquisitie en monetisatie te verbinden, ontstaat een herhaalbare motor voor duurzaam resultaat.' }, 'user_psychology': { header: 'GEBRUIKERSPSYCHOLOGIE', body: 'Succesvolle groei dwingt geen nieuw gedrag af, maar benut de \\'law of habit transfer\\'. Inhaken op bestaande routines maakt gebruik van je product een logische, natuurlijke stap.' }, 'experiments': { header: 'EXPERIMENTEN', body: 'Blindelings kopi\u00ebren werkt niet. Door continu te testen vanuit fundamentele analyse (\\'first principles\\') voorkom je aannames en vind je de specifieke succesformule voor jouw markt.' }, 'defensibility': { header: 'VERDEDIGBAARHEID', body: 'Opeenstapelende groeiloops werken als rente-op-rente. Samen met sterke branding cre\u00ebert dit een verdedigbare marktpositie die voor concurrenten onmogelijk te kopi\u00ebren is.' } }; const headerEl = document.getElementById('gm-info-header'); const bodyEl = document.getElementById('gm-info-body'); const wrapper = document.getElementById('growth-model-wrapper'); const chartContainer = wrapper.querySelector('.chart-container'); function updateInfo(id) { const data = infoData[id]; if (data && headerEl && bodyEl) { headerEl.textContent = data.header; bodyEl.textContent = data.body; } } function setFocus(active, activeId) { const cardEl = document.querySelector('.info-panel-sized'); if (active) { chartContainer.classList.add('has-focus'); if (cardEl) cardEl.classList.add('active-glow'); wrapper.querySelectorAll('.text-label, .main-title').forEach(el => { if (el.getAttribute('data-for') === activeId || (activeId === 'defensibility' && el.classList.contains('main-title'))) { el.classList.add('active-label'); } else { el.classList.remove('active-label'); } }); } else { chartContainer.classList.remove('has-focus'); if (cardEl) cardEl.classList.remove('active-glow'); wrapper.querySelectorAll('.text-label, .main-title').forEach(el => { el.classList.remove('active-label'); }); } } const groups = wrapper.querySelectorAll('.segment-group'); groups.forEach(group => { group.addEventListener('mouseenter', () => { const id = group.getAttribute('data-id'); updateInfo(id); setFocus(true, id); }); group.addEventListener('mouseleave', () => { setFocus(false, null); }); }); const outerGroup = wrapper.querySelector('.outer-segment-group'); if (outerGroup) { outerGroup.addEventListener('mouseenter', () => { const id = outerGroup.getAttribute('data-id'); updateInfo(id); setFocus(true, id); }); outerGroup.addEventListener('mouseleave', () => { setFocus(false, null); }); } })();<\/script><\/div><\/div><\/section><style>#process-section{--panel-bg:#141416;--yc-green:#2DBF3A;--font-heading:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.6);padding:20px 0 20px;background:transparent;} .process-container{max-width:1280px;margin:0 auto;padding:0 !important;} .process-header{margin-bottom:60px;} .process-header h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);text-align:left;margin-bottom:20px;font-weight:700;letter-spacing:-0.01em;color:#ffffff;margin-top:0;} .process-header p{text-align:left;max-width:650px;color:#ffffff;font-size:1rem;line-height:1.6;margin:0;opacity:0.9;} .chevron-container{display:flex;align-items:stretch;gap:0;margin-top:40px;padding-bottom:40px;} @media (max-width:900px){.chevron-container{flex-direction:column;gap:20px;} } .chevron-card{position:relative;flex:1;min-height:280px;padding:1px;background:rgba(255,255,255,0.05);cursor:pointer;transition:transform 0.4s ease;margin-left:-20px;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 50%,calc(100% - 40px) 100%,0 100%,40px 50%);} .chevron-card:first-child{margin-left:0;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 50%,calc(100% - 40px) 100%,0 100%);} .chevron-card:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40px 50%);} .chevron-card::before{content:\"\";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x,0) var(--mouse-y,0),var(--yc-green),transparent 40%);z-index:0;opacity:0;transition:opacity 0.5s;} .chevron-card:hover::before{opacity:1;} .chevron-card:hover{transform:translateY(-4px);z-index:10;} .chevron-inner{background:#141416;width:100%;height:100%;position:relative;z-index:1;padding:40px 32px 32px 48px;display:flex;flex-direction:column;justify-content:flex-start;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 50%,calc(100% - 40px) 100%,0 100%,40px 50%);} .chevron-card:first-child .chevron-inner{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 50%,calc(100% - 40px) 100%,0 100%);padding-left:32px;} .chevron-card:last-child .chevron-inner{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40px 50%);} .chevron-inner::after{content:\"\";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(255,255,255,0.06),transparent 40%);opacity:0;transition:opacity 0.5s;pointer-events:none;z-index:0;} .chevron-card:hover .chevron-inner::after{opacity:1;} @media (max-width:900px){.chevron-card{clip-path:none !important;margin-left:0;border-radius:12px !important;padding:1px !important;border:none !important;overflow:hidden !important;background:transparent !important;display:flex !important;flex-direction:column !important;} .chevron-card::before{display:block !important;} .chevron-inner{clip-path:none !important;border-radius:11px !important;padding:28px;background:#141416 !important;flex:1 !important;width:100% !important;} .chevron-card:first-child,.chevron-card:last-child{clip-path:none !important;border-radius:12px !important;} .chevron-card:first-child .chevron-inner,.chevron-card:last-child .chevron-inner{clip-path:none !important;border-radius:11px !important;} } .yc-watermark-isolated{position:absolute;top:20px;right:30px;font-size:6rem;font-weight:700;font-family:Arial,Helvetica,sans-serif !important;font-display:swap;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,0.05);z-index:1;line-height:1;opacity:0.5;pointer-events:none;transition:all 0.4s ease;} .chevron-card:hover .yc-watermark-isolated{-webkit-text-stroke-color:rgba(45,191,58,0.2);opacity:1;} @media (max-width:900px){.yc-watermark-isolated{font-size:4rem;top:10px;right:15px;} } .step-content-wrapper{position:relative;z-index:2;} .step-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px;} .step-desc{font-size:0.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;font-weight:500;} .step-bullets{list-style:none;padding:0;margin:0;} .step-bullets li{font-size:0.9rem;color:rgba(255,255,255,0.9);margin-bottom:12px;padding-left:28px;position:relative;line-height:1.5;transition:color 0.3s ease;} .chevron-card:hover .step-bullets li{color:#ffffff;} .step-bullets li strong{color:#fff;font-weight:600;} #process-section .check-icon{position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);transition:all 0.3s ease;border:1px solid transparent;} #process-section .chevron-card:hover .check-icon{background:rgba(45,191,58,0.1);color:var(--yc-green);border-color:var(--yc-green);} #process-section .check-icon svg{width:10px;height:10px;stroke-width:3;}<\/style><section id=\"process-section\"><div class=\"process-container\"><div class=\"process-header\"><h2>Zo werken wij: Van strategie naar impact<\/h2><div class=\"yc-highlight-container\"><p>Wij geloven niet in eindeloos vergaderen of dikke rapporten. We werken in een vast ritme van prioriteren, bouwen en testen. Zo zetten we jouw uitdagingen elke 2 weken om in tastbaar resultaat. <\/p><\/div><\/div><div class=\"chevron-container\"><article class=\"chevron-card\" onmousemove=\"updateMouse(event, this)\"><div class=\"chevron-inner\"><span class=\"yc-watermark-isolated\">01<\/span><div class=\"step-content-wrapper\"><h3 class=\"step-title\">G.R.O.W.S.<\/h3><p class=\"step-desc\">Strategie & Selectie<\/p><p style=\"color: #fff; font-weight: 600; margin-bottom: 16px;\"> We starten met helderheid. <\/p><ul class=\"step-bullets\"><li><span class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> We verzamelen alle groeikansen en vertalen de beste optie naar een scherpe hypothese. <\/li><li><span class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> We filteren op haalbaarheid, prioriteren op maximale impact en werken dit uit tot een glashelder plan. <\/li><\/ul><\/div><\/div><\/article><article class=\"chevron-card\" onmousemove=\"updateMouse(event, this)\"><div class=\"chevron-inner\"><span class=\"yc-watermark-isolated\">02<\/span><div class=\"step-content-wrapper\"><h3 class=\"step-title\">SPRINT<\/h3><p class=\"step-desc\">2 Weken Focus<\/p><p style=\"color: #fff; font-weight: 600; margin-bottom: 16px;\"> Geen eindeloze trajecten, maar executie. <\/p><ul class=\"step-bullets\"><li><span class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> In een vaste sprint van 2 weken ontwerpen, bouwen en lanceren we de gekozen oplossing. <\/li><li><span class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> 100% focus op uitvoering zonder verstoringen. <\/li><\/ul><\/div><\/div><\/article><article class=\"chevron-card\" onmousemove=\"updateMouse(event, this)\"><div class=\"chevron-inner\"><span class=\"yc-watermark-isolated\">03<\/span><div class=\"step-content-wrapper\"><h3 class=\"step-title\">CLICK<\/h3><p class=\"step-desc\">Validatie & Winst<\/p><p style=\"color: #fff; font-weight: 600; margin-bottom: 16px;\"> Meten is weten. <\/p><ul class=\"step-bullets\"><li><span class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> We analyseren direct hoe de doelgroep reageert op het resultaat. <\/li><li><span class=\"check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span> Op basis van harde data bepalen we de vervolgstap: het succes opschalen of direct bijsturen. <\/li><\/ul><\/div><\/div><\/article><\/div><\/div><\/section><script>function updateMouse(e, card) { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; card.style.setProperty('--mouse-x', `${x}px`); card.style.setProperty('--mouse-y', `${y}px`); const inner = card.querySelector('.chevron-inner'); if (inner) { inner.style.setProperty('--mouse-x', `${x}px`); inner.style.setProperty('--mouse-y', `${y}px`); } }<\/script><section id=\"team-reveal\" class=\"yc-team-section\"><div class=\"yc-team-sticky-wrapper\"><div class=\"yc-team-intro\" style=\"display: block; max-width: 1280px; padding: 0; margin-bottom: 4rem;\"><h2 style=\"font-size: 48px; line-height: 1.1; margin-bottom: 1.5rem; color: #fff;\"> Jouw eigen <em>growth-department<\/em><\/h2><div class=\"yc-highlight-container\"><p style=\"font-size: 16px; line-height: 1.6; max-width: 900px; margin: 0; color: #ffffff;\"> Stop met het managen van juniors bureaus. Wij fungeren als jouw complete, senior marketingafdeling. Directe lijnen, diepgaande expertise en volledige focus op jouw bedrijfsresultaat. <\/p><\/div><\/div><style>.yc-team-sticky-wrapper{overflow:visible !important}.yc-team-section.yc-has-extras .yc-team-sticky-wrapper{justify-content:flex-end !important;padding-bottom:4vh !important}.yc-team-card-back{justify-content:flex-start !important;overflow:hidden !important;gap:1rem}.yc-team-card-back .yc-team-desc-name{flex-shrink:0}.yc-team-card-back .yc-team-desc-text{font-size:13px !important;line-height:1.5;flex:1 1 auto;overflow-y:auto;min-height:0}.yc-team-card-back .yc-team-linkedin-link{flex-shrink:0;margin-top:auto;align-self:flex-start}.yc-team-extra-row{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2rem;column-gap:3rem;margin:0 auto;padding:0 2rem 6rem;max-width:1200px;position:relative;z-index:5;background:inherit}.yc-team-extra-row .yc-team-card{position:relative !important;left:auto !important;top:auto !important;width:300px;height:400px;margin:0;flex:0 0 auto;transform:none !important;transform-origin:center center !important;perspective:1000px;overflow:visible !important}.yc-team-extra-row .yc-team-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.5)}.yc-team-extra-row .yc-team-card.yc-allow-flip:hover .yc-team-card-inner{transform:rotateY(180deg)}@media (max-width:768px){.yc-team-stack{height:auto !important}.yc-team-extra-row{gap:1rem;padding:0 1rem 3rem}.yc-team-stack .yc-team-card{height:400px !important}.yc-team-extra-row .yc-team-card{width:65%;max-width:240px;height:400px}}<\/style><script>(function(){function move(){var p=document.querySelector(\"[data-yc-extras]\");if(!p)return;var s=p.closest(\".yc-team-section\");if(s&&s.parentElement){s.parentElement.insertBefore(p,s.nextSibling);}p.style.display=\"\";}if(document.readyState!==\"loading\"){move();}else{document.addEventListener(\"DOMContentLoaded\",move);}})();<\/script><div class=\"yc-team-stack\"><div class=\"yc-team-card yc-team-logo-card\" id=\"card-logo\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\" style=\"display: flex; align-items: center; justify-content: center; background: #1d1d1f;\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/07\/YouthCommerce-logo.png?strip=all&w=1920\" alt=\"YouthCommerce\" style=\"object-fit: contain; width: 60%; height: auto; display: block;\"><\/div><\/div><\/div><div class=\"yc-team-card yc-allow-flip\" id=\"card-william\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/William.png?strip=all\" alt=\"William\"><div class=\"yc-team-info\">William<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">William Miggelbrink<\/div><div class=\"yc-team-desc-text\">William werkt al vijf jaar samen met Owen en zorgt voor een sterke (infra)structuur achter de marketing. Met zijn achtergrond in Logistics Management (HAN) en certificeringen bij IBM, Growth Tribe en McKinsey brengt hij overzicht in complexe vraagstukken. Hij houdt van heldere processen en meetbare resultaten, waardoor klanten grip houden op groei.<\/div><a href=\"https:\/\/www.linkedin.com\/in\/william-miggelbrink\/\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn William\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg><\/a><\/div><\/div><\/div><div class=\"yc-team-card yc-allow-flip\" id=\"card-owen\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/Owen.png?strip=all\" alt=\"Owen\"><div class=\"yc-team-info\">Owen<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Owen Ebbers<\/div><div class=\"yc-team-desc-text\">Owen heeft meer dan zes jaar ervaring in online marketing en helpt klanten groeien met slimme SEO- en growthstrategie\u00ebn. Hij volgde een SEO-studie aan de HvA en behaalde certificeringen bij Growth Tribe, McKinsey en BJ Fogg Behaviour Design. Owen gelooft dat marketing werkt als je begrijpt waarom mensen keuzes maken. Daarom bouwt hij strategie\u00ebn die logisch voelen \u00e9n converteren naar omzet.<\/div><a href=\"https:\/\/www.linkedin.com\/in\/owenebbers\/\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn Owen\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg><\/a><\/div><\/div><\/div><div class=\"yc-team-card yc-allow-flip\" id=\"card-tygo\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/Foto-1.jpg?strip=all\" alt=\"Noah\"><div class=\"yc-team-info\">Noah<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Noah Bruins<\/div><div class=\"yc-team-desc-text\">Noah helpt bedrijven en founders met haar boutique agency AECL\u00c1T om hun verhaal online sterk en authentiek te vertellen. Haar klanten hebben vaak al iets sterks staan, maar missen de consistentie en kracht om dit online goed over te brengen. Dit doet ze aan de hand van socialmediastrategie\u00ebn, contentcreatie en communitybeheer, waarbij content altijd wordt ingezet op basis van wie een bedrijf is, waar het voor staat en hoe mensen kijken, voelen en consumeren op Instagram, TikTok en LinkedIn.<\/div><a href=\"https:\/\/nl.linkedin.com\/in\/noahbruins\" target=\"_blank\" class=\"yc-team-linkedin-link\" aria-label=\"LinkedIn Noah\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg><\/a><\/div><\/div><\/div><\/div><div class=\"yc-team-extra-row\" data-yc-extras style=\"display:none\"><div style=\"transform:rotate(0.0deg) !important;\" class=\"yc-team-card yc-allow-flip\" id=\"card-extra-14025\"><div class=\"yc-team-card-inner\"><div class=\"yc-team-card-front\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/05\/Tygo.png?strip=all\" alt=\"Tygo\"><div class=\"yc-team-info\">Tygo<\/div><\/div><div class=\"yc-team-card-back\"><div class=\"yc-team-desc-name\">Tygo Bollen<\/div><div class=\"yc-team-desc-text\">Tygo versterkt het team als advertising specialist met focus op SEA-campagnes. Tijdens zijn E-commerce opleiding aan Hogeschool Windesheim past hij theorie direct toe in de praktijk. Hij wordt enthousiast van testen en optimaliseren, omdat resultaten snel zichtbaar zijn. Voor klanten betekent dit actief beheerde campagnes die continu beter presteren.<\/div><\/div><\/div><\/div><\/div><\/div><\/section><style>.yc-trust-wrapper{padding:148px 0 100px;background-color:transparent;position:relative;z-index:2;} .yc-trust-grid{display:grid;grid-template-columns:0.95fr 1.25fr;gap:40px;align-items:center;width:100%;} .yc-trust-content{text-align:left;} .yc-trust-title{font-family:var(--font-head);font-size:48px;font-weight:700;color:#ffffff;margin-bottom:24px;line-height:1.1;} .yc-trust-desc{font-size:18px;color:#b0b8c4;margin-bottom:40px;max-width:500px;line-height:1.6;} .yc-trust-cta{display:inline-flex;align-items:center;padding:16px 32px;background-color:#2DBF3A;color:#ffffff;font-weight:700;border-radius:8px;text-decoration:none;transition:transform 0.2s,background-color 0.2s;font-size:16px;} .yc-trust-cta:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(45,191,58,0.4);background-color:#2DBF3A;} .yc-trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;} .yc-trust-badge-card{background:#0b1219;border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;height:auto;min-height:190px;transition:transform 0.3s ease,border-color 0.3s ease;} .yc-trust-badge-card:hover{transform:translateY(-5px);border-color:rgba(124,230,138,0.3);} .yc-trust-badge-img{width:80px;height:80px;object-fit:contain;flex-shrink:0;} .yc-trust-card-content{display:flex;flex-direction:column;text-align:left;gap:4px;} .yc-trust-badge-title{font-size:18px;color:#ffffff;font-weight:700;margin:0;text-align:left;} .yc-trust-badge-desc{font-size:14px;color:#b0b8c4;line-height:1.4;margin:0;} .hidden-mobile{display:block;} @media (max-width:900px){.yc-trust-grid{grid-template-columns:1fr;gap:40px;text-align:center;} .yc-trust-badges{grid-template-columns:1fr 1fr;gap:12px;} .yc-trust-content{text-align:center;display:flex;flex-direction:column;align-items:center;} .yc-trust-badge-card{flex-direction:column;text-align:center;padding:16px;gap:12px;} .yc-trust-card-content,.yc-trust-badge-title{text-align:center;} }<\/style><section class=\"yc-section yc-trust-wrapper\" id=\"trust\"><div class=\"yc-container\"><div class=\"yc-trust-grid\"><div class=\"yc-trust-content\"><h2 class=\"yc-trust-title\">Laat je bedrijf groeien met vertrouwen<\/h2><div class=\"yc-highlight-container\"><p class=\"yc-trust-desc\" style=\"font-size: 16px;\"> Werk direct met een ervaren performance marketing partner. Transparant, compliant en gericht op resultaat <\/p><\/div><a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"yc-trust-cta\"> Ontdek jouw groeikansen <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:8px;\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a><\/div><div class=\"yc-trust-badges\"><div class=\"yc-trust-badge-card\"><img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2025\/PartnerBadgeClickable.svg\" alt=\"Google Partner\" class=\"yc-trust-badge-img\"><div class=\"yc-trust-card-content\"><div class=\"yc-trust-badge-title\">Google Partner<\/div><p class=\"yc-trust-badge-desc\">YouthCommerce is gecertificeerd Google Partner. <\/p><\/div><\/div><div class=\"yc-trust-badge-card\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/12\/8.jpg?strip=all&w=1920\" alt=\"GDPR\" class=\"yc-trust-badge-img\" style=\"border-radius: 50%;\"><div class=\"yc-trust-card-content\"><div class=\"yc-trust-badge-title\">GDPR compliant<\/div><p class=\"yc-trust-badge-desc\">Volledig conform de EU-privacywetgeving (AVG). <\/p><\/div><\/div><\/div><\/div><\/div><\/section><\/div><section class=\"yc-toolstack\"><div class=\"yc-container\"><div class=\"yc-toolstack-header\"><h2>Merken Die We Gebruiken<\/h2><div class=\"yc-highlight-container\"><p style=\"max-width: 1000px; color: #ffffff; font-size: 16px;\"> Google Bedrijfsprofiel is het hart, aangevuld met betrouwbare tools voor nauwkeurigheid en meting. <br><br> We werken veilig met 2FA, beperkte gebruikersrechten, audit logs en GDPR conforme dataopslag. We vragen geen onnodige gegevens en documenteren wijzigingen transparant. <\/p><\/div><\/div><\/div><div class=\"yc-toolstack-track\"><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google_Maps-Logo.png?strip=all&w=1920\" alt=\"Google Maps\"><div class=\"yc-tooltip\">Google Maps<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google-Business-Profile.png?strip=all&w=1920\" alt=\"Google Business Profile Manager\"><div class=\"yc-tooltip\">Google Business Profile Manager<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/lg-6882b33c487f9-Google-Search-Console-e1768291773322.webp?strip=all&w=1920\" alt=\"Google Search Console\"><div class=\"yc-tooltip\">Google Search Console<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/63120591b661e15cdf54dedb.png?strip=all&w=1920\" alt=\"BrightLocal\"><div class=\"yc-tooltip\">BrightLocal<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google-analytics-logo.png?strip=all&w=1920\" alt=\"Google Analytics 4\"><div class=\"yc-tooltip\">Google Analytics 4 (GA4)<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google-tag-manager-logo-2-e1768233597302.png?strip=all&w=1920\" alt=\"Google Tag Manager\"><div class=\"yc-tooltip\">Google Tag Manager<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Looker-Studio-Logo-768x361-1.png?strip=all&w=1920\" alt=\"Looker Studio\" style=\"transform: scale(0.8);\"><div class=\"yc-tooltip\">Looker Studio<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/07\/2824a11d9198a5496ce63652f57d3bb9.png?strip=all&w=1920\" alt=\"SEMrush\"><div class=\"yc-tooltip\">SEMrush<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google_Maps-Logo.png?strip=all&w=1920\" alt=\"Google Maps\"><div class=\"yc-tooltip\">Google Maps<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google-Business-Profile.png?strip=all&w=1920\" alt=\"Google Business Profile Manager\"><div class=\"yc-tooltip\">Google Business Profile Manager<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/lg-6882b33c487f9-Google-Search-Console-e1768291773322.webp?strip=all&w=1920\" alt=\"Google Search Console\"><div class=\"yc-tooltip\">Google Search Console<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/63120591b661e15cdf54dedb.png?strip=all&w=1920\" alt=\"BrightLocal\"><div class=\"yc-tooltip\">BrightLocal<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google-analytics-logo.png?strip=all&w=1920\" alt=\"Google Analytics 4\"><div class=\"yc-tooltip\">Google Analytics 4 (GA4)<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Google-tag-manager-logo-2-e1768233597302.png?strip=all&w=1920\" alt=\"Google Tag Manager\"><div class=\"yc-tooltip\">Google Tag Manager<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2026\/01\/Looker-Studio-Logo-768x361-1.png?strip=all&w=1920\" alt=\"Looker Studio\" style=\"transform: scale(0.8);\"><div class=\"yc-tooltip\">Looker Studio<\/div><\/div><div class=\"yc-logo-item\"><img decoding=\"async\" src=\"https:\/\/ekwfz9ehj5t.exactdn.com\/wp-content\/uploads\/2025\/07\/2824a11d9198a5496ce63652f57d3bb9.png?strip=all&w=1920\" alt=\"SEMrush\"><div class=\"yc-tooltip\">SEMrush<\/div><\/div><\/div><\/section><section id=\"faq\" class=\"yc-section\" style=\"background-color: transparent;\"><div class=\"yc-container\"><div class=\"yc-faq-header\" style=\"text-align: center; margin-bottom: 4rem;\"><h2>FAQs Over Google Bedrijfsprofiel<\/h2><div class=\"yc-highlight-container\"><p style=\"max-width: 60ch; margin: 1rem auto 0; color: #ffffff; font-size: 16px;\"> Google Bedrijfsprofiel is een gratis bedrijfsvermelding in Google Search en Maps met adres, telefoon, website, openingstijden, reviews en meer. <\/p><\/div><\/div><div class=\"yc-accordion\" style=\"max-width: 800px; margin: 0 auto; width: 100%;\"><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Wat doet YouthCommerce met Google Bedrijfsprofiel?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> We claimen, verifi\u00ebren, vullen aan, posten, beheren reviews en meten clicks, calls en routes met GA4 en UTM. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Wanneer claimen of verifi\u00ebren?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Zo snel mogelijk, zeker bij nieuwe locaties, verhuizingen of rebrandings om verlies van zichtbaarheid te voorkomen. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Waarom professioneel beheer?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Consistente data, juiste categorie\u00ebn, actuele posts en snelle reacties op reviews verhogen relevantie en conversie. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Hoe werkt verificatie?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Via postcard, telefoon of video; wij begeleiden de keuze, verzamelen bewijs en voltooien de stap. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Kan YouthCommerce meerdere locaties beheren?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Ja, via business en location groups met rollen en toegangsbeheer. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Doet een Service Area Business iets anders?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Ja, we verbergen het adres, stellen servicegebieden in en valideren coverage zonder storefront. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Doen Google Ads resultaten mee?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Ads be\u00efnvloeden betaalde posities, niet de organische Map Pack, maar samen vergroten ze totaal bereik. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Hoelang duurt reinstatement na suspension?<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px;\"> Case afhankelijk; we dienen direct in met bewijs en volgen op met Support tot besluit. <\/div><\/div><\/div><div class=\"yc-accordion-item\"><button class=\"yc-accordion-trigger\"><span>Overige diensten<\/span><div class=\"yc-accordion-icon\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"><\/line><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"><\/line><\/svg><\/div><\/button><div class=\"yc-accordion-content\"><div class=\"yc-accordion-inner\" style=\"padding: 0 24px 24px 24px; max-width: 100%;\"><div style=\"overflow-x: auto;\"><style>.yc-services-table{width:100%;border-collapse:collapse;font-size:0.9rem;color:#ccc;min-width:600px;} .yc-services-table th,.yc-services-table td{text-align:left;padding:1rem;border-bottom:1px solid rgba(255,255,255,0.1);} .yc-services-table th{color:#fff;font-weight:600;border-bottom:2px solid rgba(255,255,255,0.2);}<\/style><table class=\"yc-services-table\"><thead><tr><th>Hoofddiensten<\/th><th>Varieties<\/th><th>Ondersteunende thema\u2019s<\/th><\/tr><\/thead><tbody><tr><td>Google Bedrijfsprofiel<\/td><td>Google Business Profile<\/td><td>Google Maps profiel beheer<\/td><\/tr><tr><td>Google Bedrijfsprofiel beheer<\/td><td>Google Mijn Bedrijf beheer<\/td><td>Local Pack zichtbaarheid<\/td><\/tr><tr><td>Google Bedrijfsprofiel verificatie<\/td><td>GBP verificatie<\/td><td>Bedrijfsprofiel claimen<\/td><\/tr><tr><td>Google Bedrijfsprofiel updates<\/td><td>GBP management<\/td><td>Reviews en Q&A beheer<\/td><\/tr><tr><td>Google Bedrijfsprofiel service<\/td><td>Professioneel GBP<\/td><td>Lokale vindbaarheid Google<\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"talk-expert\" class=\"yc-interactive-cta\" style=\"margin-top: 96px;\"><canvas id=\"mobius-canvas\"><\/canvas><div class=\"yc-cta-content\"><h2 style=\"margin-bottom: 2.5rem;\">Lokaal zichtbaar waar je klanten zoeken?<\/h2><a href=\"https:\/\/youthcommerce.nl\/contact\" class=\"hero-cta-button\" style=\"pointer-events: auto; display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; padding: 1.125rem 2rem; border-radius: 8px; font-weight: 600; font-size: 1rem; font-family: &#039;SF Pro Text&#039;, -apple-system, BlinkMacSystemFont, sans-serif; background: #ffffff; color: #000000; transition: transform 0.2s ease;\"> Plan een strategiegesprek <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"M12 5l7 7-7 7\"><\/path><\/svg><\/a><\/div><div id=\"north-star-cursor\" class=\"yc-star-cursor\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0L14.5 9.5L24 12L14.5 14.5L12 24L9.5 14.5L0 12L9.5 9.5L12 0Z\" \/><\/svg><\/div><\/section><\/div><\/main><\/div><script>const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); } }); }, observerOptions); const cpSection = document.getElementById('cross-platform-section'); const cpContainer = document.querySelector('.yc-cp-container'); if (cpSection && cpContainer) { const cpObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { cpContainer.classList.add('active'); } else { cpContainer.classList.remove('active'); } }); }, { threshold: 0.2 }); cpObserver.observe(cpSection); } document.querySelectorAll('.yc-scroll-anim').forEach((el) => { observer.observe(el); }); const cards = document.querySelectorAll('.yc-service-card, .yc-card'); cards.forEach(card => { card.addEventListener('mousemove', (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const centerX = rect.width \/ 2; const centerY = rect.height \/ 2; const rotateX = ((y - centerY) \/ centerY) * -5; const rotateY = ((x - centerX) \/ centerX) * 5; card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`; card.classList.add('yc-tilt-active'); }); card.addEventListener('mouseleave', () => { card.style.transform = ''; card.classList.remove('yc-tilt-active'); }); }); function updateConnections() { const svg = document.getElementById('svg-layer'); if (!svg) return; const rectSvg = svg.getBoundingClientRect(); const isMobile = window.innerWidth <= 1000; const leftEl = document.getElementById('left-card'); const centerEl = document.getElementById('center-stack'); const c1 = document.getElementById('card-1'); const c2 = document.getElementById('card-2'); const c3 = document.getElementById('card-3'); const c4 = document.getElementById('card-4'); if (!leftEl || !centerEl) return; function getPt(el, loc) { const r = el.getBoundingClientRect(); const x = r.left - rectSvg.left; const y = r.top - rectSvg.top; if (loc === 'rc') return { x: x + r.width, y: y + r.height \/ 2 }; if (loc === 'lc') return { x: x, y: y + r.height \/ 2 }; if (loc === 'bc') return { x: x + r.width \/ 2, y: y + r.height }; if (loc === 'tc') return { x: x + r.width \/ 2, y: y }; if (loc === 'iso-left') return { x: x + 30, y: y + r.height \/ 2 + 20 }; if (loc === 'iso-right') return { x: x + r.width - 30, y: y + r.height \/ 2 + 10 }; return { x: 0, y: 0 }; } function setDualPath(idBase, idFlow, d) { const elBase = document.getElementById(idBase); const elFlow = document.getElementById(idFlow); if (elBase) elBase.setAttribute('d', d); if (elFlow) elFlow.setAttribute('d', d); } function createElbowPath(start, end, turnX) { const r = 15; let d = `M ${start.x},${start.y}`; if (Math.abs(start.y - end.y) < 2) { d += ` L ${end.x},${end.y}`; return d; } let tx = turnX || (start.x + (end.x - start.x) \/ 2); d += ` L ${tx - r},${start.y}`; const dirY = end.y > start.y ? 1 : -1; d += ` Q ${tx},${start.y} ${tx},${start.y + (r * dirY)}`; d += ` L ${tx},${end.y - (r * dirY)}`; d += ` Q ${tx},${end.y} ${tx + r},${end.y}`; d += ` L ${end.x},${end.y}`; return d; } if (!isMobile) { const pStart = getPt(leftEl, 'rc'); const pStackL = getPt(centerEl, 'iso-left'); const pStackR = getPt(centerEl, 'iso-right'); const dLeft = `M ${pStart.x},${pStart.y} L ${pStackL.x},${pStart.y}`; setDualPath('line-left-base', 'line-left-flow', dLeft); const busX = pStackR.x + 60; const updateRight = (baseId, flowId, el) => { const pEnd = getPt(el, 'lc'); const d = createElbowPath(pStackR, pEnd, busX); setDualPath(baseId, flowId, d); }; updateRight('line-r1-base', 'line-r1-flow', c1); updateRight('line-r2-base', 'line-r2-flow', c2); updateRight('line-r3-base', 'line-r3-flow', c3); updateRight('line-r4-base', 'line-r4-flow', c4); } else { const pL = getPt(leftEl, 'bc'); const pStackT = getPt(centerEl, 'tc'); const pStackB = getPt(centerEl, 'bc'); pStackT.y += 60; pStackB.y -= 25; const dLeft = `M ${pL.x},${pL.y} L ${pStackT.x},${pStackT.y}`; setDualPath('line-left-base', 'line-left-flow', dLeft); const busX = 20; const initialDrop = 50; const createMobileBusPath = (start, end, busX) => { const r = 15; let d = `M ${start.x},${start.y}`; d += ` L ${start.x},${start.y + initialDrop - r}`; d += ` Q ${start.x},${start.y + initialDrop} ${start.x - r},${start.y + initialDrop}`; d += ` L ${busX + r},${start.y + initialDrop}`; d += ` Q ${busX},${start.y + initialDrop} ${busX},${start.y + initialDrop + r}`; d += ` L ${busX},${end.y - r}`; d += ` Q ${busX},${end.y} ${busX + r},${end.y}`; d += ` L ${end.x},${end.y}`; return d; }; const updateRight = (baseId, flowId, el) => { const pEnd = getPt(el, 'lc'); const d = createMobileBusPath(pStackB, pEnd, busX); setDualPath(baseId, flowId, d); }; updateRight('line-r1-base', 'line-r1-flow', c1); updateRight('line-r2-base', 'line-r2-flow', c2); updateRight('line-r3-base', 'line-r3-flow', c3); updateRight('line-r4-base', 'line-r4-flow', c4); } } window.addEventListener('load', updateConnections); window.addEventListener('resize', updateConnections); window.addEventListener('scroll', updateConnections); updateConnections(); const caseCards = document.querySelectorAll('.yc-case-card'); let activeIndex = 1; function updateCarousel() { caseCards.forEach((card, i) => { card.classList.remove('pos-left', 'pos-center', 'pos-right'); if (i === activeIndex) { card.classList.add('pos-center'); } else if (i === (activeIndex + 1) % 3) { card.classList.add('pos-right'); } else { card.classList.add('pos-left'); } }); } let isLocked = false; caseCards.forEach((card, index) => { card.addEventListener('mouseenter', () => { if (isLocked) return; if (activeIndex !== index) { activeIndex = index; updateCarousel(); isLocked = true; setTimeout(() => { isLocked = false; }, 800); } }); }); updateCarousel(); (function () { const canvas = document.getElementById('infinity-bg'); if (!canvas) return; const ctx = canvas.getContext('2d'); let width, height; let particles = []; let ambientStars = []; const PARTICLE_COUNT = 80; const SPEED_BASE = 0.1; const CONNECT_DIST = 100; const FADE_START_SCROLL = 100; function resize() { width = window.innerWidth; height = window.innerHeight; canvas.width = width; canvas.height = height; } window.addEventListener('resize', resize); resize(); class Particle { constructor() { this.init(true); } init(randomSpawn = false) { const angle = Math.random() * Math.PI * 2; this.x = Math.random() * width; this.y = Math.random() * height; this.vx = (Math.random() - 0.5) * SPEED_BASE; this.vy = (Math.random() - 0.5) * SPEED_BASE; this.size = Math.random() * 1.5 + 0.5; this.alpha = Math.random() * 0.1 + 0.05; this.t = Math.random() * Math.PI * 2; } update() { this.x += this.vx; this.y += this.vy; const a = Math.min(width, height) * 0.4; const centerX = width \/ 2; const centerY = height \/ 2; let t = this.t; const denom = 1 + Math.sin(t) * Math.sin(t); const targetX = centerX + (a * Math.cos(t)) \/ denom; const targetY = centerY + (a * Math.sin(t) * Math.cos(t)) \/ denom; const dx = targetX - this.x; const dy = targetY - this.y; this.vx += dx * 0.00005; this.vy += dy * 0.00005; this.vx *= 0.99; this.vy *= 0.99; this.t += 0.0005; if (this.x < -50 || this.x > width + 50 || this.y < -50 || this.y > height + 50) { this.init(); } } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`; ctx.fill(); } } class AmbientInfinityStar { constructor() { this.reset(); } reset() { this.x = Math.random() * width; this.y = Math.random() * height; this.size = Math.random() * 1.0 + 0.5; this.opacity = Math.random() * 0.3 + 0.05; this.speedX = (Math.random() - 0.5) * 0.1; this.speedY = (Math.random() - 0.5) * 0.3; this.twinkleSpeed = 0.005 + Math.random() * 0.005; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.9 || this.opacity < 0.2) this.twinkleDir *= -1; if (this.x < 0) this.x = width; if (this.x > width) this.x = 0; if (this.y < 0) this.y = height; if (this.y > height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } for (let i = 0; i < PARTICLE_COUNT; i++) { particles.push(new Particle()); } for (let i = 0; i < 200; i++) { ambientStars.push(new AmbientInfinityStar()); } function animate() { ctx.clearRect(0, 0, width, height); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.beginPath(); for (let i = 0; i < particles.length; i++) { const p1 = particles[i]; for (let j = i + 1; j < particles.length; j++) { const p2 = particles[j]; const dist = Math.hypot(p1.x - p2.x, p1.y - p2.y); if (dist < CONNECT_DIST) { const opacity = (1 - dist \/ CONNECT_DIST) * 0.08; ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.strokeStyle = `rgba(255, 255, 255, ${opacity})`; ctx.stroke(); ctx.beginPath(); } } } for (let p of particles) { p.update(); p.draw(); } requestAnimationFrame(animate); } animate(); canvas.style.opacity = '1'; })(); (function () { const serviceCards = document.querySelectorAll('.yc-service-card-new'); const sliderTrack = document.getElementById('services-track'); if (!serviceCards.length || !sliderTrack) return; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const index = Array.from(serviceCards).indexOf(entry.target); if (index !== -1) { sliderTrack.style.transform = `translateX(-${index * 100}%)`; } } }); }, { threshold: 0.5, rootMargin: \"-10% 0px -10% 0px\" }); serviceCards.forEach(card => observer.observe(card)); })(); (function () { const section = document.getElementById('talk-expert'); const canvas = document.getElementById('mobius-canvas'); const cursorValues = { x: 0, y: 0, targetX: 0, targetY: 0 }; const starCursor = document.getElementById('north-star-cursor'); if (!section || !canvas || !starCursor) return; const ctx = canvas.getContext('2d'); let width, height; let points = []; let scrollY = 0; let ambientStars = []; const RADIUS = 200; const TUBE_RADIUS = 60; const SEGMENTS = 100; const TUBE_SEGMENTS = 10; function resize() { width = section.offsetWidth; height = section.offsetHeight; canvas.width = width; canvas.height = height; if (width < 600) { } } window.addEventListener('resize', resize); resize(); class MoebiusStar { constructor() { this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2.5 + 0.5; this.opacity = Math.random() * 0.6 + 0.3; this.speedX = (Math.random() - 0.5) * 0.2; this.speedY = (Math.random() - 0.5) * 3.0; this.twinkleSpeed = 0.005 + Math.random() * 0.01; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.6 || this.opacity < 0.1) this.twinkleDir *= -1; if (this.x < 0) this.x = canvas.width; if (this.x > canvas.width) this.x = 0; if (this.y < 0) this.y = canvas.height; if (this.y > canvas.height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } function initStars() { ambientStars = []; const density = Math.floor((canvas.width * canvas.height) \/ 5000); const count = Math.max(300, density); for (let i = 0; i < count; i++) ambientStars.push(new MoebiusStar()); } initStars(); window.addEventListener('resize', initStars); function initPoints() { points = []; for (let i = 0; i < SEGMENTS; i++) { let u = (i \/ SEGMENTS) * Math.PI * 2; for (let j = 0; j < TUBE_SEGMENTS; j++) { let v = (j \/ TUBE_SEGMENTS - 0.5) * TUBE_RADIUS; let px = RADIUS * Math.cos(u); let py = RADIUS * Math.sin(2 * u) * 0.5; let pz = 0; let x = (RADIUS + v) * Math.cos(u); let y = (RADIUS + v) * Math.sin(2 * u) * 0.5; let z = v; points.push({ x, y, z, ox: x, oy: y, oz: z }); } } } initPoints(); function animate() { ctx.clearRect(0, 0, width, height); const cx = width \/ 2; const cy = height \/ 2; const time = Date.now() * 0.0005; const scrollRot = window.scrollY * 0.002; const mx = (cursorValues.x - cx) \/ cx || 0; const my = (cursorValues.y - cy) \/ cy || 0; const rotX = scrollRot * 0.5 + (my * 0.3); const rotY = time + scrollRot + (mx * 0.3); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.fillStyle = 'rgba(45, 191, 58, 0.6)'; points.forEach(p => { let x1 = p.ox * Math.cos(rotY) - p.oz * Math.sin(rotY); let z1 = p.ox * Math.sin(rotY) + p.oz * Math.cos(rotY); let y2 = p.oy * Math.cos(rotX) - z1 * Math.sin(rotX); let z2 = p.oy * Math.sin(rotX) + z1 * Math.cos(rotX); let scale = 400 \/ (400 + z2); let x2D = x1 * scale + cx; let y2D = y2 * scale + cy; let size = Math.max(0.5, scale * 2); ctx.beginPath(); ctx.arc(x2D, y2D, size, 0, Math.PI * 2); ctx.fill(); }); cursorValues.x += (cursorValues.targetX - cursorValues.x) * 0.1; cursorValues.y += (cursorValues.targetY - cursorValues.y) * 0.1; starCursor.style.left = cursorValues.x + 'px'; starCursor.style.top = cursorValues.y + 'px'; requestAnimationFrame(animate); } animate(); section.addEventListener('mousemove', (e) => { const rect = section.getBoundingClientRect(); cursorValues.targetX = e.clientX - rect.left; cursorValues.targetY = e.clientY - rect.top; }); })(); (function () { const section = document.getElementById('team-reveal'); const cLeft = document.getElementById('card-william'); const cRight = document.getElementById('card-tygo'); const cCenter = document.getElementById('card-owen'); const cLogo = document.getElementById('card-logo'); if (!section || !cLeft || !cRight || !cCenter) return; if (window.innerWidth < 769) return; window.addEventListener('scroll', () => { const rect = section.getBoundingClientRect(); const viewportH = window.innerHeight; const isMobile = window.innerWidth < 769; const totalScrollDist = section.offsetHeight - viewportH; let scrolled = -rect.top; if (scrolled < 0) scrolled = 0; let progress = scrolled \/ totalScrollDist; progress = Math.max(0, Math.min(1, progress)); if (cLogo) { let logoProgress = progress \/ 0.4; logoProgress = Math.max(0, Math.min(1, logoProgress)); const opacity = 1 - logoProgress; const scale = 1 + (0.5 * logoProgress); const blur = logoProgress * 10; cLogo.style.opacity = opacity; cLogo.style.transform = `translate(-50%, 0) scale(${scale})`; cLogo.style.filter = `blur(${blur}px)`; cLogo.style.pointerEvents = opacity < 0.1 ? 'none' : 'auto'; } let fanProgress = (progress - 0.3) \/ 0.7; fanProgress = Math.max(0, Math.min(1, fanProgress)); const spreadX = isMobile ? 30 : 110; const rotDeg = isMobile ? 3 : 5; const xL = -spreadX * fanProgress; const rL = -rotDeg * fanProgress; cLeft.style.transform = `translate(calc(-50% + ${xL}%), 0) rotate(${rL}deg)`; const xR = spreadX * fanProgress; const rR = rotDeg * fanProgress; cRight.style.transform = `translate(calc(-50% + ${xR}%), 0) rotate(${rR}deg)`; const scaleC = 1 - (0.05 * fanProgress); cCenter.style.transform = `translate(-50%, 0) scale(${scaleC})`; }); })();<\/script><script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/gsap.min.js\"><\/script><script src=\"https:\/\/unpkg.com\/gsap@3\/dist\/ScrollTrigger.min.js\"><\/script><script>(() => { gsap.registerPlugin(ScrollTrigger); const container = document.getElementById('ycGrowthStack'); if (!container) return; const cards = Array.from(container.children); const section = document.getElementById('growthSection'); const cardDistance = 25; const verticalDistance = 25; let lastActiveIndex = -1; function getSlot(i) { return { x: i * cardDistance, y: -i * verticalDistance, z: -i * cardDistance * 1.5, zIndex: cards.length - i, opacity: 1 }; } function updateActive(index) { cards.forEach((c, i) => { if (i === index) c.classList.add('active'); else c.classList.remove('active'); }); } function init() { updateActive(0); cards.forEach((card, i) => { const s = getSlot(i); gsap.set(card, { x: s.x, y: s.y, z: s.z, zIndex: s.zIndex, xPercent: -50, yPercent: -50, transformOrigin: '50% 50%' }); }); const tl = gsap.timeline({ scrollTrigger: { trigger: section, start: \"top top\", end: \"+=300%\", pin: true, scrub: 0.5, anticipatePin: 1, onUpdate: (self) => { const totalSteps = cards.length - 1; const activeIndex = Math.min( Math.round(self.progress * totalSteps), cards.length - 1 ); if (activeIndex !== lastActiveIndex) { updateActive(activeIndex); lastActiveIndex = activeIndex; } } } }); cards.forEach((card, i) => { if (i === cards.length - 1) return; tl.to(card, { yPercent: 200, opacity: 0, rotationX: -10, duration: 1, ease: \"power2.inOut\" }, \"step\" + i); for (let j = i + 1; j < cards.length; j++) { const nextCard = cards[j]; const currentRelIndex = j - i; const targetRelIndex = currentRelIndex - 1; const targetSlot = getSlot(targetRelIndex); tl.to(nextCard, { x: targetSlot.x, y: targetSlot.y, z: targetSlot.z, zIndex: targetSlot.zIndex, duration: 1, ease: \"power2.inOut\" }, \"step\" + i); } }); } init(); ScrollTrigger.refresh(); })();<\/script><script>(function () { const section = document.getElementById('team-reveal'); const cLeft = document.getElementById('card-william'); const cRight = document.getElementById('card-tygo'); const cCenter = document.getElementById('card-owen'); const cLogo = document.getElementById('card-logo'); if (!section || !cLeft || !cRight || !cCenter) return; if (window.innerWidth < 769) return; window.addEventListener('scroll', () => { const rect = section.getBoundingClientRect(); const viewportH = window.innerHeight; const totalScrollDist = section.offsetHeight - viewportH; const scrolled = -rect.top; let progress = scrolled \/ totalScrollDist; progress = Math.max(0, Math.min(1, progress)); if (cLogo) { let logoProgress = progress \/ 0.4; logoProgress = Math.max(0, Math.min(1, logoProgress)); const opacity = 1 - logoProgress; const scale = 1 + (0.5 * logoProgress); const blur = logoProgress * 10; cLogo.style.opacity = opacity; cLogo.style.transform = `translate(-50%, 0) scale(${scale})`; cLogo.style.filter = `blur(${blur}px)`; cLogo.style.pointerEvents = opacity < 0.1 ? 'none' : 'auto'; } let fanProgress = (progress - 0.3) \/ 0.7; fanProgress = Math.max(0, Math.min(1, fanProgress)); const xL = -110 * fanProgress; const rL = -5 * fanProgress; cLeft.style.transform = `translate(calc(-50% + ${xL}%), 0) rotate(${rL}deg)`; const xR = 110 * fanProgress; const rR = 5 * fanProgress; cRight.style.transform = `translate(calc(-50% + ${xR}%), 0) rotate(${rR}deg)`; const scaleC = 1 - (0.05 * fanProgress); cCenter.style.transform = `translate(-50%, 0) scale(${scaleC})`; }); })();<\/script><script>(function () { const canvas = document.getElementById('infinity-bg'); if (!canvas) return; const ctx = canvas.getContext('2d'); let width, height; let particles = []; let ambientStars = []; const PARTICLE_COUNT = 80; const SPEED_BASE = 0.1; const CONNECT_DIST = 100; function resize() { width = window.innerWidth; height = window.innerHeight; canvas.width = width; canvas.height = height; } window.addEventListener('resize', resize); resize(); class Particle { constructor() { this.init(true); } init(randomSpawn = false) { const angle = Math.random() * Math.PI * 2; this.x = Math.random() * width; this.y = Math.random() * height; this.vx = (Math.random() - 0.5) * SPEED_BASE; this.vy = (Math.random() - 0.5) * SPEED_BASE; this.size = Math.random() * 1.5 + 0.5; this.alpha = Math.random() * 0.1 + 0.05; this.t = Math.random() * Math.PI * 2; } update() { this.x += this.vx; this.y += this.vy; const a = Math.min(width, height) * 0.4; const centerX = width \/ 2; const centerY = height \/ 2; let t = this.t; const denom = 1 + Math.sin(t) * Math.sin(t); const targetX = centerX + (a * Math.cos(t)) \/ denom; const targetY = centerY + (a * Math.sin(t) * Math.cos(t)) \/ denom; const dx = targetX - this.x; const dy = targetY - this.y; this.vx += dx * 0.00005; this.vy += dy * 0.00005; this.vx *= 0.99; this.vy *= 0.99; this.t += 0.0005; if (this.x < -50 || this.x > width + 50 || this.y < -50 || this.y > height + 50) { this.init(); } } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`; ctx.fill(); } } class AmbientInfinityStar { constructor() { this.reset(); } reset() { this.x = Math.random() * width; this.y = Math.random() * height; this.size = Math.random() * 1.0 + 0.5; this.opacity = Math.random() * 0.3 + 0.05; this.speedX = (Math.random() - 0.5) * 0.1; this.speedY = (Math.random() - 0.5) * 0.3; this.twinkleSpeed = 0.005 + Math.random() * 0.005; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.9 || this.opacity < 0.2) this.twinkleDir *= -1; if (this.x < 0) this.x = width; if (this.x > width) this.x = 0; if (this.y < 0) this.y = height; if (this.y > height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } for (let i = 0; i < PARTICLE_COUNT; i++) { particles.push(new Particle()); } for (let i = 0; i < 200; i++) { ambientStars.push(new AmbientInfinityStar()); } function animate() { ctx.clearRect(0, 0, width, height); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.beginPath(); for (let i = 0; i < particles.length; i++) { const p1 = particles[i]; for (let j = i + 1; j < particles.length; j++) { const p2 = particles[j]; const dist = Math.hypot(p1.x - p2.x, p1.y - p2.y); if (dist < CONNECT_DIST) { const opacity = (1 - dist \/ CONNECT_DIST) * 0.08; ctx.moveTo(p1.x, p1.y); ctx.lineTo(p2.x, p2.y); ctx.strokeStyle = `rgba(255, 255, 255, ${opacity})`; ctx.stroke(); ctx.beginPath(); } } } for (let p of particles) { p.update(); p.draw(); } requestAnimationFrame(animate); } animate(); canvas.style.opacity = '1'; })();<\/script><script>(function () { const section = document.getElementById('talk-expert'); const canvas = document.getElementById('mobius-canvas'); const cursorValues = { x: 0, y: 0, targetX: 0, targetY: 0 }; const starCursor = document.getElementById('north-star-cursor'); if (!section || !canvas || !starCursor) return; const ctx = canvas.getContext('2d'); let width, height; let points = []; let scrollY = 0; let ambientStars = []; const RADIUS = 200; const TUBE_RADIUS = 60; const SEGMENTS = 100; const TUBE_SEGMENTS = 10; function resize() { width = section.offsetWidth; height = section.offsetHeight; canvas.width = width; canvas.height = height; if (width < 600) { } } window.addEventListener('resize', resize); resize(); class MoebiusStar { constructor() { this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2.5 + 0.5; this.opacity = Math.random() * 0.6 + 0.3; this.speedX = (Math.random() - 0.5) * 0.2; this.speedY = (Math.random() - 0.5) * 3.0; this.twinkleSpeed = 0.005 + Math.random() * 0.01; this.twinkleDir = Math.random() > 0.5 ? 1 : -1; } update() { this.x += this.speedX; this.y += this.speedY; this.opacity += this.twinkleSpeed * this.twinkleDir; if (this.opacity > 0.6 || this.opacity < 0.1) this.twinkleDir *= -1; if (this.x < 0) this.x = canvas.width; if (this.x > canvas.width) this.x = 0; if (this.y < 0) this.y = canvas.height; if (this.y > canvas.height) this.y = 0; } draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.opacity})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } function initStars() { ambientStars = []; const density = Math.floor((canvas.width * canvas.height) \/ 5000); const count = Math.max(300, density); for (let i = 0; i < count; i++) ambientStars.push(new MoebiusStar()); } initStars(); window.addEventListener('resize', initStars); function initPoints() { points = []; for (let i = 0; i < SEGMENTS; i++) { let u = (i \/ SEGMENTS) * Math.PI * 2; for (let j = 0; j < TUBE_SEGMENTS; j++) { let v = (j \/ TUBE_SEGMENTS - 0.5) * TUBE_RADIUS; let px = RADIUS * Math.cos(u); let py = RADIUS * Math.sin(2 * u) * 0.5; let pz = 0; let x = (RADIUS + v) * Math.cos(u); let y = (RADIUS + v) * Math.sin(2 * u) * 0.5; let z = v; points.push({ x, y, z, ox: x, oy: y, oz: z }); } } } initPoints(); function animate() { ctx.clearRect(0, 0, width, height); const cx = width \/ 2; const cy = height \/ 2; const time = Date.now() * 0.0005; const scrollRot = window.scrollY * 0.002; const mx = (cursorValues.x - cx) \/ cx || 0; const my = (cursorValues.y - cy) \/ cy || 0; const rotX = scrollRot * 0.5 + (my * 0.3); const rotY = time + scrollRot + (mx * 0.3); ambientStars.forEach(s => { s.update(); s.draw(); }); ctx.fillStyle = 'rgba(45, 191, 58, 0.6)'; points.forEach(p => { let x1 = p.ox * Math.cos(rotY) - p.oz * Math.sin(rotY); let z1 = p.ox * Math.sin(rotY) + p.oz * Math.cos(rotY); let y2 = p.oy * Math.cos(rotX) - z1 * Math.sin(rotX); let z2 = p.oy * Math.sin(rotX) + z1 * Math.cos(rotX); let scale = 400 \/ (400 + z2); let x2D = x1 * scale + cx; let y2D = y2 * scale + cy; let size = Math.max(0.5, scale * 2); ctx.beginPath(); ctx.arc(x2D, y2D, size, 0, Math.PI * 2); ctx.fill(); }); cursorValues.x += (cursorValues.targetX - cursorValues.x) * 0.1; cursorValues.y += (cursorValues.targetY - cursorValues.y) * 0.1; starCursor.style.left = cursorValues.x + 'px'; starCursor.style.top = cursorValues.y + 'px'; requestAnimationFrame(animate); } animate(); section.addEventListener('mousemove', (e) => { const rect = section.getBoundingClientRect(); cursorValues.targetX = e.clientX - rect.left; cursorValues.targetY = e.clientY - rect.top; }); })();<\/script><script><\/script>\n<script>document.addEventListener('DOMContentLoaded', () => { const dbCard = document.querySelector('.yc-db-card'); const dbContainer = document.querySelector('.yc-dashboard-section'); if (dbContainer) { dbContainer.classList.add('yc-db-container'); const dbObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { dbCard.classList.add('animate-in'); dbObserver.unobserve(entry.target); } }); }, { threshold: 0.3 }); if (dbCard) dbObserver.observe(dbCard); const dbRows = document.querySelectorAll('.yc-db-table tbody tr'); const dbCols = document.querySelectorAll('.yc-db-table thead th[data-step]'); const dbBarsGoogle = document.querySelectorAll('.yc-db-bar.c-google'); const dbBarsLinkedin = document.querySelectorAll('.yc-db-bar.c-linkedin'); const dbBarsBing = document.querySelectorAll('.yc-db-bar.c-bing'); const dbBarsFacebook = document.querySelectorAll('.yc-db-bar.c-facebook'); const dbChartGroups = document.querySelectorAll('.yc-db-chart-group'); const getBarsForChannel = (channel) => { if (channel === 'google') return dbBarsGoogle; if (channel === 'linkedin') return dbBarsLinkedin; if (channel === 'bing') return dbBarsBing; if (channel === 'facebook') return dbBarsFacebook; return []; }; const setHighlight = (isActive) => { if (isActive) dbContainer.classList.add('has-hover'); else { dbContainer.classList.remove('has-hover'); document.querySelectorAll('.is-highlighted').forEach(el => el.classList.remove('is-highlighted')); } }; dbRows.forEach(row => { row.addEventListener('mouseenter', () => { const channel = row.getAttribute('data-channel'); if (channel) { setHighlight(true); row.classList.add('is-highlighted'); getBarsForChannel(channel).forEach(bar => bar.classList.add('is-highlighted')); } }); row.addEventListener('mouseleave', () => setHighlight(false)); }); dbCols.forEach(col => { col.addEventListener('mouseenter', () => { const step = col.getAttribute('data-step'); if (step) { setHighlight(true); col.classList.add('is-highlighted'); const groupIndex = parseInt(step) - 1; if (dbChartGroups[groupIndex]) dbChartGroups[groupIndex].classList.add('is-highlighted'); } }); col.addEventListener('mouseleave', () => setHighlight(false)); }); } const faqTriggers = document.querySelectorAll('.yc-accordion-trigger'); faqTriggers.forEach(trigger => { trigger.addEventListener('click', () => { const item = trigger.closest('.yc-accordion-item'); const content = item.querySelector('.yc-accordion-content'); const icon = item.querySelector('.yc-accordion-icon'); const isOpen = item.classList.contains('active'); if (!isOpen) { document.querySelectorAll('.yc-accordion-item.active').forEach(openItem => { if (openItem !== item) { openItem.classList.remove('active'); gsap.to(openItem.querySelector('.yc-accordion-content'), { height: 0, duration: 0.4, ease: \"power2.out\" }); gsap.to(openItem.querySelector('.yc-accordion-icon'), { rotation: 0, background: \"rgba(124, 230, 138, 0.1)\", color: \"#7ce68a\", duration: 0.4 }); } }); item.classList.add('active'); gsap.to(content, { height: \"auto\", duration: 0.4, ease: \"power2.out\" }); gsap.to(icon, { rotation: 45, background: \"#7ce68a\", color: \"#000\", duration: 0.4 }); } else { item.classList.remove('active'); gsap.to(content, { height: 0, duration: 0.4, ease: \"power2.out\" }); gsap.to(icon, { rotation: 0, background: \"rgba(124, 230, 138, 0.1)\", color: \"#7ce68a\", duration: 0.4 }); } }); }); const compSection = document.getElementById('comparison'); if (compSection) { const compCards = document.querySelectorAll('.yc-comp-card'); const compItems = document.querySelectorAll('.yc-comp-item'); const compObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { compCards.forEach((card, i) => setTimeout(() => card.classList.add('is-visible'), i * 150)); compItems.forEach((item, i) => { const delay = 400 + (i % 4) * 100; setTimeout(() => item.classList.add('is-visible'), delay); }); compObserver.unobserve(compSection); } }); }, { threshold: 0.1 }); compObserver.observe(compSection); const allCompItems = Array.from(document.querySelectorAll('.yc-comp-item')); allCompItems.forEach(item => { item.addEventListener('mouseenter', () => { const rowId = item.getAttribute('data-row'); item.classList.add('is-hovered'); allCompItems.forEach(other => { if (other !== item && other.getAttribute('data-row') === rowId) { other.classList.add('is-dimmed'); } }); }); item.addEventListener('mouseleave', () => { item.classList.remove('is-hovered'); allCompItems.forEach(other => other.classList.remove('is-dimmed')); }); }); } const frameworkRows = document.querySelectorAll('.framework-row'); if (frameworkRows.length > 0) { const frameworkObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); frameworkObserver.unobserve(entry.target); } }); }, { threshold: 0.1 }); frameworkRows.forEach(row => frameworkObserver.observe(row)); } const progressBar = document.getElementById(\"scroll-progress\"); if (progressBar) { window.addEventListener('scroll', () => { const winScroll = document.body.scrollTop || document.documentElement.scrollTop; const height = document.documentElement.scrollHeight - document.documentElement.clientHeight; const scrolled = (winScroll \/ height) * 100; progressBar.style.width = scrolled + \"%\"; }); } const header = document.getElementById('header'); let lastScrollY = window.scrollY; window.addEventListener('scroll', () => { const currentScrollY = window.scrollY; if (header) { header.classList.toggle('is-scrolled', currentScrollY > 50); if (currentScrollY > 150) { header.classList.toggle('is-hidden', currentScrollY > lastScrollY); } else { header.classList.remove('is-hidden'); } } lastScrollY = currentScrollY; }); const mobileToggle = document.getElementById('mobileToggle'); const mobileClose = document.getElementById('mobileClose'); const mobileMenu = document.getElementById('mobileMenu'); const overlay = document.getElementById('overlay'); if (mobileToggle && mobileMenu && overlay) { const toggleMenu = (show) => { mobileMenu.classList.toggle('is-active', show); overlay.classList.toggle('is-active', show); document.body.style.overflow = show ? 'hidden' : ''; }; mobileToggle.addEventListener('click', () => toggleMenu(true)); if (mobileClose) mobileClose.addEventListener('click', () => toggleMenu(false)); overlay.addEventListener('click', () => toggleMenu(false)); } document.querySelectorAll('[data-toggle=\"submenu\"]').forEach(link => { link.addEventListener('click', (e) => { e.preventDefault(); const parent = link.closest('.yc-mobile-item'); if (parent) { const submenu = parent.querySelector('.yc-mobile-submenu'); link.classList.toggle('is-active'); if (submenu) { submenu.classList.toggle('is-active'); submenu.style.display = submenu.classList.contains('is-active') ? 'flex' : ''; } } }); }); document.querySelectorAll('.yc-dropdown-link[data-image]').forEach(link => { link.addEventListener('mouseenter', function () { const imageUrl = this.getAttribute('data-image'); const dropdown = this.closest('.yc-dropdown'); if (dropdown) { const previewImg = dropdown.querySelector('.yc-dropdown-preview img'); if (previewImg && imageUrl) { previewImg.style.opacity = '0.5'; setTimeout(() => { previewImg.src = imageUrl; previewImg.onload = () => { previewImg.style.opacity = '1'; }; }, 50); } } }); }); const updateStatus = () => { const hours = { 1: { s: 8, e: 17 }, 2: { s: 8, e: 17 }, 3: { s: 8, e: 17 }, 4: { s: 8, e: 17 }, 5: { s: 8, e: 17 }, 6: null, 0: null }; const now = new Date(), day = now.getDay(), hour = now.getHours(), today = hours[day]; const isOpen = today && hour >= today.s && hour < today.e; document.querySelectorAll('#statusCircle, #statusCircleMobile').forEach(el => { el.className = isOpen ? 'status-open' : 'status-closed'; }); }; updateStatus(); setInterval(updateStatus, 60000); document.querySelectorAll(\".yc-bento-card\").forEach(card => { card.addEventListener(\"mousemove\", (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; card.style.setProperty(\"--mouse-x\", `${x}px`); card.style.setProperty(\"--mouse-y\", `${y}px`); }); }); const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 }; const scrollObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('is-visible'); }); }, observerOptions); document.querySelectorAll('.yc-scroll-anim').forEach((el) => scrollObserver.observe(el)); const cpSection = document.getElementById('cross-platform-section'); const cpContainer = document.querySelector('.yc-cp-container'); if (cpSection && cpContainer) { const cpObs = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) cpContainer.classList.add('active'); else cpContainer.classList.remove('active'); }); }, { threshold: 0.2 }); cpObs.observe(cpSection); } document.querySelectorAll('.yc-3d-card').forEach(card => { card.addEventListener('mousemove', (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const rotateX = (y - rect.height \/ 2) \/ 10; const rotateY = (rect.width \/ 2 - x) \/ 10; card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`; }); card.addEventListener('mouseleave', () => { card.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg)`; }); }); const connCanvas = document.getElementById('connection-lines'); if (connCanvas) { const ctx = connCanvas.getContext('2d'); const container = document.querySelector('.yc-cp-container'); const platforms = document.querySelectorAll('.platform-node'); const centralLogo = document.querySelector('.central-node'); const resize = () => { connCanvas.width = container.offsetWidth; connCanvas.height = container.offsetHeight; }; window.addEventListener('resize', resize); resize(); const drawConnections = () => { ctx.clearRect(0, 0, connCanvas.width, connCanvas.height); const logoRect = centralLogo.getBoundingClientRect(); const containerRect = container.getBoundingClientRect(); const logoX = (logoRect.left + logoRect.width \/ 2) - containerRect.left; const logoY = (logoRect.top + logoRect.height \/ 2) - containerRect.top; platforms.forEach(platform => { const pRect = platform.getBoundingClientRect(); const pX = (pRect.left + pRect.width \/ 2) - containerRect.left; const pY = (pRect.top + pRect.height \/ 2) - containerRect.top; const gradient = ctx.createLinearGradient(logoX, logoY, pX, pY); gradient.addColorStop(0, 'rgba(45, 191, 58, 0.4)'); gradient.addColorStop(1, 'rgba(45, 191, 58, 0)'); ctx.beginPath(); ctx.moveTo(logoX, logoY); ctx.lineTo(pX, pY); ctx.strokeStyle = gradient; ctx.lineWidth = 1; ctx.stroke(); ctx.beginPath(); ctx.arc(pX, pY, 2, 0, Math.PI * 2); ctx.fillStyle = '#2DBF3A'; ctx.fill(); }); requestAnimationFrame(drawConnections); }; drawConnections(); } const teamSection = document.querySelector('.yc-team-section'); if (teamSection) { const teamCards = document.querySelectorAll('.yc-team-card'); const teamObserver = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { teamCards.forEach((card, i) => setTimeout(() => card.classList.add('is-visible'), i * 100)); teamObserver.unobserve(teamSection); } }, { threshold: 0.1 }); teamObserver.observe(teamSection); } const steps = document.querySelectorAll('.yc-step-card'); if (steps.length > 0) { const stepsObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { steps.forEach(s => s.classList.remove('active')); entry.target.classList.add('active'); } }); }, { rootMargin: '-40% 0px -40% 0px', threshold: 0 }); steps.forEach(step => stepsObserver.observe(step)); } const highlightContainers = document.querySelectorAll('.yc-highlight-container'); const processNode = (node) => { if (node.nodeType === 3) { const words = node.nodeValue.split(\/(\\s+)\/); const fragment = document.createDocumentFragment(); words.forEach(word => { if (word.trim().length > 0) { const span = document.createElement('span'); span.textContent = word; span.className = 'yc-word-highlight'; fragment.appendChild(span); } else { fragment.appendChild(document.createTextNode(word)); } }); if (node.parentNode) node.parentNode.replaceChild(fragment, node); } else if (node.nodeType === 1 && !\/^H[1-6]$\/.test(node.tagName) && node.tagName !== 'A') { Array.from(node.childNodes).forEach(processNode); } }; if (highlightContainers.length > 0) { highlightContainers.forEach(container => { container.querySelectorAll('p, li').forEach(el => Array.from(el.childNodes).forEach(processNode)); }); const updateHighlights = () => { const triggerLine = window.innerHeight * 0.75; document.querySelectorAll('.yc-word-highlight').forEach(span => { const rect = span.getBoundingClientRect(); const effectiveTop = rect.top + (rect.left * 0.04); if (effectiveTop < triggerLine) span.classList.add('active'); else span.classList.remove('active'); }); }; window.addEventListener('scroll', updateHighlights); updateHighlights(); } });<\/script><script>document.addEventListener(\"DOMContentLoaded\", function () { const cards = document.querySelectorAll(\".text-block\"); cards.forEach(card => { card.addEventListener(\"mousemove\", (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; card.style.setProperty(\"--mouse-x\", `${x}px`); card.style.setProperty(\"--mouse-y\", `${y}px`); }); }); });<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Google Bedrijfsprofiel door YouthCommerce Google Bedrijfsprofiel is de snelste route naar zichtbaarheid in Google Maps en Google Search voor lokale intentie. Wij claimen, verifi\u00ebren, vullen aan en beheren jouw profiel zodat NAP, categorie\u00ebn, diensten, foto\u2019s, posts en reviews kloppen, presteren en converteren. Strategiegesprek Verkennen 5 Highlights on Google Bedrijfsprofiel Google Bedrijfsprofiel is onze kernservice voor [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":11470,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9362","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/comments?post=9362"}],"version-history":[{"count":103,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9362\/revisions"}],"predecessor-version":[{"id":12369,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/pages\/9362\/revisions\/12369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/media\/11470"}],"wp:attachment":[{"href":"https:\/\/youthcommerce.nl\/en\/wp-json\/wp\/v2\/media?parent=9362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}