{"id":146,"date":"2026-10-19T10:33:45","date_gmt":"2026-10-19T10:33:45","guid":{"rendered":"https:\/\/socialcity.nl\/?page_id=146"},"modified":"2026-10-19T10:37:19","modified_gmt":"2026-10-19T10:37:19","slug":"elementor-146","status":"publish","type":"page","link":"https:\/\/socialcity.nl\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"146\" class=\"elementor elementor-146\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10597977 e-flex e-con-boxed e-con e-parent\" data-id=\"10597977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea5fa7f elementor-widget elementor-widget-html\" data-id=\"1ea5fa7f\" 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\n<style>\n\/* ==========================================\n   SOCIALCITY \u2014 DARK PREMIUM HEADER\n========================================== *\/\n\n.sc-header {\n  --sc-bg: #111110;\n  --sc-white: #F5F4F0;\n  --sc-muted: #B9B7B0;\n  --sc-yellow: #F2B923;\n\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  background: var(--sc-bg);\n  color: var(--sc-white);\n  font-family: inherit;\n  border-bottom: 1px solid rgba(255,255,255,.08);\n}\n\n.sc-header,\n.sc-header * {\n  box-sizing: border-box;\n}\n\n.sc-header__inner {\n  width: 100%;\n  max-width: 1440px;\n  min-height: 88px;\n  margin: 0 auto;\n  padding: 16px 48px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 36px;\n}\n\n\/* LOGO *\/\n\n.sc-header__logo {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  text-decoration: none;\n  line-height: 0;\n}\n\n.sc-header__logo img {\n  display: block;\n  width: 112px;\n  height: auto;\n  max-height: 62px;\n  object-fit: contain;\n}\n\n\/* NAVIGATIE *\/\n\n.sc-header__nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.sc-header__nav a {\n  position: relative;\n  color: var(--sc-muted);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: .2px;\n  text-decoration: none;\n  white-space: nowrap;\n  transition: color .2s ease;\n}\n\n.sc-header__nav a:hover,\n.sc-header__nav a:focus-visible {\n  color: var(--sc-yellow);\n}\n\n.sc-header__nav a.sc-active {\n  color: var(--sc-white);\n}\n\n.sc-header__nav a.sc-active::after {\n  content: \"\";\n  position: absolute;\n  bottom: -9px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background: var(--sc-yellow);\n}\n\n\/* CONTACTLINK *\/\n\n.sc-header__contact {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 11px 17px;\n\n  border: 1px solid rgba(242,185,35,.65);\n  border-radius: 30px;\n\n  color: var(--sc-white);\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n\n  transition:\n    color .2s ease,\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.sc-header__contact:hover {\n  color: #111110;\n  background: var(--sc-yellow);\n  border-color: var(--sc-yellow);\n}\n\n.sc-header__arrow {\n  font-size: 17px;\n  line-height: 1;\n}\n\n\/* MOBIEL MENU *\/\n\n.sc-header__toggle {\n  display: none;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  padding: 0;\n\n  background: transparent;\n  color: var(--sc-white);\n  border: 1px solid #45443F;\n  border-radius: 8px;\n\n  font-size: 23px;\n  cursor: pointer;\n}\n\n.sc-header a:focus-visible,\n.sc-header button:focus-visible {\n  outline: 2px solid var(--sc-yellow);\n  outline-offset: 4px;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1000px) {\n  .sc-header__inner {\n    padding: 16px 26px;\n    gap: 22px;\n  }\n\n  .sc-header__nav {\n    gap: 20px;\n  }\n\n  .sc-header__logo img {\n    width: 100px;\n  }\n\n  .sc-header__contact {\n    padding: 10px 13px;\n  }\n}\n\n\/* MOBIEL *\/\n\n@media (max-width: 760px) {\n  .sc-header__inner {\n    min-height: 76px;\n    padding: 12px 20px;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n\n  .sc-header__logo img {\n    width: 94px;\n    max-height: 50px;\n  }\n\n  .sc-header__toggle {\n    display: inline-flex;\n    margin-left: auto;\n  }\n\n  .sc-header__contact {\n    padding: 9px 12px;\n    font-size: 11px;\n    gap: 6px;\n  }\n\n  .sc-header__nav {\n    display: none;\n    flex-basis: 100%;\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n    padding: 5px 0 10px;\n  }\n\n  .sc-header__nav.sc-open {\n    display: flex;\n  }\n\n  .sc-header__nav a {\n    padding: 14px 4px;\n    font-size: 14px;\n    border-bottom: 1px solid rgba(255,255,255,.08);\n  }\n\n  .sc-header__nav a.sc-active::after {\n    display: none;\n  }\n}\n\n@media (max-width: 380px) {\n  .sc-header__inner {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n  .sc-header__logo img {\n    width: 78px;\n  }\n\n  .sc-header__contact {\n    padding: 8px 10px;\n  }\n}\n<\/style>\n\n<header class=\"sc-header\">\n  <div class=\"sc-header__inner\">\n\n    <!-- SOCIALCITY LOGO -->\n    <a class=\"sc-header__logo\"\n       href=\"#home\"\n       aria-label=\"SocialCity - home\">\n      <img decoding=\"async\"\n        src=\"https:\/\/socialcity.nl\/wp-content\/uploads\/2026\/10\/Social-City-logo-met-skyline-icoon.png\"\n        alt=\"SocialCity\"\n      >\n    <\/a>\n\n    <!-- MOBIEL MENU -->\n    <button\n      class=\"sc-header__toggle\"\n      type=\"button\"\n      aria-label=\"Menu openen\"\n      aria-expanded=\"false\"\n      aria-controls=\"sc-navigation\"\n    >\u2630<\/button>\n\n    <!-- NAVIGATIE -->\n    <nav\n      class=\"sc-header__nav\"\n      id=\"sc-navigation\"\n      aria-label=\"Hoofdnavigatie\"\n    >\n      <a href=\"#home\" class=\"sc-active\">Home<\/a>\n      <a href=\"#diensten\">Diensten<\/a>\n      <a href=\"#cases\">Cases<\/a>\n      <a href=\"#over-mij\">Over mij<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n\n    <!-- CONTACT -->\n    <a class=\"sc-header__contact\" href=\"#contact\">\n      Laten we praten\n      <span class=\"sc-header__arrow\" aria-hidden=\"true\">\u2197<\/span>\n    <\/a>\n\n  <\/div>\n<\/header>\n\n<script>\n(function () {\n  document.querySelectorAll('.sc-header').forEach(function (header) {\n    if (header.dataset.scInitialized === 'true') return;\n    header.dataset.scInitialized = 'true';\n\n    const toggle = header.querySelector('.sc-header__toggle');\n    const nav = header.querySelector('.sc-header__nav');\n\n    if (!toggle || !nav) return;\n\n    toggle.addEventListener('click', function () {\n      const open = nav.classList.toggle('sc-open');\n\n      toggle.textContent = open ? '\u00d7' : '\u2630';\n      toggle.setAttribute('aria-expanded', String(open));\n      toggle.setAttribute(\n        'aria-label',\n        open ? 'Menu sluiten' : 'Menu openen'\n      );\n    });\n\n    nav.querySelectorAll('a').forEach(function (link) {\n      link.addEventListener('click', function () {\n        nav.classList.remove('sc-open');\n        toggle.textContent = '\u2630';\n        toggle.setAttribute('aria-expanded', 'false');\n        toggle.setAttribute('aria-label', 'Menu openen');\n      });\n    });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47244d45 e-flex e-con-boxed e-con e-parent\" data-id=\"47244d45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7576ae0a elementor-widget elementor-widget-html\" data-id=\"7576ae0a\" 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\n<style>\n\/* ==========================================\n   SOCIALCITY \u2014 HERO SECTIE\n   Donker, premium en persoonlijk\n========================================== *\/\n\n.sc-hero {\n  --sc-bg: #111110;\n  --sc-white: #F5F4F0;\n  --sc-muted: #B9B7B0;\n  --sc-yellow: #F2B923;\n\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background:\n    radial-gradient(\n      ellipse at 78% 35%,\n      rgba(111, 84, 35, .13),\n      transparent 42%\n    ),\n    var(--sc-bg);\n  color: var(--sc-white);\n  font-family: inherit;\n}\n\n.sc-hero,\n.sc-hero * {\n  box-sizing: border-box;\n}\n\n.sc-hero__inner {\n  width: 100%;\n  max-width: 1440px;\n  min-height: 600px;\n  margin: 0 auto;\n  padding: 76px 64px 80px;\n\n  display: grid;\n  grid-template-columns: 1fr .92fr;\n  align-items: center;\n  gap: 64px;\n}\n\n\/* INTRODUCTIE *\/\n\n.sc-hero__content {\n  position: relative;\n  z-index: 2;\n  max-width: 600px;\n}\n\n.sc-hero__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 26px;\n\n  color: var(--sc-muted);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 2.4px;\n  text-transform: uppercase;\n}\n\n.sc-hero__eyebrow::before {\n  content: \"\";\n  display: block;\n  width: 32px;\n  height: 2px;\n  background: var(--sc-yellow);\n  flex-shrink: 0;\n}\n\n\/* HOOFDKOP *\/\n\n.sc-hero__title {\n  max-width: 650px;\n  margin: 0 0 25px;\n\n  color: var(--sc-white);\n  font-size: clamp(42px, 5vw, 72px);\n  font-weight: 750;\n  line-height: 1.04;\n  letter-spacing: -2.8px;\n  overflow-wrap: break-word;\n}\n\n.sc-hero__title span {\n  color: var(--sc-yellow);\n}\n\n\/* BESCHRIJVING *\/\n\n.sc-hero__description {\n  max-width: 490px;\n  margin: 0 0 30px;\n\n  color: #C6C4BE;\n  font-size: 16px;\n  line-height: 1.85;\n  font-weight: 400;\n}\n\n.sc-hero__description strong {\n  color: var(--sc-white);\n  font-weight: 500;\n}\n\n\/* LINKS *\/\n\n.sc-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 28px;\n  margin-bottom: 42px;\n}\n\n.sc-hero__primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 0;\n\n  color: var(--sc-white);\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--sc-yellow);\n\n  transition: color .2s ease;\n}\n\n.sc-hero__primary:hover {\n  color: var(--sc-yellow);\n}\n\n.sc-hero__primary span {\n  color: var(--sc-yellow);\n  font-size: 18px;\n  transition: transform .2s ease;\n}\n\n.sc-hero__primary:hover span {\n  transform: translateX(4px);\n}\n\n.sc-hero__secondary {\n  color: var(--sc-muted);\n  font-size: 13px;\n  text-decoration: none;\n  transition: color .2s ease;\n}\n\n.sc-hero__secondary:hover {\n  color: var(--sc-yellow);\n}\n\n\/* PERSOONLIJKE NOOT *\/\n\n.sc-hero__note {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n\n  color: var(--sc-muted);\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.sc-hero__note-mark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  flex-shrink: 0;\n\n  border: 1px solid rgba(242,185,35,.5);\n  border-radius: 50%;\n  color: var(--sc-yellow);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.sc-hero__note strong {\n  display: block;\n  color: var(--sc-white);\n  font-weight: 500;\n}\n\n\/* FOTO *\/\n\n.sc-hero__visual {\n  position: relative;\n  min-width: 0;\n  height: 460px;\n  max-height: 490px;\n}\n\n.sc-hero__photo {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n\n  border-radius: 3px;\n  border: 1px solid rgba(255,255,255,.12);\n\n  background:\n    linear-gradient(145deg, #39352D, #242320 55%, #151514);\n}\n\n.sc-hero__photo img {\n  display: block;\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n\n  object-fit: cover;\n  object-position: center 35%;\n  border: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.sc-hero__photo::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background: linear-gradient(\n    0deg,\n    rgba(0,0,0,.38),\n    transparent 38%,\n    rgba(0,0,0,.03)\n  );\n}\n\n\/* DECORATIEVE LIJN *\/\n\n.sc-hero__line {\n  position: absolute;\n  top: -12px;\n  right: -12px;\n\n  width: 65px;\n  height: 65px;\n\n  border-top: 1px solid rgba(242,185,35,.7);\n  border-right: 1px solid rgba(242,185,35,.7);\n  pointer-events: none;\n}\n\n\/* TEKST OP FOTO *\/\n\n.sc-hero__caption {\n  position: absolute;\n  right: -18px;\n  bottom: 32px;\n  z-index: 2;\n\n  width: 205px;\n  max-width: calc(100% - 20px);\n  padding: 15px 19px;\n\n  background: #1C1B18;\n  border: 1px solid rgba(242,185,35,.45);\n  box-shadow: 0 14px 35px rgba(0,0,0,.24);\n}\n\n.sc-hero__caption span {\n  display: block;\n  margin-bottom: 5px;\n\n  color: var(--sc-yellow);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.sc-hero__caption p {\n  margin: 0;\n  color: #D5D2CA;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1000px) {\n  .sc-hero__inner {\n    min-height: 520px;\n    padding: 64px 32px 72px;\n    gap: 38px;\n  }\n\n  .sc-hero__title {\n    font-size: clamp(40px, 5vw, 58px);\n    letter-spacing: -1.8px;\n  }\n\n  .sc-hero__visual {\n    height: 390px;\n  }\n\n  .sc-hero__caption {\n    right: -10px;\n  }\n}\n\n\/* MOBIEL *\/\n\n@media (max-width: 700px) {\n  .sc-hero__inner {\n    grid-template-columns: 1fr;\n    gap: 38px;\n    padding: 55px 22px 64px;\n  }\n\n  .sc-hero__content {\n    max-width: none;\n  }\n\n  .sc-hero__eyebrow {\n    margin-bottom: 22px;\n    font-size: 10px;\n    letter-spacing: 2px;\n  }\n\n  .sc-hero__title {\n    max-width: 540px;\n    font-size: clamp(42px, 10vw, 60px);\n    letter-spacing: -1.8px;\n    line-height: 1.06;\n  }\n\n  .sc-hero__description {\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .sc-hero__actions {\n    gap: 22px;\n    margin-bottom: 32px;\n  }\n\n  .sc-hero__visual {\n    height: min(112vw, 440px);\n    min-height: 320px;\n    max-height: 440px;\n    margin-right: 12px;\n  }\n\n  .sc-hero__caption {\n    right: -12px;\n    bottom: 20px;\n  }\n\n  .sc-hero__line {\n    top: -8px;\n    right: -8px;\n  }\n}\n\n@media (max-width: 380px) {\n  .sc-hero__inner {\n    padding-left: 17px;\n    padding-right: 17px;\n  }\n\n  .sc-hero__title {\n    font-size: 39px;\n  }\n\n  .sc-hero__visual {\n    min-height: 290px;\n  }\n}\n<\/style>\n\n<section class=\"sc-hero\" id=\"home\">\n  <div class=\"sc-hero__inner\">\n\n    <!-- LINKERKANT: INTRODUCTIE -->\n    <div class=\"sc-hero__content\">\n\n      <p class=\"sc-hero__eyebrow\">\n        Social media agency\n      <\/p>\n\n      <h1 class=\"sc-hero__title\">\n        Social media<br>\n        met <span>een plan.<\/span>\n      <\/h1>\n\n      <p class=\"sc-hero__description\">\n        Ik help bedrijven groeien met sterke social media.\n        Met <strong>kennis, creativiteit en persoonlijk contact<\/strong>\n        bouwen we aan een online aanwezigheid die bij jouw\n        merk en ambities past.\n      <\/p>\n\n      <div class=\"sc-hero__actions\">\n\n        <a class=\"sc-hero__primary\" href=\"#cases\">\n          Bekijk mijn werk\n          <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n\n        <a class=\"sc-hero__secondary\" href=\"#contact\">\n          Even kennismaken\n        <\/a>\n\n      <\/div>\n\n      <div class=\"sc-hero__note\">\n\n        <div class=\"sc-hero__note-mark\" aria-hidden=\"true\">\n          SC\n        <\/div>\n\n        <div>\n          <strong>Korte lijnen. Persoonlijk contact.<\/strong>\n          Direct samenwerken met de persoon achter SocialCity.\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- RECHTERKANT: FOTO VAN BAS -->\n    <div class=\"sc-hero__visual\">\n\n      <div class=\"sc-hero__photo\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/socialcity.nl\/wp-content\/uploads\/2026\/10\/IMG_9225.heic\"\n          alt=\"Bas Marsman, oprichter van SocialCity\"\n          fetchpriority=\"high\"\n        >\n\n      <\/div>\n\n      <div class=\"sc-hero__line\"><\/div>\n\n      <div class=\"sc-hero__caption\">\n        <span>Mijn aanpak<\/span>\n        <p>\n          Geen standaardoplossingen,\n          maar social media die bij jouw bedrijf past.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7550947a e-flex e-con-boxed e-con e-parent\" data-id=\"7550947a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ce1ad9 elementor-widget elementor-widget-html\" data-id=\"59ce1ad9\" 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\n<style>\n\/* ==========================================\n   SOCIALCITY \u2014 OVER MIJ\n========================================== *\/\n\n.sc-about {\n  --sc-bg: #191917;\n  --sc-white: #F5F4F0;\n  --sc-muted: #B9B7B0;\n  --sc-yellow: #F2B923;\n\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: var(--sc-bg);\n  color: var(--sc-white);\n  font-family: inherit;\n}\n\n.sc-about,\n.sc-about * {\n  box-sizing: border-box;\n}\n\n.sc-about__inner {\n  width: 100%;\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 110px 64px;\n\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  align-items: center;\n  gap: 100px;\n}\n\n\/* FOTO *\/\n\n.sc-about__visual {\n  position: relative;\n  min-width: 0;\n}\n\n.sc-about__image {\n  position: relative;\n  width: 100%;\n  height: 480px;\n  overflow: hidden;\n  background: #292720;\n  border: 1px solid rgba(255,255,255,.10);\n}\n\n.sc-about__image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.sc-about__image-placeholder {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  padding: 25px;\n  text-align: center;\n  color: var(--sc-muted);\n}\n\n.sc-about__image-placeholder span {\n  color: var(--sc-yellow);\n  font-size: 34px;\n}\n\n.sc-about__image-placeholder p {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n\/* DECORATIEF ACCENT *\/\n\n.sc-about__accent {\n  position: absolute;\n  z-index: 2;\n  top: -15px;\n  left: -15px;\n  width: 72px;\n  height: 72px;\n  border-top: 1px solid var(--sc-yellow);\n  border-left: 1px solid var(--sc-yellow);\n  pointer-events: none;\n}\n\n.sc-about__image-label {\n  position: absolute;\n  right: -18px;\n  bottom: 26px;\n  z-index: 3;\n  padding: 15px 21px;\n  background: #24231F;\n  border-left: 2px solid var(--sc-yellow);\n}\n\n.sc-about__image-label span {\n  display: block;\n  color: var(--sc-yellow);\n  font-size: 10px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 5px;\n}\n\n.sc-about__image-label strong {\n  color: var(--sc-white);\n  font-size: 13px;\n  font-weight: 500;\n}\n\n\/* TEKST *\/\n\n.sc-about__content {\n  max-width: 570px;\n}\n\n.sc-about__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 24px;\n\n  color: var(--sc-yellow);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 2.2px;\n  text-transform: uppercase;\n}\n\n.sc-about__eyebrow::before {\n  content: \"\";\n  width: 28px;\n  height: 1px;\n  background: var(--sc-yellow);\n}\n\n.sc-about__title {\n  margin: 0 0 26px;\n  color: var(--sc-white);\n  font-size: clamp(34px, 3.7vw, 51px);\n  line-height: 1.13;\n  letter-spacing: -1.6px;\n  font-weight: 650;\n}\n\n.sc-about__title span {\n  color: var(--sc-yellow);\n}\n\n.sc-about__text {\n  margin: 0 0 18px;\n  color: #C3C1BA;\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n.sc-about__text strong {\n  color: var(--sc-white);\n  font-weight: 500;\n}\n\n\/* KERNWAARDEN *\/\n\n.sc-about__values {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 22px;\n  margin-top: 34px;\n  padding-top: 28px;\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n.sc-about__value {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.sc-about__value-icon {\n  color: var(--sc-yellow);\n  font-size: 17px;\n  line-height: 1.4;\n}\n\n.sc-about__value strong {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--sc-white);\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.sc-about__value p {\n  margin: 0;\n  color: var(--sc-muted);\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n\/* LINK *\/\n\n.sc-about__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 32px;\n  padding-bottom: 9px;\n\n  color: var(--sc-white);\n  border-bottom: 1px solid var(--sc-yellow);\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 500;\n  transition: color .2s ease;\n}\n\n.sc-about__link span {\n  color: var(--sc-yellow);\n  font-size: 17px;\n}\n\n.sc-about__link:hover {\n  color: var(--sc-yellow);\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1000px) {\n  .sc-about__inner {\n    padding: 85px 32px;\n    gap: 55px;\n  }\n\n  .sc-about__image {\n    height: 410px;\n  }\n\n  .sc-about__values {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n}\n\n\/* MOBIEL *\/\n\n@media (max-width: 700px) {\n  .sc-about__inner {\n    grid-template-columns: 1fr;\n    gap: 48px;\n    padding: 72px 22px;\n  }\n\n  .sc-about__visual {\n    margin: 0 12px 0 8px;\n  }\n\n  .sc-about__image {\n    height: min(110vw, 460px);\n    min-height: 300px;\n  }\n\n  .sc-about__image-label {\n    right: -12px;\n    bottom: 20px;\n  }\n\n  .sc-about__title {\n    font-size: clamp(34px, 8vw, 46px);\n  }\n\n  .sc-about__text {\n    font-size: 14px;\n  }\n\n  .sc-about__values {\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n}\n\n@media (max-width: 380px) {\n  .sc-about__inner {\n    padding-left: 17px;\n    padding-right: 17px;\n  }\n\n  .sc-about__values {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section class=\"sc-about\" id=\"over-mij\">\n  <div class=\"sc-about__inner\">\n\n    <!-- FOTO -->\n    <div class=\"sc-about__visual\">\n\n      <div class=\"sc-about__image\">\n\n        <!-- Vervang de placeholder later door je eigen foto -->\n        <div class=\"sc-about__image-placeholder\">\n          <span>SC<\/span>\n          <p>\n            Ruimte voor een persoonlijke foto van Bas\n            tijdens het werk of achter de schermen.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"sc-about__accent\"><\/div>\n\n      <div class=\"sc-about__image-label\">\n        <span>De persoon achter SocialCity<\/span>\n        <strong>Persoonlijk betrokken, van begin tot eind.<\/strong>\n      <\/div>\n\n    <\/div>\n\n    <!-- INTRODUCTIE -->\n    <div class=\"sc-about__content\">\n\n      <p class=\"sc-about__eyebrow\">\n        Even voorstellen\n      <\/p>\n\n      <h2 class=\"sc-about__title\">\n        Achter SocialCity zit een persoon.\n        <span>Geen accountmanager.<\/span>\n      <\/h2>\n\n      <p class=\"sc-about__text\">\n        Ik geloof dat goede social media begint met begrijpen\n        wie je bent, wat je wilt bereiken en wat jouw bedrijf\n        bijzonder maakt.\n      <\/p>\n\n      <p class=\"sc-about__text\">\n        Daarom werk je bij SocialCity rechtstreeks met mij.\n        Geen onnodige schakels of standaardpakketten, maar\n        <strong>persoonlijk contact, korte lijnen en een aanpak\n        die bij jouw bedrijf past.<\/strong>\n      <\/p>\n\n      <p class=\"sc-about__text\">\n        Van de eerste idee\u00ebn tot de content die uiteindelijk\n        online komt: ik denk mee, blijf betrokken en kijk samen\n        met jou hoe we social media steeds beter kunnen inzetten.\n      <\/p>\n\n      <!-- KERNWAARDEN -->\n      <div class=\"sc-about__values\">\n\n        <div class=\"sc-about__value\">\n          <span class=\"sc-about__value-icon\">\u2197<\/span>\n          <div>\n            <strong>Persoonlijk contact<\/strong>\n            <p>Je schakelt rechtstreeks met mij.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sc-about__value\">\n          <span class=\"sc-about__value-icon\">\u2197<\/span>\n          <div>\n            <strong>Kennis & ervaring<\/strong>\n            <p>Strategie en creativiteit met een duidelijk doel.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <a class=\"sc-about__link\" href=\"#diensten\">\n        Ontdek wat ik voor je kan betekenen\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a7a913c e-flex e-con-boxed e-con e-parent\" data-id=\"5a7a913c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5295cf elementor-widget elementor-widget-html\" data-id=\"2e5295cf\" 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\n<style>\n\/* ==========================================\n   SOCIALCITY \u2014 DIENSTEN\n========================================== *\/\n\n.sc-services {\n  --sc-bg: #111110;\n  --sc-card: #191917;\n  --sc-white: #F5F4F0;\n  --sc-muted: #B9B7B0;\n  --sc-yellow: #F2B923;\n\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  background: var(--sc-bg);\n  color: var(--sc-white);\n  font-family: inherit;\n}\n\n.sc-services,\n.sc-services * {\n  box-sizing: border-box;\n}\n\n.sc-services__inner {\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 105px 64px 115px;\n}\n\n\/* INTRODUCTIE *\/\n\n.sc-services__intro {\n  max-width: 700px;\n  margin-bottom: 52px;\n}\n\n.sc-services__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 22px;\n\n  color: var(--sc-yellow);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 2.2px;\n  text-transform: uppercase;\n}\n\n.sc-services__eyebrow::before {\n  content: \"\";\n  display: block;\n  width: 28px;\n  height: 1px;\n  background: var(--sc-yellow);\n}\n\n.sc-services__title {\n  margin: 0 0 20px;\n  color: var(--sc-white);\n\n  font-size: clamp(38px, 4.5vw, 58px);\n  line-height: 1.1;\n  letter-spacing: -2px;\n  font-weight: 650;\n}\n\n.sc-services__title span {\n  color: var(--sc-yellow);\n}\n\n.sc-services__description {\n  max-width: 570px;\n  margin: 0;\n\n  color: var(--sc-muted);\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n\/* DIENSTEN GRID *\/\n\n.sc-services__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n}\n\n\/* DIENSTKAART *\/\n\n.sc-service {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 340px;\n  padding: 30px 27px 27px;\n\n  background: var(--sc-card);\n  border: 1px solid rgba(255,255,255,.09);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    background .25s ease;\n}\n\n.sc-service:hover {\n  transform: translateY(-4px);\n  border-color: rgba(242,185,35,.45);\n  background: #1D1C19;\n}\n\n\/* KAARTKOP *\/\n\n.sc-service__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 39px;\n}\n\n.sc-service__number {\n  color: var(--sc-yellow);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n}\n\n.sc-service__symbol {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 43px;\n  height: 43px;\n\n  border: 1px solid rgba(242,185,35,.35);\n  border-radius: 50%;\n\n  color: var(--sc-yellow);\n  font-size: 19px;\n}\n\n\/* KAARTTEKST *\/\n\n.sc-service__title {\n  margin: 0 0 15px;\n\n  color: var(--sc-white);\n  font-size: 23px;\n  line-height: 1.3;\n  letter-spacing: -.5px;\n  font-weight: 600;\n}\n\n.sc-service__description {\n  margin: 0 0 28px;\n\n  color: var(--sc-muted);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n.sc-service__examples {\n  margin: auto 0 0;\n  padding-top: 19px;\n\n  border-top: 1px solid rgba(255,255,255,.09);\n  list-style: none;\n}\n\n.sc-service__examples li {\n  position: relative;\n  margin: 0 0 10px;\n  padding-left: 17px;\n\n  color: #D6D3CC;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.sc-service__examples li:last-child {\n  margin-bottom: 0;\n}\n\n.sc-service__examples li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 8px;\n\n  width: 5px;\n  height: 5px;\n\n  background: var(--sc-yellow);\n  border-radius: 50%;\n}\n\n\/* AFSLUITING *\/\n\n.sc-services__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n\n  margin-top: 38px;\n  padding-top: 25px;\n\n  border-top: 1px solid rgba(255,255,255,.10);\n}\n\n.sc-services__footer p {\n  max-width: 570px;\n  margin: 0;\n\n  color: var(--sc-muted);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.sc-services__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n\n  color: var(--sc-white);\n  font-size: 13px;\n  font-weight: 500;\n  text-decoration: none;\n\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--sc-yellow);\n\n  transition: color .2s ease;\n}\n\n.sc-services__link span {\n  color: var(--sc-yellow);\n  font-size: 17px;\n}\n\n.sc-services__link:hover {\n  color: var(--sc-yellow);\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1000px) {\n  .sc-services__inner {\n    padding: 85px 32px 90px;\n  }\n\n  .sc-services__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .sc-service {\n    min-height: 320px;\n  }\n\n  .sc-service:last-child {\n    grid-column: 1 \/ -1;\n    min-height: 280px;\n  }\n}\n\n\/* MOBIEL *\/\n\n@media (max-width: 650px) {\n  .sc-services__inner {\n    padding: 72px 22px 76px;\n  }\n\n  .sc-services__intro {\n    margin-bottom: 35px;\n  }\n\n  .sc-services__title {\n    font-size: clamp(36px, 9vw, 46px);\n    letter-spacing: -1.3px;\n  }\n\n  .sc-services__description {\n    font-size: 14px;\n  }\n\n  .sc-services__grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .sc-service,\n  .sc-service:last-child {\n    grid-column: auto;\n    min-height: 0;\n    padding: 25px 23px;\n  }\n\n  .sc-service__top {\n    margin-bottom: 25px;\n  }\n\n  .sc-service__description {\n    margin-bottom: 24px;\n  }\n\n  .sc-services__footer {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sc-service,\n  .sc-services__link {\n    transition: none;\n  }\n\n  .sc-service:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"sc-services\" id=\"diensten\">\n  <div class=\"sc-services__inner\">\n\n    <!-- INTRODUCTIE -->\n    <div class=\"sc-services__intro\">\n\n      <p class=\"sc-services__eyebrow\">\n        Wat ik doe\n      <\/p>\n\n      <h2 class=\"sc-services__title\">\n        Van idee naar <span>impact.<\/span>\n      <\/h2>\n\n      <p class=\"sc-services__description\">\n        Goede social media begint met een goed verhaal.\n        Samen bepalen we wat jouw bedrijf nodig heeft en\n        vertalen we dat naar een aanpak die bij jouw merk past.\n      <\/p>\n\n    <\/div>\n\n    <!-- DIENSTEN -->\n    <div class=\"sc-services__grid\">\n\n      <!-- DIENST 1 -->\n      <article class=\"sc-service\">\n\n        <div class=\"sc-service__top\">\n          <span class=\"sc-service__number\">\n            01 \/ STRATEGIE\n          <\/span>\n          <span class=\"sc-service__symbol\"\n                aria-hidden=\"true\">\u2197<\/span>\n        <\/div>\n\n        <h3 class=\"sc-service__title\">\n          Strategie & advies\n        <\/h3>\n\n        <p class=\"sc-service__description\">\n          Niet zomaar iets posten, maar weten waarom je\n          iets deelt. We bepalen samen de richting, doelgroep\n          en doelstellingen van jouw social media.\n        <\/p>\n\n        <ul class=\"sc-service__examples\">\n          <li>Socialmediastrategie<\/li>\n          <li>Doelgroep en positionering<\/li>\n          <li>Contentplanning<\/li>\n        <\/ul>\n\n      <\/article>\n\n      <!-- DIENST 2 -->\n      <article class=\"sc-service\">\n\n        <div class=\"sc-service__top\">\n          <span class=\"sc-service__number\">\n            02 \/ CREATIE\n          <\/span>\n          <span class=\"sc-service__symbol\"\n                aria-hidden=\"true\">\u2733<\/span>\n        <\/div>\n\n        <h3 class=\"sc-service__title\">\n          Content & creatie\n        <\/h3>\n\n        <p class=\"sc-service__description\">\n          Van eerste idee tot een sterk eindresultaat.\n          We maken content die jouw merk herkenbaar maakt\n          en aansluit bij de mensen die je wilt bereiken.\n        <\/p>\n\n        <ul class=\"sc-service__examples\">\n          <li>Socialmediaposts en visuals<\/li>\n          <li>Video en shortform content<\/li>\n          <li>Creatieve campagnes<\/li>\n        <\/ul>\n\n      <\/article>\n\n      <!-- DIENST 3 -->\n      <article class=\"sc-service\">\n\n        <div class=\"sc-service__top\">\n          <span class=\"sc-service__number\">\n            03 \/ BEHEER\n          <\/span>\n          <span class=\"sc-service__symbol\"\n                aria-hidden=\"true\">\u25ce<\/span>\n        <\/div>\n\n        <h3 class=\"sc-service__title\">\n          Socialmediabeheer\n        <\/h3>\n\n        <p class=\"sc-service__description\">\n          Een consistente aanwezigheid zonder dat jij\n          alles zelf hoeft te regelen. Ik help met de\n          planning, publicatie en doorontwikkeling.\n        <\/p>\n\n        <ul class=\"sc-service__examples\">\n          <li>Planning en publicatie<\/li>\n          <li>Community en kanaalbeheer<\/li>\n          <li>Analyse en optimalisatie<\/li>\n        <\/ul>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- PERSOONLIJKE AFSLUITING -->\n    <div class=\"sc-services__footer\">\n\n      <p>\n        Niet ieder bedrijf heeft hetzelfde nodig.\n        Daarom kijken we eerst naar jouw situatie en\n        bepalen we samen wat het beste past.\n      <\/p>\n\n      <a class=\"sc-services__link\" href=\"#contact\">\n        Bespreek jouw plannen\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38ce76e6 e-flex e-con-boxed e-con e-parent\" data-id=\"38ce76e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4268f62e elementor-widget elementor-widget-html\" data-id=\"4268f62e\" 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```html\n<style>\n\/* SOCIALCITY CASES SLIDER *\/\n#sc-cases {\n  --sc-bg: #151513;\n  --sc-card: #1d1d1a;\n  --sc-text: #f5f3ee;\n  --sc-muted: #aaa9a1;\n  --sc-accent: #e7a83e;\n\n  background: var(--sc-bg);\n  color: var(--sc-text);\n  padding: 90px 0;\n  overflow: hidden;\n  font-family: inherit;\n}\n\n#sc-cases * {\n  box-sizing: border-box;\n}\n\n#sc-cases .sc-cases-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n#sc-cases .sc-eyebrow {\n  color: var(--sc-accent);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n#sc-cases h2 {\n  color: var(--sc-text);\n  font-size: clamp(34px, 5vw, 56px);\n  line-height: 1.08;\n  letter-spacing: -1.8px;\n  margin: 0 0 18px;\n  font-weight: 600;\n}\n\n#sc-cases .sc-intro {\n  color: var(--sc-muted);\n  font-size: 16px;\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 0 42px;\n}\n\n\/* Slider *\/\n#sc-cases .sc-slider {\n  overflow: hidden;\n  width: 100%;\n  position: relative;\n}\n\n#sc-cases .sc-track {\n  display: flex;\n  gap: 22px;\n  width: max-content;\n  animation: scCasesMove 35s linear infinite;\n  will-change: transform;\n}\n\n#sc-cases .sc-slider:hover .sc-track {\n  animation-play-state: paused;\n}\n\n#sc-cases .sc-card {\n  flex: 0 0 340px;\n  width: 340px;\n  min-height: 390px;\n  background: var(--sc-card);\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 12px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n#sc-cases .sc-card-image {\n  height: 205px;\n  background:\n    radial-gradient(ellipse at 75% 25%, rgba(231,168,62,.20), transparent 45%),\n    linear-gradient(135deg, #30302a, #191916);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255,255,255,.45);\n  font-size: 12px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n#sc-cases .sc-card-content {\n  padding: 25px;\n}\n\n#sc-cases .sc-tag {\n  color: var(--sc-accent);\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 700;\n  margin-bottom: 12px;\n}\n\n#sc-cases .sc-card h3 {\n  color: var(--sc-text);\n  font-size: 23px;\n  line-height: 1.2;\n  margin: 0 0 12px;\n  font-weight: 600;\n}\n\n#sc-cases .sc-card p {\n  color: var(--sc-muted);\n  font-size: 14px;\n  line-height: 1.65;\n  margin: 0;\n}\n\n@keyframes scCasesMove {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n\/* Mobiel *\/\n@media (max-width: 600px) {\n  #sc-cases {\n    padding: 65px 0;\n  }\n\n  #sc-cases .sc-card {\n    flex-basis: 285px;\n    width: 285px;\n    min-height: 370px;\n  }\n\n  #sc-cases .sc-card-image {\n    height: 180px;\n  }\n\n  #sc-cases .sc-track {\n    gap: 16px;\n    animation-duration: 28s;\n  }\n}\n\n\/* Bewegingsvoorkeur respecteren *\/\n@media (prefers-reduced-motion: reduce) {\n  #sc-cases .sc-track {\n    animation: none;\n  }\n}\n<\/style>\n\n<section id=\"sc-cases\">\n  <div class=\"sc-cases-inner\">\n    <div class=\"sc-eyebrow\">Geselecteerd werk<\/div>\n    <h2>Werk dat voor je spreekt.<\/h2>\n    <p class=\"sc-intro\">\n      Van een sterke strategie tot content die blijft hangen.\n      Bekijk hoe we merken helpen groeien op social media.\n    <\/p>\n  <\/div>\n\n  <div class=\"sc-slider\">\n    <div class=\"sc-track\">\n\n      <!-- Case 1 -->\n      <article class=\"sc-card\">\n        <div class=\"sc-card-image\">Projectafbeelding<\/div>\n        <div class=\"sc-card-content\">\n          <div class=\"sc-tag\">Content & groei<\/div>\n          <h3>Een merk dat opvalt<\/h3>\n          <p>Een herkenbare contentaanpak die past bij het merk en de doelgroep.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- Case 2 -->\n      <article class=\"sc-card\">\n        <div class=\"sc-card-image\">Projectafbeelding<\/div>\n        <div class=\"sc-card-content\">\n          <div class=\"sc-tag\">Strategie<\/div>\n          <h3>Van idee naar plan<\/h3>\n          <p>Een duidelijke socialmediastrategie met richting, structuur en focus.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- Case 3 -->\n      <article class=\"sc-card\">\n        <div class=\"sc-card-image\">Projectafbeelding<\/div>\n        <div class=\"sc-card-content\">\n          <div class=\"sc-tag\">Social media<\/div>\n          <h3>Consistent zichtbaar<\/h3>\n          <p>Content en beheer die ervoor zorgen dat een merk zichtbaar blijft.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- Duplicaten voor een doorlopende animatie -->\n      <article class=\"sc-card\" aria-hidden=\"true\">\n        <div class=\"sc-card-image\">Projectafbeelding<\/div>\n        <div class=\"sc-card-content\">\n          <div class=\"sc-tag\">Content & groei<\/div>\n          <h3>Een merk dat opvalt<\/h3>\n          <p>Een herkenbare contentaanpak die past bij het merk en de doelgroep.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"sc-card\" aria-hidden=\"true\">\n        <div class=\"sc-card-image\">Projectafbeelding<\/div>\n        <div class=\"sc-card-content\">\n          <div class=\"sc-tag\">Strategie<\/div>\n          <h3>Van idee naar plan<\/h3>\n          <p>Een duidelijke socialmediastrategie met richting, structuur en focus.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"sc-card\" aria-hidden=\"true\">\n        <div class=\"sc-card-image\">Projectafbeelding<\/div>\n        <div class=\"sc-card-content\">\n          <div class=\"sc-tag\">Social media<\/div>\n          <h3>Consistent zichtbaar<\/h3>\n          <p>Content en beheer die ervoor zorgen dat een merk zichtbaar blijft.<\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n```\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d29e4fd e-flex e-con-boxed e-con e-parent\" data-id=\"1d29e4fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25f87e6 elementor-widget elementor-widget-html\" data-id=\"25f87e6\" 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```html\n<style>\n\/* SOCIALCITY WERKWIJZE *\/\n#sc-werkwijze {\n  --sc-bg: #111110;\n  --sc-card: #1a1a18;\n  --sc-text: #f5f3ee;\n  --sc-muted: #aaa9a1;\n  --sc-accent: #e7a83e;\n\n  background: var(--sc-bg);\n  color: var(--sc-text);\n  padding: 100px 24px;\n  font-family: inherit;\n}\n\n#sc-werkwijze * {\n  box-sizing: border-box;\n}\n\n#sc-werkwijze .sc-work-inner {\n  max-width: 1150px;\n  margin: 0 auto;\n}\n\n#sc-werkwijze .sc-eyebrow {\n  color: var(--sc-accent);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n\n#sc-werkwijze h2 {\n  color: var(--sc-text);\n  font-size: clamp(34px, 5vw, 56px);\n  line-height: 1.08;\n  letter-spacing: -1.8px;\n  font-weight: 600;\n  max-width: 720px;\n  margin: 0 0 20px;\n}\n\n#sc-werkwijze .sc-work-intro {\n  max-width: 620px;\n  color: var(--sc-muted);\n  font-size: 16px;\n  line-height: 1.8;\n  margin: 0 0 58px;\n}\n\n#sc-werkwijze .sc-work-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n}\n\n#sc-werkwijze .sc-work-card {\n  background: var(--sc-card);\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 12px;\n  padding: 32px 28px 34px;\n  min-height: 270px;\n  transition: transform .25s ease, border-color .25s ease;\n}\n\n#sc-werkwijze .sc-work-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(231,168,62,.4);\n}\n\n#sc-werkwijze .sc-work-number {\n  color: var(--sc-accent);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  margin-bottom: 36px;\n}\n\n#sc-werkwijze .sc-work-card h3 {\n  color: var(--sc-text);\n  font-size: 23px;\n  font-weight: 600;\n  line-height: 1.25;\n  margin: 0 0 14px;\n}\n\n#sc-werkwijze .sc-work-card p {\n  color: var(--sc-muted);\n  font-size: 14px;\n  line-height: 1.8;\n  margin: 0;\n}\n\n#sc-werkwijze .sc-work-bottom {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  margin-top: 42px;\n  padding-top: 30px;\n  border-top: 1px solid rgba(255,255,255,.12);\n}\n\n#sc-werkwijze .sc-work-bottom p {\n  color: var(--sc-muted);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n#sc-werkwijze .sc-work-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 14px 21px;\n  border: 1px solid var(--sc-accent);\n  border-radius: 5px;\n  color: var(--sc-accent);\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 600;\n  white-space: nowrap;\n  transition: background .2s ease, color .2s ease;\n}\n\n#sc-werkwijze .sc-work-cta:hover {\n  background: var(--sc-accent);\n  color: #111110;\n}\n\n#sc-werkwijze .sc-work-cta span {\n  font-size: 18px;\n  line-height: 1;\n}\n\n@media (max-width: 850px) {\n  #sc-werkwijze {\n    padding: 75px 24px;\n  }\n\n  #sc-werkwijze .sc-work-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  #sc-werkwijze .sc-work-card {\n    min-height: auto;\n    padding: 26px;\n  }\n\n  #sc-werkwijze .sc-work-number {\n    margin-bottom: 22px;\n  }\n\n  #sc-werkwijze .sc-work-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sc-werkwijze .sc-work-card,\n  #sc-werkwijze .sc-work-cta {\n    transition: none;\n  }\n}\n<\/style>\n\n<section id=\"sc-werkwijze\">\n  <div class=\"sc-work-inner\">\n\n    <div class=\"sc-eyebrow\">Hoe we samenwerken<\/div>\n\n    <h2>Een goed plan begint met een goed gesprek.<\/h2>\n\n    <p class=\"sc-work-intro\">\n      Geen standaardpakket dat je zomaar wordt verkocht.\n      We kijken eerst naar jouw merk, ambities en doelgroep.\n      Vanuit daar bepalen we wat jouw social media \u00e9cht verder helpt.\n    <\/p>\n\n    <div class=\"sc-work-grid\">\n\n      <article class=\"sc-work-card\">\n        <div class=\"sc-work-number\">01 \/ KENNISMAKEN<\/div>\n        <h3>Eerst begrijpen<\/h3>\n        <p>\n          We bespreken jouw bedrijf, doelen en uitdagingen.\n          Wat werkt al, waar liggen kansen en wat wil je bereiken?\n          Zo beginnen we met een helder beeld.\n        <\/p>\n      <\/article>\n\n      <article class=\"sc-work-card\">\n        <div class=\"sc-work-number\">02 \/ RICHTING BEPALEN<\/div>\n        <h3>Dan een plan<\/h3>\n        <p>\n          We bepalen de juiste aanpak voor jouw merk.\n          Van strategie en formats tot content en planning:\n          alles heeft een reden en een duidelijk doel.\n        <\/p>\n      <\/article>\n\n      <article class=\"sc-work-card\">\n        <div class=\"sc-work-number\">03 \/ SAMEN GROEIEN<\/div>\n        <h3>Blijven verbeteren<\/h3>\n        <p>\n          We gaan aan de slag, bekijken wat aanslaat en sturen bij\n          waar nodig. Met korte lijnen, persoonlijk contact en focus\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-424e39fb e-flex e-con-boxed e-con e-parent\" data-id=\"424e39fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52059f16 elementor-widget elementor-widget-html\" data-id=\"52059f16\" 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\n<style>\n\/* SOCIALCITY CONTACT & FOOTER *\/\n#sc-contact {\n  --sc-bg: #151513;\n  --sc-panel: #1d1d1a;\n  --sc-text: #f5f3ee;\n  --sc-muted: #aaa9a1;\n  --sc-accent: #e7a83e;\n\n  background: var(--sc-bg);\n  color: var(--sc-text);\n  font-family: inherit;\n}\n\n#sc-contact * {\n  box-sizing: border-box;\n}\n\n#sc-contact .sc-contact-inner {\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 100px 24px 85px;\n}\n\n#sc-contact .sc-contact-grid {\n  display: grid;\n  grid-template-columns: 1.1fr .9fr;\n  gap: 70px;\n  align-items: center;\n}\n\n#sc-contact .sc-eyebrow {\n  color: var(--sc-accent);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n\n#sc-contact h2 {\n  color: var(--sc-text);\n  font-size: clamp(36px, 5vw, 60px);\n  line-height: 1.05;\n  letter-spacing: -2px;\n  font-weight: 600;\n  margin: 0 0 24px;\n}\n\n#sc-contact .sc-contact-description {\n  color: var(--sc-muted);\n  font-size: 16px;\n  line-height: 1.8;\n  max-width: 520px;\n  margin: 0 0 32px;\n}\n\n#sc-contact .sc-contact-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 16px 23px;\n  background: var(--sc-accent);\n  color: #111110;\n  border: 1px solid var(--sc-accent);\n  border-radius: 5px;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 700;\n  transition: background .2s ease, color .2s ease;\n}\n\n#sc-contact .sc-contact-button:hover {\n  background: transparent;\n  color: var(--sc-accent);\n}\n\n#sc-contact .sc-contact-button span {\n  font-size: 18px;\n}\n\n#sc-contact .sc-contact-details {\n  background: var(--sc-panel);\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 12px;\n  padding: 34px;\n}\n\n#sc-contact .sc-detail-label {\n  color: var(--sc-muted);\n  font-size: 12px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin: 0 0 10px;\n}\n\n#sc-contact .sc-detail-link {\n  display: inline-block;\n  color: var(--sc-text);\n  font-size: 18px;\n  text-decoration: none;\n  overflow-wrap: anywhere;\n  transition: color .2s ease;\n}\n\n#sc-contact .sc-detail-link:hover {\n  color: var(--sc-accent);\n}\n\n#sc-contact .sc-detail-divider {\n  height: 1px;\n  background: rgba(255,255,255,.1);\n  margin: 25px 0;\n}\n\n#sc-contact .sc-social-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n}\n\n#sc-contact .sc-social-links a {\n  color: var(--sc-text);\n  font-size: 14px;\n  text-decoration: none;\n  transition: color .2s ease;\n}\n\n#sc-contact .sc-social-links a:hover {\n  color: var(--sc-accent);\n}\n\n\/* Footer *\/\n#sc-contact .sc-footer {\n  border-top: 1px solid rgba(255,255,255,.1);\n}\n\n#sc-contact .sc-footer-inner {\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 25px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n#sc-contact .sc-footer-logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--sc-text);\n  font-size: 16px;\n  font-weight: 700;\n  text-decoration: none;\n  letter-spacing: .3px;\n}\n\n#sc-contact .sc-footer-logo img {\n  display: block;\n  width: 42px;\n  height: auto;\n  max-height: 42px;\n  object-fit: contain;\n}\n\n#sc-contact .sc-footer-note {\n  color: var(--sc-muted);\n  font-size: 12px;\n  line-height: 1.6;\n  margin: 0;\n  text-align: right;\n}\n\n@media (max-width: 800px) {\n  #sc-contact .sc-contact-inner {\n    padding: 75px 24px 60px;\n  }\n\n  #sc-contact .sc-contact-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  #sc-contact .sc-contact-details {\n    padding: 27px;\n  }\n\n  #sc-contact .sc-footer-inner {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  #sc-contact .sc-footer-note {\n    text-align: left;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sc-contact .sc-contact-button,\n  #sc-contact .sc-detail-link,\n  #sc-contact .sc-social-links a {\n    transition: none;\n  }\n}\n<\/style>\n\n<section id=\"sc-contact\">\n  <div class=\"sc-contact-inner\">\n    <div class=\"sc-contact-grid\">\n\n      <div class=\"sc-contact-copy\">\n        <div class=\"sc-eyebrow\">Tijd om kennis te maken<\/div>\n\n        <h2>Goed werk begint met een goed gesprek.<\/h2>\n\n        <p class=\"sc-contact-description\">\n          Op zoek naar meer richting, sterkere content of een\n          socialmediastrategie die bij jouw bedrijf past?\n          Vertel me waar je naartoe wilt. Dan kijken we samen\n          wat de beste volgende stap is.\n        <\/p>\n\n        <a\n          class=\"sc-contact-button\"\n          href=\"mailto:info@socialcity.nl?subject=Kennismaken%20met%20SocialCity\"\n        >\n          Laten we praten <span>\u2197<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"sc-contact-details\">\n        <p class=\"sc-detail-label\">E-mail<\/p>\n        <a\n          class=\"sc-detail-link\"\n          href=\"mailto:info@socialcity.nl\"\n        >\n          info@socialcity.nl\n        <\/a>\n\n        <div class=\"sc-detail-divider\"><\/div>\n\n        <p class=\"sc-detail-label\">Social media<\/p>\n        <div class=\"sc-social-links\">\n          <a href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Instagram \u2197\n          <\/a>\n          <a href=\"https:\/\/www.linkedin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            LinkedIn \u2197\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <footer class=\"sc-footer\">\n    <div class=\"sc-footer-inner\">\n\n      <a class=\"sc-footer-logo\" href=\"#home\" aria-label=\"SocialCity - terug naar boven\">\n        <img decoding=\"async\"\n          src=\"https:\/\/socialcity.nl\/wp-content\/uploads\/2026\/10\/Social-City-logo-met-skyline-icoon.png\"\n          alt=\"SocialCity logo\"\n        >\n        <span>SocialCity<\/span>\n      <\/a>\n\n      <p class=\"sc\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3375a20d e-flex e-con-boxed e-con e-parent\" data-id=\"3375a20d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-597b2b69 elementor-widget elementor-widget-html\" data-id=\"597b2b69\" 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<style>\n\/* SOCIALCITY FOOTER *\/\n#sc-footer {\n  --bg: #10100f;\n  --text: #f5f3ee;\n  --muted: #96958d;\n  --accent: #e7a83e;\n\n  background: var(--bg);\n  color: var(--text);\n  font-family: inherit;\n  border-top: 1px solid rgba(255,255,255,.09);\n}\n\n#sc-footer * {\n  box-sizing: border-box;\n}\n\n#sc-footer .sc-footer-main {\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 55px 24px 40px;\n  display: grid;\n  grid-template-columns: 1.4fr 1fr 1fr;\n  gap: 50px;\n}\n\n#sc-footer .sc-footer-brand img {\n  width: 165px;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  margin-bottom: 18px;\n}\n\n#sc-footer .sc-footer-brand p {\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.8;\n  max-width: 290px;\n  margin: 0;\n}\n\n#sc-footer .sc-footer-heading {\n  color: var(--text);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n  margin: 5px 0 22px;\n}\n\n#sc-footer .sc-footer-links {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 14px;\n}\n\n#sc-footer .sc-footer-links a {\n  color: var(--muted);\n  text-decoration: none;\n  font-size: 14px;\n  transition: color .2s ease;\n}\n\n#sc-footer .sc-footer-links a:hover {\n  color: var(--accent);\n}\n\n#sc-footer .sc-footer-bottom {\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 22px 24px;\n  border-top: 1px solid rgba(255,255,255,.09);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n}\n\n#sc-footer .sc-footer-bottom p {\n  color: var(--muted);\n  font-size: 12px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n#sc-footer .sc-footer-back {\n  color: var(--text);\n  text-decoration: none;\n  font-size: 13px;\n  white-space: nowrap;\n  transition: color .2s ease;\n}\n\n#sc-footer .sc-footer-back:hover {\n  color: var(--accent);\n}\n\n@media (max-width: 700px) {\n  #sc-footer .sc-footer-main {\n    grid-template-columns: 1fr 1fr;\n    gap: 35px 24px;\n    padding-top: 42px;\n  }\n\n  #sc-footer .sc-footer-brand {\n    grid-column: 1 \/ -1;\n  }\n\n  #sc-footer .sc-footer-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sc-footer .sc-footer-links a,\n  #sc-footer .sc-footer-back {\n    transition: none;\n  }\n}\n<\/style>\n\n<footer id=\"sc-footer\">\n  <div class=\"sc-footer-main\">\n\n    <div class=\"sc-footer-brand\">\n      <a href=\"#home\" aria-label=\"SocialCity \u2014 naar boven\">\n        <img decoding=\"async\"\n          src=\"https:\/\/socialcity.nl\/wp-content\/uploads\/2026\/10\/Social-City-logo-met-skyline-icoon.png\"\n          alt=\"SocialCity\"\n          loading=\"lazy\"\n        >\n      <\/a>\n      <p>\n        Social media met een plan.\n        Persoonlijke begeleiding, sterke content en een strategie\n        die past bij jouw merk.\n      <\/p>\n    <\/div>\n\n    <div>\n      <h3 class=\"sc-footer-heading\">Navigatie<\/h3>\n      <nav class=\"sc-footer-links\" aria-label=\"Footernavigatie\">\n        <a href=\"#home\">Home<\/a>\n        <a href=\"#diensten\">Diensten<\/a>\n        <a href=\"#cases\">Cases<\/a>\n        <a href=\"#over-mij\">Over mij<\/a>\n        <a href=\"#contact\">Contact<\/a>\n      <\/nav>\n    <\/div>\n\n    <div>\n      <h3 class=\"sc-footer-heading\">Contact<\/h3>\n      <div class=\"sc-footer-links\">\n        <a href=\"mailto:info@socialcity.nl\">info@socialcity.nl<\/a>\n        <a href=\"#contact\">Samenwerken \u2197<\/a>\n        <!-- Vervang onderstaande links door je eigen profielen -->\n        <a href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram \u2197<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn \u2197<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"sc-footer-bottom\">\n    <p>\n      \u00a9 <span id=\"sc-footer-year\">2026<\/span> SocialCity.\n      Alle rechten voorbehouden.\n    <\/p>\n    <a class=\"sc-footer-back\" href=\"#home\">Terug naar boven \u2191<\/a>\n  <\/div>\n<\/footer>\n\n<script>\n(function () {\n  var year = document.getElementById('sc-footer-year');\n  if (year) year.textContent = new Date().getFullYear();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2630 Home Diensten Cases Over mij Contact Laten we praten \u2197 Social media agency Social media met een plan. Ik help bedrijven groeien met sterke social media. Met kennis, creativiteit en persoonlijk contact bouwen we aan een online aanwezigheid die bij jouw merk en ambities past. Bekijk mijn werk \u2197 Even kennismaken SC Korte lijnen. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_zipai_imported":false,"_zipai_import_id":"","footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Homepage - SocialCity<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/socialcity.nl\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage - SocialCity\" \/>\n<meta property=\"og:description\" content=\"\u2630 Home Diensten Cases Over mij Contact Laten we praten \u2197 Social media agency Social media met een plan. Ik help bedrijven groeien met sterke social media. Met kennis, creativiteit en persoonlijk contact bouwen we aan een online aanwezigheid die bij jouw merk en ambities past. Bekijk mijn werk \u2197 Even kennismaken SC Korte lijnen. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/socialcity.nl\/\" \/>\n<meta property=\"og:site_name\" content=\"SocialCity\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-19T10:37:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/socialcity.nl\\\/\",\"url\":\"https:\\\/\\\/socialcity.nl\\\/\",\"name\":\"Homepage - SocialCity\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#website\"},\"datePublished\":\"2026-10-19T10:33:45+00:00\",\"dateModified\":\"2026-10-19T10:37:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/socialcity.nl\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/socialcity.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#website\",\"url\":\"https:\\\/\\\/socialcity.nl\\\/\",\"name\":\"SocialCity\",\"description\":\"JOUW IDEALE SOCIAL MEDIA PARTNER VAN A TOT Z.\",\"publisher\":{\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/socialcity.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#organization\",\"name\":\"SocialCity\",\"url\":\"https:\\\/\\\/socialcity.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/socialcity.nl\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/socialcity-logo.webp\",\"contentUrl\":\"https:\\\/\\\/socialcity.nl\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/socialcity-logo.webp\",\"width\":300,\"height\":201,\"caption\":\"SocialCity\"},\"image\":{\"@id\":\"https:\\\/\\\/socialcity.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Homepage - SocialCity","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/socialcity.nl\/","og_locale":"nl_NL","og_type":"article","og_title":"Homepage - SocialCity","og_description":"\u2630 Home Diensten Cases Over mij Contact Laten we praten \u2197 Social media agency Social media met een plan. Ik help bedrijven groeien met sterke social media. Met kennis, creativiteit en persoonlijk contact bouwen we aan een online aanwezigheid die bij jouw merk en ambities past. Bekijk mijn werk \u2197 Even kennismaken SC Korte lijnen. [&hellip;]","og_url":"https:\/\/socialcity.nl\/","og_site_name":"SocialCity","article_modified_time":"2026-10-19T10:37:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/socialcity.nl\/","url":"https:\/\/socialcity.nl\/","name":"Homepage - SocialCity","isPartOf":{"@id":"https:\/\/socialcity.nl\/#website"},"datePublished":"2026-10-19T10:33:45+00:00","dateModified":"2026-10-19T10:37:19+00:00","breadcrumb":{"@id":"https:\/\/socialcity.nl\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/socialcity.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/socialcity.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/socialcity.nl\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/socialcity.nl\/#website","url":"https:\/\/socialcity.nl\/","name":"SocialCity","description":"JOUW IDEALE SOCIAL MEDIA PARTNER VAN A TOT Z.","publisher":{"@id":"https:\/\/socialcity.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/socialcity.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/socialcity.nl\/#organization","name":"SocialCity","url":"https:\/\/socialcity.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/socialcity.nl\/#\/schema\/logo\/image\/","url":"https:\/\/socialcity.nl\/wp-content\/uploads\/2023\/05\/socialcity-logo.webp","contentUrl":"https:\/\/socialcity.nl\/wp-content\/uploads\/2023\/05\/socialcity-logo.webp","width":300,"height":201,"caption":"SocialCity"},"image":{"@id":"https:\/\/socialcity.nl\/#\/schema\/logo\/image\/"}}]}},"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"beheer_sc","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/67c4f038615268a31d6a5c588f9d9a4371cf508acae0554310a61cbb2f09b7d4?s=96&d=mm&r=g","author_link":"https:\/\/socialcity.nl\/index.php\/author\/beheer_sc\/","description":""},"_links":{"self":[{"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":5,"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/pages\/146\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/socialcity.nl\/index.php\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}