{"id":13970,"date":"2026-03-16T02:15:30","date_gmt":"2026-03-16T02:15:30","guid":{"rendered":"https:\/\/co.brandium.dev\/?page_id=13970"},"modified":"2026-03-16T11:17:56","modified_gmt":"2026-03-16T11:17:56","slug":"privekantoor","status":"publish","type":"page","link":"https:\/\/co.brandium.dev\/en\/privekantoor\/","title":{"rendered":"Co-Office | Privekantoor"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13970\" class=\"elementor elementor-13970\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c024caf e-con-full e-flex e-con e-parent\" data-id=\"c024caf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53efe50 elementor-widget elementor-widget-html\" data-id=\"53efe50\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n\r\n  :root {\r\n    --green:       #1E4C3B;\r\n    --green-mid:   #2a6350;\r\n    --green-light: #d7e5cc;\r\n    --cream:       #ffffff;\r\n    --warm-white:  #fdfcf8;\r\n    --charcoal:    #1a1a1a;\r\n    --mid-gray:    #5a5a5a;\r\n    --light-gray:  #d8d4cc;\r\n    --accent:      #d7e5cc;\r\n    --font-display: 'PPNeueMontreal-Book';\r\n    --font-body:     'PPNeueMontreal-Book';\r\n  }\r\n\r\n\r\n\r\n  .nav-logo {\r\n    font-family: var(--font-display);\r\n    font-size: 20px;\r\n    color: #fff;\r\n    letter-spacing: -0.02em;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .nav-logo span { color: var(--accent); }\r\n\r\n  .nav-links {\r\n    display: flex;\r\n    gap: 32px;\r\n    list-style: none;\r\n  }\r\n\r\n  .nav-links a {\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.05em;\r\n    color: rgba(255,255,255,0.75);\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .nav-links a:hover,\r\n  .nav-links a.active { color: #fff; }\r\n\r\n  .nav-cta {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--green);\r\n    background: var(--accent);\r\n    border: none;\r\n    padding: 10px 22px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: opacity 0.2s, transform 0.2s;\r\n  }\r\n\r\n  .nav-cta:hover { opacity: 0.88; transform: translateY(-1px); }\r\n\r\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n  .hero {\r\n    position: relative;\r\n    height: 47vh;\r\n    min-height: 600px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    overflow: hidden;\r\n    font-family: 'PPNeueMontreal-Medium'!important;\r\n  }\r\n\r\n  .hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:#1e4c3b\r\n  }\r\n\r\n  .hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 0 80px 80px;\r\n    max-width: 780px;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    animation: fadeUp 1s 0.3s ease forwards;\r\n  }\r\n\r\n  .hero-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  \/*.hero-eyebrow::before {*\/\r\n  \/*  content: '';*\/\r\n  \/*  display: block;*\/\r\n  \/*  width: 28px;*\/\r\n  \/*  height: 1px;*\/\r\n  \/*  background: var(--accent);*\/\r\n  \/*}*\/\r\n\r\n  .hero h1 {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(5rem, 5.5vw, 3rem);\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    color: #fff;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .hero h1 em {\r\n    font-style: italic;\r\n    color: var(--accent);\r\n  }\r\n\r\n  .hero-sub {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: rgba(255,255,255,0.78);\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .hero-actions {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 30px;\r\n    background: #f1b650;\r\n    color: var(--green);\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: -0.01em;\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    transition: opacity 0.2s, transform 0.2s;\r\n  }\r\n\r\n  .btn-primary:hover { opacity: 0.88; transform: translateY(-1px); }\r\n\r\n  .btn-ghost {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 30px;\r\n    background: transparent;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    letter-spacing: -0.01em;\r\n    border: 1px solid rgba(255,255,255,0.35);\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    transition: border-color 0.2s, background 0.2s;\r\n      font-family: 'PPNeueMontreal-Medium';\r\n\r\n  }\r\n\r\n  .btn-ghost:hover { border-color: #fff; background: rgba(255,255,255,0.06); }\r\n\r\n  \/* \u2500\u2500 INTRO SECTION \u2500\u2500 *\/\r\n  .intro {\r\n    padding: 17rem 0rem;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .intro-text h2 {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(26px, 3.2vw, 42px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    color: var(--charcoal);\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .intro-text h2 em {\r\n    \/*font-style: italic;*\/\r\n    color: var(--green);\r\n  }\r\n\r\n  .intro-text p {\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n    color: var(--mid-gray);\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .intro-text p:last-of-type { margin-bottom: 0; }\r\n\r\n  .intro-image {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4\/3;\r\n  }\r\n\r\n  .intro-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.7s ease;\r\n  }\r\n\r\n  .intro-image:hover img { transform: scale(1.04); }\r\n\r\n  .intro-image-accent {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: -20px;\r\n    width: 120px;\r\n    height: 120px;\r\n    background: var(--green);\r\n    border-radius: 4px;\r\n    z-index: -1;\r\n    opacity: 0.6;\r\n  }\r\n\r\n  \/* \u2500\u2500 SIZES SECTION \u2500\u2500 *\/\r\n  .sizes-section {\r\n    background: var(--green);\r\n    padding: 80px 80px;\r\n  }\r\n\r\n  .sizes-inner {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .section-label {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n    margin-bottom: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  \/*.section-label::before {*\/\r\n  \/*  content: '';*\/\r\n  \/*  display: block;*\/\r\n  \/*  width: 24px;*\/\r\n  \/*  height: 1px;*\/\r\n  \/*  background: var(--accent);*\/\r\n  \/*}*\/\r\n\r\n  .sizes-section .section-title {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(26px, 3vw, 40px);\r\n    font-weight: 600;\r\n    color: #fff;\r\n    margin-bottom: 48px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .sizes-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2px;\r\n    background: rgba(255,255,255,0.08);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .size-card {\r\n    background: rgba(255,255,255,0.04);\r\n    padding: 32px 28px;\r\n    transition: background 0.25s;\r\n    cursor: default;\r\n  }\r\n\r\n  .size-card:hover { background: rgba(255,255,255,0.1); }\r\n\r\n  .size-num {\r\n    font-family: var(--font-display);\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    line-height: 1;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .size-unit {\r\n    font-size: 13px;\r\n    color: rgba(255,255,255,0.5);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .size-desc {\r\n    font-size: 13px;\r\n    color: rgba(255,255,255,0.65);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .size-ideal {\r\n    margin-top: 12px;\r\n    font-size: 11px;\r\n    letter-spacing: 0.06em;\r\n    color: var(--accent);\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .sizes-note {\r\n    margin-top: 32px;\r\n    padding: 24px 32px;\r\n    background: rgba(255,255,255,0.07);\r\n    border-radius: 6px;\r\n    border-left: 3px solid var(--accent);\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.75);\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u2500\u2500 INCLUSIONS \u2500\u2500 *\/\r\n  .inclusions {\r\n    padding: 100px 80px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .inclusions-header {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n    margin-bottom: 64px;\r\n  }\r\n\r\n  .inclusions-header h2 {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(28px, 3vw, 42px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    color: var(--charcoal);\r\n  }\r\n\r\n  .inclusions-header h2 em {\r\n    font-style: italic;\r\n    color: var(--green);\r\n  }\r\n\r\n  .inclusions-header p {\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n    color: var(--mid-gray);\r\n    padding-top: 8px;\r\n  }\r\n\r\n  .inclusions-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2px;\r\n    background: var(--light-gray);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .inclusion-item {\r\n    background:#ffffff;\r\n    padding: 4rem 4rem;\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: flex-start;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .inclusion-item:hover { background:#f9fff4}\r\n\r\n  .inclusion-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 6px;\r\n    background: var(--green-light);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    color: var(--green);\r\n  }\r\n\r\n  .inclusion-icon svg { width: 18px; height: 18px; }\r\n\r\n  .inclusion-text strong {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--charcoal);\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .inclusion-text span {\r\n    font-size: 12px;\r\n    color: var(--mid-gray);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .photo-strip {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr;\r\n    gap: 4px;\r\n    height: 460px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .photo-strip-item {\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .photo-strip-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .photo-strip-item:hover img { transform: scale(1.05); }\r\n\r\n  .who-section {\r\n    padding: 100px 80px;\r\n    background: var(--cream);\r\n  }\r\n\r\n  .who-inner {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 80px;\r\n    align-items: start;\r\n  }\r\n\r\n  .who-text h2 {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(26px, 3vw, 40px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    color: var(--charcoal);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .who-text h2 em {\r\n    font-style: italic;\r\n    color: var(--green);\r\n  }\r\n\r\n  .who-text p {\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n    color: var(--mid-gray);\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .audience-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .audience-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 8px 16px;\r\n    background: #fff;\r\n    border: 1.5px solid var(--green);\r\n    border-radius: 100px;\r\n    font-size: 13px;\r\n    color: var(--green);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .audience-tag::before {\r\n    content: '';\r\n    width: 6px; height: 6px;\r\n    border-radius: 50%;\r\n    background: var(--green);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .contract-card {\r\n    background: var(--green);\r\n    border-radius: 12px;\r\n    padding: 48px 44px;\r\n    color: #fff;\r\n  }\r\n\r\n  .contract-card .cc-label {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .contract-card h3 {\r\n    font-family: var(--font-display);\r\n    font-size: 28px;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n    margin-bottom: 20px;\r\n    width:330px;\r\n  }\r\n\r\n  .contract-card p {\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    color: rgba(255,255,255,0.72);\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .contract-list {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    margin-bottom: 36px;\r\n    padding-inline-start:0\r\n  }\r\n\r\n  .contract-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.85);\r\n  }\r\n\r\n  .contract-list li::before {\r\n    content: '';\r\n    width: 20px; height: 20px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23c8a96e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n  }\r\n\r\n  .contract-card .btn-primary {\r\n    width: 100%;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cta-banner {\r\n    background: var(--green);\r\n    padding: 80px 80px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n\r\n  .cta-banner-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cta-banner h2 {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(28px, 3.5vw, 46px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .cta-banner h2 em {\r\n    font-style: italic;\r\n    color: var(--accent);\r\n  }\r\n\r\n  .cta-banner p {\r\n    font-size: 15px;\r\n    color: rgba(255,255,255,0.7);\r\n    line-height: 1.7;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .cta-banner .btn-primary { font-size: 14px; padding: 16px 36px; }\r\n\r\n \r\n  .wordmark-bar {\r\n    background: var(--charcoal);\r\n    overflow: hidden;\r\n    padding: 20px 0 0;\r\n    border-top: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .wordmark {\r\n    font-family: var(--font-display);\r\n    font-size: clamp(60px, 12vw, 160px);\r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.06);\r\n    letter-spacing: -0.04em;\r\n    white-space: nowrap;\r\n    padding: 0 40px 20px;\r\n    line-height: 1;\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n\r\n  .reveal.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .reveal-delay-1 { transition-delay: 0.1s; }\r\n  .reveal-delay-2 { transition-delay: 0.2s; }\r\n  .reveal-delay-3 { transition-delay: 0.3s; }\r\n  .reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    nav { padding: 0 24px; }\r\n    .nav-links { display: none; }\r\n\r\n    .hero-content { padding: 0 32px 56px; }\r\n\r\n    .intro, .inclusions, .who-inner, .cta-banner, .sizes-section, footer {\r\n      padding-left: 24px;\r\n      padding-right: 24px;\r\n    }\r\n\r\n    .intro { grid-template-columns: 1fr; gap: 40px; padding-top: 64px; padding-bottom: 64px; }\r\n    .intro-image { order: -1; }\r\n\r\n    .sizes-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n    .inclusions { padding-top: 64px; padding-bottom: 64px; }\r\n    .inclusions-header { grid-template-columns: 1fr; gap: 20px; }\r\n    .inclusions-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n    .photo-strip { grid-template-columns: 1fr; height: auto; }\r\n    .photo-strip-item { height: 240px; }\r\n    .photo-strip-item:nth-child(2),\r\n    .photo-strip-item:nth-child(3) { display: none; }\r\n\r\n    .who-inner { grid-template-columns: 1fr; gap: 40px; }\r\n    .who-section { padding: 64px 24px; }\r\n\r\n    .cta-banner { padding: 64px 24px; }\r\n\r\n    footer { padding: 48px 24px 32px; }\r\n    .footer-top { flex-direction: column; gap: 24px; }\r\n    .footer-nav { flex-wrap: wrap; gap: 16px; }\r\n    .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <p class=\"hero-eyebrow\">Private office<\/p>\r\n    <h1 class=\"splitword\">Jouw eigen plek om te groeien<\/h1>\r\n    <p class=\"hero-sub\">Werk in een eigen, afgesloten kantoor binnen de Co-Office community. <br>Rust, privacy en professionaliteit, voor jou en je team.<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#rondleiding\" class=\"btn-primary\">Rondleiding plannen \u2192<\/a>\r\n      <a href=\"#inclusions\" class=\"btn-ghost\">Wat is inbegrepen?<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- INTRO -->\r\n<section class=\"intro\">\r\n  <div class=\"intro-text reveal\">\r\n    <div class=\"section-label\">Over het priv\u00e9kantoor<\/div>\r\n    <h2>Premium kantoorruimte ontworpen voor groeiende bedrijven<\/h2>\r\n    <p>Werk in een eigen afgesloten kantoor binnen de Co-Office community. Je hebt rust, privacy en een professionele plek voor jou en je team. Ideaal als je ongestoord wilt werken, klanten wilt ontvangen en je bedrijf wilt laten groeien.<\/p>\r\n    <p>Alle kantoren zijn instapklaar en worden tot in de puntjes verzorgd \u2014 ja, zelfs het theelepeltje. Zo start je snel zonder te investeren in of af te schrijven op inrichting of meubilair.<\/p>\r\n    <p>Binnen Co-Office ervaar je het gastvrijheidsniveau van een hotel. Altijd toegang tot ruime sociale plekken om te werken, overleggen of andere ondernemers te ontmoeten. De rust van een priv\u00e9kantoor, gecombineerd met de energie van een community.<\/p>\r\n  <\/div>\r\n  <div class=\"intro-image reveal reveal-delay-2\">\r\n    <img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"Co-Office interieur\">\r\n    <div class=\"intro-image-accent\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1110155 e-con-full e-flex e-con e-parent\" data-id=\"1110155\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d2b5b elementor-widget elementor-widget-html\" data-id=\"a2d2b5b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<style>\r\n\r\n:root {\r\n--cream: #ffffff;\r\n--charcoal: #1a1a1a;\r\n--warm-gray: #8a8580;\r\n--accent: #1E4C3B;\r\n--accent-light: #d7e5cc;\r\n--border: #1E4C3B;\r\n--white: #fdfcfa;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\n\r\n@media screen and (min-width:990px){\r\n.mobile-card-image{\r\ndisplay: none\r\n}\r\n}\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\nheader {\r\ntext-align: center;\r\nmargin-bottom: 56px;\r\nwidth: 100%;\r\n}\r\n\r\nheader .eyebrow {\r\nfont-size: 11px;\r\nletter-spacing: 0.25em;\r\ntext-transform: uppercase;\r\ncolor: var(--accent);\r\nmargin-bottom: 12px;\r\n}\r\n\r\nheader h1 {\r\nfont-size: clamp(28px, 5vw, 52px);\r\ncolor: var(--charcoal);\r\nline-height: 1.15;\r\n}\r\n\r\nheader h1 em {\r\nfont-style: italic;\r\ncolor: var(--accent);\r\n}\r\n\r\n\/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\r\n.tabs-wrapper {\r\nwidth: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 TAB STRIP (desktop) \u2500\u2500 *\/\r\n.tab-strip {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1fr 1fr;\r\ngap: 16px;\r\n}\r\n\r\n.tab {\r\nposition: relative;\r\ncursor: pointer;\r\nborder-radius: 12px 12px 0 0;\r\noverflow: hidden;\r\nborder: 1.5px solid var(--border);\r\nborder-bottom: none;\r\nbackground: var(--white);\r\ntransition: border-color 0.3s ease;\r\ntransform-origin: bottom center;\r\n-webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.tab.active {\r\nborder-color: var(--accent);\r\nz-index: 2;\r\n}\r\n\r\n.tab-image-wrap {\r\nposition: relative;\r\noverflow: hidden;\r\naspect-ratio: 4\/3;\r\n}\r\n\r\n.tab-image-wrap img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\nfilter: grayscale(80%);\r\ntransition: filter 0.5s ease, transform 0.5s ease;\r\n}\r\n\r\n.tab:hover .tab-image-wrap img,\r\n.tab.active .tab-image-wrap img {\r\nfilter: grayscale(0%);\r\ntransform: scale(1.1);\r\n}\r\n\r\n.tab-image-wrap::after {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: rgba(26,26,26,0.28);\r\ntransition: opacity 0.4s ease;\r\npointer-events: none;\r\n}\r\n\r\n.tab.active .tab-image-wrap::after,\r\n.tab:hover .tab-image-wrap::after {\r\nopacity: 0;\r\n}\r\n\r\n.tab-label {\r\npadding: 1rem;\r\nborder-top: 1px solid var(--border);\r\ndisplay: flex;\r\nalign-items: baseline;\r\ngap: 8px;\r\n}\r\n\r\n.tab.active .tab-label {\r\nborder-top-color: var(--accent-light);\r\n}\r\n\r\n.tab-size {\r\nfont-size: 22px;\r\nfont-weight: 700;\r\ncolor: var(--charcoal);\r\nline-height: 1;\r\n}\r\n\r\n.tab.active .tab-size { color: var(--accent); }\r\n\r\n.tab-name {\r\nfont-size: 1rem;\r\nletter-spacing: -0.01em;\r\n}\r\n\r\n.tab-indicator {\r\nposition: absolute;\r\nbottom: 0; left: 0; right: 0;\r\nheight: 1px;\r\nbackground: var(--accent);\r\ntransform: scaleX(0);\r\ntransform-origin: left;\r\ntransition: transform 0.7s cubic-bezier(0.9, 0, 0.1, 1);\r\n}\r\n\r\n.tab.active .tab-indicator { transform: scaleX(1); }\r\n\r\n\/* \u2500\u2500 CONTENT PANEL \u2500\u2500 *\/\r\n.content-panel {\r\nborder-top: none;\r\nborder-radius: 0 0 16px 16px;\r\noverflow: hidden;\r\nposition: relative;\r\nmin-height: 280px;\r\n}\r\n\r\n.content-slide {\r\ndisplay: none;\r\npadding: 50px 0px;\r\nopacity: 0;\r\n}\r\n\r\n.content-slide.active-slide { display: block; }\r\n\r\n.slide-inner {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1.5fr;\r\ngap: 48px;\r\nalign-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 SLIDE META \u2500\u2500 *\/\r\n.slide-meta { position: relative; }\r\n\r\n.slide-size-badge {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 6px;\r\nbackground: var(--accent-light);\r\nfont-family: 'PPNeueMontreal-Medium';\r\nborder-radius: 6px;\r\npadding: 6px 14px;\r\nfont-size: 0.85rem;\r\nfont-weight: 500;\r\nletter-spacing: -0.005em;\r\ntext-transform: uppercase;\r\ncolor: var(--accent);\r\nmargin-bottom: 20px;\r\n}\r\n.slide-title {\r\nfont-size: 36px;\r\nfont-weight: 700;\r\nline-height: 1.1;\r\ncolor: var(--charcoal);\r\nmargin-bottom: 8px;\r\n}\r\n\r\n.slide-subtitle {\r\nfont-size: 14px;\r\ncolor: var(--warm-gray);\r\nfont-weight: 400;\r\nmargin-bottom: 28px;\r\n}\r\n\r\n.slide-divider {\r\nwidth: 40px;\r\nheight: 2px;\r\nbackground: var(--accent);\r\nmargin: 20px 0;\r\n}\r\n\r\n.slide-stats {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 14px;\r\n}\r\n\r\n.stat-row {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 12px;\r\nfont-size: 13px;\r\n}\r\n\r\n.stat-dot {\r\nwidth: 6px; height: 6px;\r\nborder-radius: 50%;\r\nbackground: var(--accent);\r\nflex-shrink: 0;\r\n}\r\n\r\n.stat-label {\r\ncolor: var(--warm-gray);\r\nwidth: 80px;\r\nflex-shrink: 0;\r\n}\r\n\r\n.stat-value {\r\nfont-weight: 500;\r\ncolor: var(--charcoal);\r\n}\r\n\r\n\/* \u2500\u2500 SLIDE TEXT \u2500\u2500 *\/\r\n.slide-description {\r\nfont-size: 15px;\r\nline-height: 1.8;\r\ncolor: #3a3a3a;\r\nmargin-bottom: 24px;\r\n}\r\n\r\n.slide-features {\r\ndisplay: grid;\r\ngrid-template-columns: 1fr 1fr;\r\ngap: 10px;\r\n}\r\n\r\n.feature-chip {\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 8px;\r\nfont-size: 13px;\r\ncolor: var(--charcoal);\r\nfont-weight: 400;\r\n}\r\n\r\n.feature-chip svg { color: var(--accent); flex-shrink: 0; }\r\n\r\n.slide-cta {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 8px;\r\nmargin-top: 32px;\r\npadding: 12px 28px;\r\nbackground: var(--charcoal);\r\ncolor: var(--cream);\r\nborder-radius: 8px;\r\nfont-size: 1.1rem;\r\nfont-weight: 500;\r\nletter-spacing: 0.05em;\r\ncursor: pointer;\r\nborder: none;\r\ntransition: background 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n.slide-cta:hover {\r\nbackground: var(--accent);\r\ntransform: translateY(-1px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nMOBILE \u2014 stacked card layout\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 700px) {\r\n\r\nbody { padding: 32px 16px 56px; }\r\n\r\nheader { margin-bottom: 36px; }\r\n\r\n\/* Hide the desktop tab strip entirely on mobile *\/\r\n.tab-strip { display: none; }\r\n\r\n\/* Content panel becomes a plain container with no shared border *\/\r\n.content-panel {\r\nborder: none;\r\nborder-radius: 0;\r\nbackground: transparent;\r\nmin-height: unset;\r\n}\r\n\r\n\/* Each slide is always visible as a standalone card *\/\r\n.content-slide {\r\ndisplay: block !important;\r\nopacity: 1 !important;\r\npadding: 0;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n\/* Override any GSAP inline styles on mobile *\/\r\n.content-slide .slide-inner,\r\n.content-slide .slide-meta,\r\n.content-slide .slide-text-col,\r\n.content-slide .stat-row,\r\n.content-slide .feature-chip {\r\nopacity: 1 !important;\r\ntransform: none !important;\r\n}\r\n\r\n.slide-inner {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 0;\r\nbackground: var(--white);\r\nborder-radius: 16px;\r\noverflow: hidden;\r\nborder: 1.5px solid var(--border);\r\n}\r\n\r\n\/* Mobile card header \u2014 image + badge overlay *\/\r\n.mobile-card-image {\r\nposition: relative;\r\naspect-ratio: 16\/9;\r\noverflow: hidden;\r\n}\r\n\r\n.mobile-card-image img {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\n}\r\n\r\n.mobile-card-image .mobile-badge {\r\nposition: absolute;\r\nbottom: 14px;\r\nleft: 16px;\r\ndisplay: flex;\r\nalign-items: center;\r\ngap: 10px;\r\n}\r\n\r\n.mobile-badge .mb-size {\r\nfont-size: 26px;\r\nfont-weight: 700;\r\ncolor: #fff;\r\ntext-shadow: 0 2px 8px rgba(0,0,0,0.45);\r\n}\r\n\r\n.mobile-badge .mb-name {\r\nfont-size: 11px;\r\nfont-weight: 500;\r\nletter-spacing: 0.12em;\r\ntext-transform: uppercase;\r\ncolor: rgba(255,255,255,0.85);\r\ntext-shadow: 0 1px 4px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* Slide meta becomes compact top section *\/\r\n.slide-meta {\r\npadding: 20px 20px 0;\r\norder: 2;\r\n}\r\n\r\n.slide-size-badge { display: none; } \/* redundant with overlay *\/\r\n\r\n.slide-title {\r\nfont-size: 26px;\r\nmargin-bottom: 4px;\r\n\/* collapse line break on mobile *\/\r\nwhite-space: normal;\r\n}\r\n\r\n.slide-title br { display: none; }\r\n\r\n.slide-subtitle { margin-bottom: 16px; font-size: 13px; }\r\n\r\n.slide-divider { margin: 14px 0; }\r\n\r\n.slide-stats { gap: 10px; flex-direction: row; flex-wrap: wrap; }\r\n\r\n.stat-row { font-size: 12px; gap: 6px; width: calc(50% - 8px); }\r\n\r\n.stat-label { width: auto; }\r\n\r\n.slide-cta {\r\nmargin-top: 20px;\r\nwidth: 100%;\r\njustify-content: center;\r\npadding: 14px 20px;\r\nfont-size: 14px;\r\n}\r\n\r\n\/* Text column *\/\r\n.slide-text-col {\r\npadding: 16px 20px 24px;\r\norder: 3;\r\n}\r\n\r\n.slide-description { font-size: 14px; line-height: 1.7; margin-bottom: 16px; }\r\n.slide-description:last-of-type { margin-bottom: 14px; }\r\n\r\n.slide-features { grid-template-columns: 1fr 1fr; gap: 8px; }\r\n.feature-chip { font-size: 12px; }\r\n\r\n\/* Active card gets accent border *\/\r\n.content-slide.active-slide .slide-inner {\r\nborder-color: var(--accent);\r\n}\r\n}\r\n\r\n\/* \u2500\u2500 MEDIUM breakpoint (tablet) \u2500\u2500 *\/\r\n@media (min-width: 701px) and (max-width: 900px) {\r\n.slide-inner { grid-template-columns: 1fr; gap: 24px; }\r\n.content-slide { padding: 32px 32px; }\r\n.slide-features { grid-template-columns: 1fr 1fr; }\r\n.tab-strip { gap: 10px; }\r\n.tab-label { padding: 10px 12px 12px; }\r\n.tab-size { font-size: 18px; }\r\n.tab-name { font-size: 11px; }\r\n.slide-title { font-size: 28px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<div class=\"tabs-wrapper\">\r\n\r\n<!-- \u2500\u2500 DESKTOP TAB STRIP \u2500\u2500 -->\r\n<div class=\"tab-strip\">\r\n\r\n<div class=\"tab active\" data-tab=\"0\">\r\n<div class=\"tab-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"12m\u00b2 kantoor\">\r\n<\/div>\r\n<div class=\"tab-label\">\r\n<span class=\"tab-size\">12 m\u00b2<\/span>\r\n<span class=\"tab-name\">Freelancer<\/span>\r\n<\/div>\r\n<div class=\"tab-indicator\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"tab\" data-tab=\"1\">\r\n<div class=\"tab-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"20m\u00b2 kantoor\">\r\n<\/div>\r\n<div class=\"tab-label\">\r\n<span class=\"tab-size\">20 m\u00b2<\/span>\r\n<span class=\"tab-name\">Power team<\/span>\r\n<\/div>\r\n<div class=\"tab-indicator\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"tab\" data-tab=\"2\">\r\n<div class=\"tab-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"50m\u00b2 kantoor\">\r\n<\/div>\r\n<div class=\"tab-label\">\r\n<span class=\"tab-size\">+ 50 m\u00b2<\/span>\r\n<span class=\"tab-name\">Enterprise<\/span>\r\n<\/div>\r\n<div class=\"tab-indicator\"><\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u2500\u2500 CONTENT PANEL \u2500\u2500 -->\r\n<div class=\"content-panel\">\r\n\r\n<!-- Slide 0: 12m\u00b2 -->\r\n<div class=\"content-slide active-slide\" id=\"slide-0\">\r\n<div class=\"slide-inner\">\r\n<div class=\"slide-meta\">\r\n<div class=\"slide-size-badge\">\r\n<svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\r\n12 m\u00b2\r\n<\/div>\r\n<div class=\"slide-title\">Freelancer<\/div>\r\n<div class=\"slide-subtitle\">Ideaal voor freelancers &amp; starters<\/div>\r\n<div class=\"slide-divider\"><\/div>\r\n<div class=\"slide-stats\">\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Capaciteit<\/span><span class=\"stat-value\">1\u20132 personen<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Huurtermijn<\/span><span class=\"stat-value\">12 maanden<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Tarief<\/span><span class=\"stat-value\">Vanaf \u20ac750\/mnd<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Verdieping<\/span><span class=\"stat-value\">3e verdieping<\/span><\/div>\r\n<\/div>\r\n<button class=\"slide-cta\">Rondleiding aanvragen \u2192<\/button>\r\n<\/div>\r\n<div class=\"slide-text-col\">\r\n<p class=\"slide-description\">Onze 12 m\u00b2 Freelance kantoorruimte is de ideale uitvalsbasis voor zelfstandige professionals die een gefocuste, professionele omgeving verlangen zonder de overhead van een grotere ruimte. Compact maar doordacht ontworpen \u2014 elk vierkante centimeter is benut voor maximaal comfort en productiviteit.<\/p>\r\n<p class=\"slide-description\">Volop daglicht, glasvezelinternet, een premium bureauopstelling en akoestische panelen die afleidingen buiten de deur houden \u2014 deze ruimte laat je vanaf dag \u00e9\u00e9n je beste werk leveren.<\/p>\r\n<div class=\"slide-features\">\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Glasvezel (1 Gbit)<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Zit-sta bureau optie<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>24\/7 toegang met keycard<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Gedeelde vergaderruimtes<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Post &amp; receptie<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Koffie- &amp; theehoek<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 1: 20m\u00b2 -->\r\n<div class=\"content-slide\" id=\"slide-1\">\r\n<div class=\"slide-inner\">\r\n<div class=\"slide-meta\">\r\n<div class=\"slide-size-badge\">\r\n<svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\r\n20 m\u00b2\r\n<\/div>\r\n<div class=\"slide-title\">Power team<\/div>\r\n<div class=\"slide-subtitle\">Gemaakt voor kleine, slagvaardige teams<\/div>\r\n<div class=\"slide-divider\"><\/div>\r\n<div class=\"slide-stats\">\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Capaciteit<\/span><span class=\"stat-value\">3\u20135 personen<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Huurtermijn<\/span><span class=\"stat-value\">Vanaf 12 maanden<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Price<\/span><span class=\"stat-value\">Vanaf \u20ac1250\/mnd<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Verdieping<\/span><span class=\"stat-value\">4e verdieping<\/span><\/div>\r\n<\/div>\r\n<button class=\"slide-cta\">Rondleiding aanvragen \u2192<\/button>\r\n<\/div>\r\n<div class=\"slide-text-col\">\r\n<p class=\"slide-description\">De 20 m\u00b2 teamsuite biedt de perfecte balans tussen intimiteit en ruimte om te groeien. Ontworpen voor kleine bedrijven en snelgroeiende startups biedt het je team een eigen ruimte om vrijuit samen te werken \u2014 zonder de akoestiek van een open kantoor of de isolatie van een thuiswerkplek.<\/p>\r\n<p class=\"slide-description\">Met een vaste vergaderhoek, ergonomische stoelen voor maximaal vijf personen en ge\u00efntegreerd kabelbeheer past de suite zich aan hoe jouw team werkelijk werkt \u2014 sprints, stand-ups of geconcentreerde werksessies.<\/p>\r\n<div class=\"slide-features\">\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Eigen VLAN-netwerk<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Whiteboard muur in ruimte<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>5 vergaderuren\/mnd<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Ergonomische stoelen<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Zakelijk postadres<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Printen &amp; scannen<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- Slide 2: 50m\u00b2 -->\r\n<div class=\"content-slide\" id=\"slide-2\">\r\n<div class=\"slide-inner\">\r\n<div class=\"slide-meta\">\r\n<div class=\"slide-size-badge\">\r\n<svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\r\n+50 m\u00b2\r\n<\/div>\r\n<div class=\"slide-title\">Enterprise<\/div>\r\n<div class=\"slide-subtitle\">Leiden vanuit stijl en allure<\/div>\r\n<div class=\"slide-divider\"><\/div>\r\n<div class=\"slide-stats\">\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Capaciteit<\/span><span class=\"stat-value\">8\u201315 personen<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Huurtermijn<\/span><span class=\"stat-value\">Vanaf 12 maanden<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Price<\/span><span class=\"stat-value\">Vanaf \u20ac2100\/mnd<\/span><\/div>\r\n<div class=\"stat-row\"><div class=\"stat-dot\"><\/div><span class=\"stat-label\">Verdieping<\/span><span class=\"stat-value\">Penthouse, 6e<\/span><\/div>\r\n<\/div>\r\n<button class=\"slide-cta\">Rondleiding aanvragen \u2192<\/button>\r\n<\/div>\r\n<div class=\"slide-text-col\">\r\n<p class=\"slide-description\">Met 50 m\u00b2 is de Directieverdieping een statement op zich. Ruim genoeg voor klantgesprekken, townhalls en teamdagen \u2014 allemaal binnen \u00e9\u00e9n prachtig ingerichte ruimte. Met panoramisch uitzicht en hoogwaardige afwerking straalt de ruimte ambitie uit nog voordat je een woord hebt gezegd.<\/p>\r\n<p class=\"slide-description\">De indeling is volledig aanpasbaar: configureer het als een open studio, verdeel het in priv\u00e9kantoren met een gedeelde hub, of richt het in als boardroom met breakouthoeken. Jouw ruimte, jouw regels \u2014 ondersteund door een vaste accountmanager vanaf dag \u00e9\u00e9n.<\/p>\r\n<div class=\"slide-features\">\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Maatwerk indeling<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Onbeperkte vergaderruimtes<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Vaste accountmanager<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>AV &amp; videoconferentie<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Catering op aanvraag<\/div>\r\n<div class=\"feature-chip\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Branding mogelijkheden<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div><!-- \/content-panel -->\r\n<\/div><!-- \/tabs-wrapper -->\r\n\r\n<script>\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nMOBILE CARD SETUP\r\nInject the image header into each slide-inner\r\nso mobile cards look like full image cards.\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst mobileData = [\r\n{ img: 'https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg', size: '12 m\u00b2', name: 'Solo Studio' },\r\n{ img: 'https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg', size: '20 m\u00b2', name: 'Teamsuite' },\r\n{ img: 'https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg', size: '50 m\u00b2', name: 'Directieverdieping' },\r\n];\r\n\r\ndocument.querySelectorAll('.content-slide').forEach((slide, i) => {\r\nconst inner = slide.querySelector('.slide-inner');\r\nconst d = mobileData[i];\r\nconst imgEl = document.createElement('div');\r\nimgEl.className = 'mobile-card-image';\r\nimgEl.style.order = '1';\r\nimgEl.innerHTML = `\r\n<img decoding=\"async\" src=\"${d.img}\" alt=\"${d.size} kantoor\" loading=\"lazy\">\r\n<div class=\"mobile-badge\">\r\n<span class=\"mb-size\">${d.size}<\/span>\r\n<span class=\"mb-name\">${d.name}<\/span>\r\n<\/div>`;\r\ninner.prepend(imgEl);\r\n});\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nDETECT MOBILE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst isMobile = () => window.innerWidth <= 700;\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nDESKTOP TAB LOGIC + GSAP\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst tabs   = document.querySelectorAll('.tab');\r\nconst slides = document.querySelectorAll('.content-slide');\r\nlet current     = 0;\r\nlet isAnimating = false;\r\n\r\nfunction animateSlideIn(slide) {\r\nif (isMobile()) return;\r\nconst meta  = slide.querySelector('.slide-meta');\r\nconst textCol = slide.querySelector('.slide-text-col');\r\nconst chips = slide.querySelectorAll('.feature-chip');\r\nconst stats = slide.querySelectorAll('.stat-row');\r\n\r\ngsap.set(slide,   { opacity: 0 });\r\ngsap.set([meta, textCol], { y: 24, opacity: 0 });\r\ngsap.set(chips,   { y: 10, opacity: 0 });\r\ngsap.set(stats,   { x: -10, opacity: 0 });\r\n\r\ngsap.timeline()\r\n.to(slide,   { opacity: 1, duration: 0.01 })\r\n.to(meta,    { y: 0, opacity: 1, duration: 0.45, ease: 'power3.out' }, 0.05)\r\n.to(textCol, { y: 0, opacity: 1, duration: 0.45, ease: 'power3.out' }, 0.12)\r\n.to(stats,   { x: 0, opacity: 1, duration: 0.35, stagger: 0.06, ease: 'power2.out' }, 0.2)\r\n.to(chips,   { y: 0, opacity: 1, duration: 0.3,  stagger: 0.05, ease: 'power2.out' }, 0.3);\r\n}\r\n\r\nfunction animateSlideOut(slide, onComplete) {\r\ngsap.to(slide, {\r\nopacity: 0, y: -12, duration: 0.25, ease: 'power2.in',\r\nonComplete: () => {\r\nslide.classList.remove('active-slide');\r\ngsap.set(slide, { y: 0 });\r\nonComplete();\r\n}\r\n});\r\n}\r\n\r\n\/\/ Initial desktop animations\r\nif (!isMobile()) {\r\ngsap.from('header', { y: -20, opacity: 0, duration: 0.8, ease: 'power3.out' });\r\ngsap.from('.tab', { y: 30, opacity: 0, duration: 0.7, stagger: 0.12, ease: 'power3.out', delay: 0.2 });\r\nanimateSlideIn(slides[0]);\r\n} else {\r\ngsap.from('header', { y: -16, opacity: 0, duration: 0.6, ease: 'power3.out' });\r\ngsap.from('.content-slide .slide-inner', {\r\ny: 30, opacity: 0, duration: 0.55, stagger: 0.15, ease: 'power3.out', delay: 0.25\r\n});\r\n}\r\n\r\n\/\/ Desktop tab clicks\r\ntabs.forEach((tab, idx) => {\r\ntab.addEventListener('click', () => {\r\nif (isMobile() || idx === current || isAnimating) return;\r\nisAnimating = true;\r\n\r\ntabs[current].classList.remove('active');\r\ntab.classList.add('active');\r\ngsap.fromTo(tab, { scale: 0.97 }, { scale: 1, duration: 0.3, ease: 'back.out(2)' });\r\n\r\nconst prevSlide = slides[current];\r\nconst nextSlide = slides[idx];\r\ncurrent = idx;\r\n\r\nanimateSlideOut(prevSlide, () => {\r\nnextSlide.classList.add('active-slide');\r\nanimateSlideIn(nextSlide);\r\nisAnimating = false;\r\n});\r\n});\r\n\r\ntab.addEventListener('mouseenter', () => {\r\nif (!isMobile() && !tab.classList.contains('active'))\r\ngsap.to(tab, { y: -3, duration: 0.25, ease: 'power2.out' });\r\n});\r\ntab.addEventListener('mouseleave', () => {\r\nif (!isMobile())\r\ngsap.to(tab, { y: 0, duration: 0.25, ease: 'power2.out' });\r\n});\r\n});\r\n\r\n\/\/ Re-run correct init on resize\r\nlet resizeTimer;\r\nwindow.addEventListener('resize', () => {\r\nclearTimeout(resizeTimer);\r\nresizeTimer = setTimeout(() => {\r\nif (!isMobile()) {\r\nslides.forEach((s, i) => {\r\ns.classList.toggle('active-slide', i === current);\r\n});\r\n}\r\n}, 150);\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa3f73d e-con-full e-flex e-con e-parent\" data-id=\"aa3f73d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9035830 elementor-widget elementor-widget-html\" data-id=\"9035830\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<!-- SIZES -->\r\n<section class=\"sizes-section\">\r\n<div class=\"sizes-inner\">\r\n<div class=\"section-label reveal\">Kantoorgroottes<\/div>\r\n<h2 class=\"section-title reveal reveal-delay-1\">Kantoorruimtes vanaf 15 m\u00b2, altijd de juiste maat<\/h2>\r\n<div class=\"sizes-grid reveal reveal-delay-2\">\r\n<div class=\"size-card\">\r\n<div class=\"size-num\">15<\/div>\r\n<div class=\"size-unit\">m\u00b2 \u2014 Solo & duo<\/div>\r\n<div class=\"size-desc\">Ideaal voor de zelfstandige of een kleine duo. Alles wat je nodig hebt, geen centimeter verspild.<\/div>\r\n<div class=\"size-ideal\">1\u20132 personen<\/div>\r\n<\/div>\r\n<div class=\"size-card\">\r\n<div class=\"size-num\">40<\/div>\r\n<div class=\"size-unit\">m\u00b2 \u2014 Klein team<\/div>\r\n<div class=\"size-desc\">Ruimte voor een hecht team met een eigen werkritme. Vergadertafel inbegrepen.<\/div>\r\n<div class=\"size-ideal\">3\u20136 personen<\/div>\r\n<\/div>\r\n<div class=\"size-card\">\r\n<div class=\"size-num\">100<\/div>\r\n<div class=\"size-unit\">m\u00b2 \u2014 Groeiend team<\/div>\r\n<div class=\"size-desc\">Schaalbare ruimte met flexibele indeling voor teams in transitie of snelle groei.<\/div>\r\n<div class=\"size-ideal\">8\u201315 personen<\/div>\r\n<\/div>\r\n<div class=\"size-card\">\r\n<div class=\"size-num\">250<\/div>\r\n<div class=\"size-unit\">m\u00b2 \u2014 Grote organisatie<\/div>\r\n<div class=\"size-desc\">Een volledig maatwerk kantoor op \u00e9\u00e9n verdieping. Eigen entree, lounge en indeling mogelijk.<\/div>\r\n<div class=\"size-ideal\">20+ personen<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"sizes-note reveal reveal-delay-3\">\r\n<strong style=\"color:#fff;\">Groeit je team?<\/strong> Je kunt eenvoudig doorgroeien naar een groter kantoor binnen dezelfde locatie. Zo huur je nooit te veel of te weinig ruimte, en huisvest je je bedrijf zo kosteneffici\u00ebnt mogelijk.\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- INCLUSIONS -->\r\n<section class=\"inclusions\" id=\"inclusions\">\r\n<div class=\"inclusions-header reveal\">\r\n<div>\r\n<div class=\"section-label\">Inbegrepen<\/div>\r\n<h2 class=\"splitword\">Alles voor een vaste prijs<\/h2>\r\n<\/div>\r\n<p>Geen verborgen kosten. Geen verrassingen achteraf. Alles wat je nodig hebt om te kunnen ondernemen zit in \u00e9\u00e9n maandprijs \u2014 inclusief de kleine dingen die het verschil maken.<\/p>\r\n<\/div>\r\n<div class=\"inclusions-grid reveal reveal-delay-1\">\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Private office<\/strong>\r\n<span>Afgesloten ruimte van 15 m\u00b2 tot 250 m\u00b2 met slim slot<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Slim slot<\/strong>\r\n<span>Nooit gedoe met sleutels \u2014 veilige toegangscontrole via app<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>24\/7 access<\/strong>\r\n<span>Werken op jouw uren \u2014 ook 's avonds en in het weekend<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Snel internet<\/strong>\r\n<span>Glasvezel, volledig verzorgd inclusief wifi en bekabeling<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Meeting rooms<\/strong>\r\n<span>Toegang tot vergader-, bel- en presentatieruimtes<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Koffie &amp; thee<\/strong>\r\n<span>Barista kwaliteit, altijd beschikbaar in de gedeelde lounges<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Gas, water &amp; licht<\/strong>\r\n<span>Alle nutsvoorzieningen inbegrepen, geen verrassingen<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Cleaning<\/strong>\r\n<span>Dagelijkse schoonmaak van kantoor en gemeenschappelijke ruimtes<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"inclusion-item\">\r\n<div class=\"inclusion-icon\">\r\n<svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n<\/div>\r\n<div class=\"inclusion-text\">\r\n<strong>Instapklaar<\/strong>\r\n<span>Meubilair optioneel \u2014 je start op dag \u00e9\u00e9n, geen investering vooraf<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- PHOTO STRIP -->\r\n<div class=\"photo-strip reveal\">\r\n<div class=\"photo-strip-item\">\r\n<img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"Kantoor interieur\">\r\n<\/div>\r\n<div class=\"photo-strip-item\">\r\n<img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"Lounge\">\r\n<\/div>\r\n<div class=\"photo-strip-item\">\r\n<img decoding=\"async\" src=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2026\/01\/The-Pulse-287.66-KB.jpg\" alt=\"Werkplek\">\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- WHO IS IT FOR -->\r\n<section class=\"who-section\" id=\"rondleiding\">\r\n<div class=\"who-inner\">\r\n<div class=\"who-text reveal\">\r\n<div class=\"section-label\">For whom<\/div>\r\n<h2>Ideaal voor snelgroeiende teams<\/h2>\r\n<p>Geen gedoe met ingewikkelde contracten of lange doorlooptijden. Je start snel, groeit flexibel door en houdt focus op je bedrijf, terwijl wij de rest regelen.<\/p>\r\n<div class=\"audience-tags\">\r\n<span class=\"audience-tag\">Startups<\/span>\r\n<span class=\"audience-tag\">Scale-ups<\/span>\r\n<span class=\"audience-tag\">Recruitmentbureaus<\/span>\r\n<span class=\"audience-tag\">Zelfstandige advocaten<\/span>\r\n<span class=\"audience-tag\">Software engineers<\/span>\r\n<span class=\"audience-tag\">Productteams<\/span>\r\n<span class=\"audience-tag\">Finance<\/span>\r\n<span class=\"audience-tag\">Groeiende teams<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"contract-card reveal reveal-delay-2\">\r\n<p class=\"cc-label\">Overeenkomst<\/p>\r\n<h3>Flexibele contracten die met je bedrijf meegroei&shy;en<\/h3>\r\n<p>Bij Co-Office geloven we in flexibiliteit op jouw voorwaarden. We werken met een overeenkomst voor 12 maanden, maar bieden doorstroommogelijkheden naar een groter kantoor binnen dezelfde locatie.<\/p>\r\n<ul class=\"contract-list\">\r\n<li>Looptijd vanaf 12 maanden<\/li>\r\n<li>Doorgroeimogelijkheden binnen de locatie<\/li>\r\n<li>\u00c9\u00e9n vaste maandprijs, alles inbegrepen<\/li>\r\n<li>Snelle oplevering \u2014 start binnen dagen<\/li>\r\n<li>Onderdeel van de Co-Office community<\/li>\r\n<\/ul>\r\n<a href=\"#\" class=\"btn-primary\">Rondleiding plannen \u2192<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- CTA BANNER -->\r\n<section class=\"cta-banner\">\r\n<div class=\"cta-banner-inner reveal\">\r\n<h2>Start morgen in je<br><em>nieuwe werkruimte<\/em><\/h2>\r\n<p>Plan een rondleiding en ontdek welk kantoor bij jouw bedrijf past. Onze hosts laten je alles zien \u2014 zonder verplichtingen.<\/p>\r\n<a href=\"#\" class=\"btn-primary\">Rondleiding plannen \u2192<\/a>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<script>\r\n\/\/ Reveal on scroll\r\nconst revealEls = document.querySelectorAll('.reveal');\r\nconst observer = new IntersectionObserver((entries) => {\r\nentries.forEach(e => {\r\nif (e.isIntersecting) {\r\ne.target.classList.add('visible');\r\nobserver.unobserve(e.target);\r\n}\r\n});\r\n}, { threshold: 0.12 });\r\n\r\nrevealEls.forEach(el => observer.observe(el));\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Priv\u00e9kantoor Jouw eigen plek om te groeien Werk in een eigen, afgesloten kantoor binnen de Co-Office community. Rust, privacy en professionaliteit, voor jou en je team. Rondleiding plannen \u2192 Wat is inbegrepen? Over het priv\u00e9kantoor Premium kantoorruimte ontworpen voor groeiende bedrijven Werk in een eigen afgesloten kantoor binnen de Co-Office community. Je hebt rust, privacy [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_improvement_type_select":"improve_an_existing","_thumb_yes_seoaic":false,"_frame_yes_seoaic":false,"seoaic_generate_description":"","seoaic_improve_instructions_prompt":"","seoaic_rollback_content_improvement":"","seoaic_idea_thumbnail_generator":"","thumbnail_generated":false,"thumbnail_generate_prompt":"","seoaic_article_description":"","footnotes":""},"class_list":["post-13970","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/13970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/comments?post=13970"}],"version-history":[{"count":77,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/13970\/revisions"}],"predecessor-version":[{"id":14057,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/13970\/revisions\/14057"}],"wp:attachment":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/media?parent=13970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}