{"id":8,"date":"2026-09-14T22:00:09","date_gmt":"2026-09-14T22:00:09","guid":{"rendered":"https:\/\/staging.osworkspace.nl\/?page_id=8"},"modified":"2026-09-14T23:41:33","modified_gmt":"2026-09-14T23:41:33","slug":"home","status":"publish","type":"page","link":"https:\/\/staging.osworkspace.nl\/","title":{"rendered":"home"},"content":{"rendered":"\n<style>\n.nabi-hero {\n  position: relative;\n  min-height: 860px;\n  height: 100vh;\n  overflow: hidden;\n  background: #d7d2c9;\n  color: #fff;\n}\n\n.nabi-hero__media,\n.nabi-hero__image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.nabi-hero__image {\n  object-fit: cover;\n  object-position: center center;\n}\n\n.nabi-hero__overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(34, 31, 27, 0.48) 0%,\n      rgba(34, 31, 27, 0.30) 34%,\n      rgba(34, 31, 27, 0.08) 68%,\n      rgba(34, 31, 27, 0.05) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(25, 24, 22, 0.18) 0%,\n      rgba(25, 24, 22, 0.02) 55%,\n      rgba(25, 24, 22, 0.08) 100%\n    );\n}\n\n.nabi-hero__container {\n  width: min(1480px, calc(100% - 64px));\n  margin: 0 auto;\n}\n\n\/* FLOATING NAVIGATION *\/\n.nabi-hero__nav-wrap {\n  position: relative;\n  z-index: 5;\n  padding-top: 32px;\n}\n\n.nabi-hero__nav-shell {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  gap: 30px;\n\n  padding: 20px 24px 20px 30px;\n\n  border-radius: 34px;\n  background: rgba(248, 245, 238, 0.92);\n\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n\n  box-shadow:\n    0 10px 32px rgba(31, 27, 23, 0.08),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.35);\n}\n\n.nabi-hero__brand {\n  justify-self: start;\n  color: #28241f;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.nabi-hero__nav {\n  display: flex;\n  align-items: center;\n  gap: 34px;\n}\n\n.nabi-hero__nav a {\n  color: #3b3732;\n  text-decoration: none;\n  transition: opacity .25s ease;\n}\n\n.nabi-hero__nav a:hover {\n  opacity: .62;\n}\n\n.nabi-hero__nav-cta {\n  justify-self: end;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n\n  min-height: 52px;\n  padding: 0 24px;\n\n  border-radius: 999px;\n  background: #7891a6;\n  color: #fff;\n  text-decoration: none;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.nabi-hero__nav-cta:hover {\n  transform: translateY(-1px);\n  background: #6d869b;\n}\n\n.nabi-hero__menu {\n  display: none;\n  width: 42px;\n  height: 42px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n.nabi-hero__menu span {\n  display: block;\n  width: 22px;\n  height: 1px;\n  margin: 6px auto;\n  background: #26221e;\n}\n\n\/* HERO CONTENT *\/\n.nabi-hero__content-wrap {\n  position: absolute;\n  z-index: 4;\n  left: 50%;\n  top: 50%;\n\n  width: min(1480px, calc(100% - 64px));\n\n  transform: translate(-50%, -44%);\n}\n\n.nabi-hero__content {\n  width: min(700px, 100%);\n}\n\n.nabi-hero__eyebrow {\n  margin-bottom: 22px;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.84);\n}\n\n.nabi-hero h1 {\n  margin: 0;\n  max-width: 760px;\n  color: #f5f0e8;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(64px, 6.4vw, 106px);\n  font-weight: 400;\n  line-height: .98;\n  letter-spacing: -0.035em;\n}\n\n.nabi-hero__text {\n  max-width: 600px;\n  margin-top: 24px;\n  color: rgba(255, 255, 255, 0.86);\n}\n\n.nabi-hero__actions {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.nabi-hero__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  min-height: 54px;\n  padding: 0 26px;\n\n  border-radius: 999px;\n  text-decoration: none;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n.nabi-hero__button:hover {\n  transform: translateY(-1px);\n}\n\n.nabi-hero__button--primary {\n  background: #7891a6;\n  color: #fff;\n}\n\n.nabi-hero__button--primary:hover {\n  background: #6d869b;\n}\n\n.nabi-hero__button--secondary {\n  border: 1px solid rgba(255, 255, 255, 0.64);\n  color: #fff;\n  background: rgba(255, 255, 255, 0.06);\n  backdrop-filter: blur(8px);\n}\n\n.nabi-hero__button--secondary:hover {\n  background: rgba(255, 255, 255, 0.13);\n  border-color: #fff;\n}\n\n\/* BOTTOM DETAIL *\/\n.nabi-hero__bottom {\n  position: absolute;\n  z-index: 4;\n\n  left: 50%;\n  bottom: 30px;\n\n  width: min(1480px, calc(100% - 64px));\n\n  transform: translateX(-50%);\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n}\n\n.nabi-hero__note {\n  color: rgba(255, 255, 255, 0.78);\n  max-width: 160px;\n}\n\n.nabi-hero__scroll {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: rgba(255, 255, 255, 0.78);\n}\n\n.nabi-hero__scroll-icon {\n  width: 46px;\n  height: 46px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid rgba(255, 255, 255, 0.46);\n  border-radius: 999px;\n}\n\n.nabi-mobile-nav {\n  display: none;\n}\n\n@media (max-width: 980px) {\n  .nabi-hero__nav-shell {\n    grid-template-columns: 1fr auto;\n  }\n\n  .nabi-hero__nav,\n  .nabi-hero__nav-cta {\n    display: none;\n  }\n\n  .nabi-hero__menu {\n    display: block;\n  }\n\n  .nabi-mobile-nav {\n    position: absolute;\n    z-index: 8;\n\n    top: 108px;\n    left: 32px;\n    right: 32px;\n\n    display: flex;\n    flex-direction: column;\n\n    padding: 18px;\n\n    border-radius: 20px;\n\n    background: rgba(248, 245, 238, 0.96);\n    backdrop-filter: blur(16px);\n\n    opacity: 0;\n    visibility: hidden;\n\n    transform: translateY(-8px);\n\n    transition:\n      opacity .25s ease,\n      visibility .25s ease,\n      transform .25s ease;\n  }\n\n  .nabi-mobile-nav.is-open {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n  }\n\n  .nabi-mobile-nav a {\n    padding: 14px 4px;\n    color: #2d2925;\n    text-decoration: none;\n    border-bottom: 1px solid rgba(45, 41, 37, 0.08);\n  }\n\n  .nabi-mobile-nav a:last-child {\n    border-bottom: 0;\n  }\n}\n\n@media (max-width: 767px) {\n  .nabi-hero {\n    min-height: 760px;\n    height: 100svh;\n  }\n\n  .nabi-hero__container,\n  .nabi-hero__content-wrap,\n  .nabi-hero__bottom {\n    width: calc(100% - 36px);\n  }\n\n  .nabi-hero__nav-wrap {\n    padding-top: 18px;\n  }\n\n  .nabi-hero__nav-shell {\n    padding: 15px 14px 15px 18px;\n    border-radius: 26px;\n  }\n\n  .nabi-hero__brand {\n    font-size: 19px;\n  }\n\n  .nabi-hero__content-wrap {\n    top: auto;\n    bottom: 118px;\n    transform: translateX(-50%);\n  }\n\n  .nabi-hero__content {\n    width: 100%;\n  }\n\n  .nabi-hero h1 {\n    font-size: clamp(48px, 13vw, 68px);\n  }\n\n  .nabi-hero__text {\n    margin-top: 18px;\n  }\n\n  .nabi-hero__actions {\n    margin-top: 26px;\n    gap: 10px;\n  }\n\n  .nabi-hero__button {\n    flex: 1 1 0;\n    min-width: 0;\n    padding: 0 16px;\n  }\n\n  .nabi-hero__bottom {\n    bottom: 20px;\n  }\n\n  .nabi-hero__note {\n    display: none;\n  }\n\n  .nabi-hero__scroll {\n    margin-left: auto;\n  }\n\n  .nabi-mobile-nav {\n    top: 92px;\n    left: 18px;\n    right: 18px;\n  }\n}\n<\/style>\n\n<section class=\"nabi-hero\">\n\n  <div class=\"nabi-hero__media\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/f34aabe8-3ea0-44fd-871c-d3f2fd6c832e.png\" alt=\"Studio Nabi naaiatelier\" class=\"nabi-hero__image\">\n  <\/div>\n\n  <div class=\"nabi-hero__overlay\"><\/div>\n\n  <div class=\"nabi-hero__nav-wrap\">\n    <div class=\"nabi-hero__container\">\n\n      <header class=\"nabi-hero__nav-shell\">\n\n        <a href=\"\/\" class=\"nabi-hero__brand\">\n          Studio Nabi\n        <\/a>\n\n        <nav class=\"nabi-hero__nav\">\n          <a href=\"#lessen\">Naailessen<\/a>\n          <a href=\"#workshops\">Workshops<\/a>\n          <a href=\"#atelier\">Atelier<\/a>\n          <a href=\"#over\">Over<\/a>\n          <a href=\"#contact\">Contact<\/a>\n        <\/nav>\n\n        <a href=\"#lessen\" class=\"nabi-hero__nav-cta\">\n          Bekijk lessen\n          <span>\u2192<\/span>\n        <\/a>\n\n        <button class=\"nabi-hero__menu\" type=\"button\" aria-label=\"Menu openen\" aria-expanded=\"false\">\n          <span><\/span>\n          <span><\/span>\n        <\/button>\n\n      <\/header>\n\n    <\/div>\n  <\/div>\n\n  <nav class=\"nabi-mobile-nav\">\n    <a href=\"#lessen\">Naailessen<\/a>\n    <a href=\"#workshops\">Workshops<\/a>\n    <a href=\"#atelier\">Atelier<\/a>\n    <a href=\"#over\">Over<\/a>\n    <a href=\"#contact\">Contact<\/a>\n  <\/nav>\n\n  <div class=\"nabi-hero__content-wrap\">\n\n    <div class=\"nabi-hero__content\">\n\n      <div class=\"nabi-hero__eyebrow\">\n        Naailessen &amp; creatieve workshops\n      <\/div>\n\n      <h1>\n        Leer naaien.<br>\n        Maak iets van jezelf.\n      <\/h1>\n\n      <div class=\"nabi-hero__text\">\n        Ontdek hoe leuk het is om zelf te cre\u00ebren,\n        in een rustig atelier en op jouw eigen tempo.\n      <\/div>\n\n      <div class=\"nabi-hero__actions\">\n\n        <a href=\"#lessen\" class=\"nabi-hero__button nabi-hero__button--primary\">\n          Bekijk naailessen\n          <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"#workshops\" class=\"nabi-hero__button nabi-hero__button--secondary\">\n          Ontdek workshops\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"nabi-hero__bottom\">\n\n    <div class=\"nabi-hero__note\">\n      Meer dan<br>\n      alleen naaien \u2661\n    <\/div>\n\n    <div class=\"nabi-hero__scroll\">\n      <span class=\"nabi-hero__scroll-icon\">\u2193<\/span>\n      <span>Scroll verder<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const button = document.querySelector(\".nabi-hero__menu\");\n  const nav = document.querySelector(\".nabi-mobile-nav\");\n\n  if (!button || !nav) return;\n\n  button.addEventListener(\"click\", function () {\n    const open = nav.classList.toggle(\"is-open\");\n\n    button.setAttribute(\n      \"aria-expanded\",\n      open ? \"true\" : \"false\"\n    );\n  });\n\n  nav.querySelectorAll(\"a\").forEach(function (link) {\n    link.addEventListener(\"click\", function () {\n      nav.classList.remove(\"is-open\");\n      button.setAttribute(\"aria-expanded\", \"false\");\n    });\n  });\n});\n<\/script>\n\n\n\n<html>\n\n<style>\n.nabi-popular {\n  padding: 88px 32px 96px;\n  background: #f4f0ea;\n}\n\n.nabi-popular__inner {\n  width: min(1480px, 100%);\n  margin: 0 auto;\n}\n\n.nabi-popular__heading {\n  margin: 0 0 34px;\n  color: #222;\n}\n\n.nabi-popular__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 20px;\n}\n\n.nabi-popular-card {\n  display: block;\n  overflow: hidden;\n  border-radius: 14px;\n  background: #fff;\n  color: #222;\n  text-decoration: none;\n  border: 1px solid rgba(34, 34, 34, 0.07);\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease,\n    border-color .28s ease;\n}\n\n.nabi-popular-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 34px rgba(34, 34, 34, 0.06);\n  border-color: rgba(34, 34, 34, 0.10);\n}\n\n.nabi-popular-card__media {\n  position: relative;\n  aspect-ratio: 4 \/ 4.25;\n  overflow: hidden;\n}\n\n.nabi-popular-card__media img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .55s cubic-bezier(.2,.7,.2,1);\n}\n\n.nabi-popular-card:hover .nabi-popular-card__media img {\n  transform: scale(1.03);\n}\n\n.nabi-popular-card__number {\n  position: absolute;\n  top: 16px;\n  left: 18px;\n  color: rgba(255,255,255,.92);\n}\n\n.nabi-popular-card__body {\n  padding: 16px 18px 18px;\n}\n\n.nabi-popular-card__title {\n  margin: 0;\n  color: #222;\n}\n\n.nabi-popular-card__meta {\n  margin-top: 8px;\n  color: #777;\n}\n\n.nabi-popular-card__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 18px;\n}\n\n.nabi-popular-card__price {\n  color: #222;\n}\n\n.nabi-popular-card__arrow {\n  width: 40px;\n  height: 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  border: 1px solid rgba(34, 34, 34, 0.14);\n  border-radius: 999px;\n  color: #222;\n  background: #f8f5ef;\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n.nabi-popular-card:hover .nabi-popular-card__arrow {\n  transform: translateX(3px);\n  background: #f1ede6;\n  border-color: rgba(34, 34, 34, 0.22);\n}\n\n@media (max-width: 1180px) {\n  .nabi-popular__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 767px) {\n  .nabi-popular {\n    padding: 64px 18px 72px;\n  }\n\n  .nabi-popular__heading {\n    margin-bottom: 26px;\n  }\n\n  .nabi-popular__grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .nabi-popular-card__media {\n    aspect-ratio: 4 \/ 3.95;\n  }\n\n  .nabi-popular-card__body {\n    padding: 14px 16px 16px;\n  }\n\n  .nabi-popular-card__footer {\n    margin-top: 14px;\n  }\n}\n<\/style>\n\n<section class=\"nabi-popular\" id=\"lessen\">\n  <div class=\"nabi-popular__inner\">\n\n    <h2 class=\"nabi-popular__heading\">\n      Populaire lessen\n    <\/h2>\n\n    <div class=\"nabi-popular__grid\">\n\n      <a href=\"#\" class=\"nabi-popular-card\">\n        <div class=\"nabi-popular-card__media\">\n          <span class=\"nabi-popular-card__number\">01<\/span>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604881991720-f91add269bed?auto=format&amp;fit=crop&amp;w=1000&amp;q=85\" alt=\"De beginners naaicursus\">\n        <\/div>\n\n        <div class=\"nabi-popular-card__body\">\n          <h3 class=\"nabi-popular-card__title\">\n            De beginners naaicursus\n          <\/h3>\n\n          <div class=\"nabi-popular-card__meta\">\n            6 lessen \u00b7 Kleine groep \u00b7 Basisvaardigheden\n          <\/div>\n\n          <div class=\"nabi-popular-card__footer\">\n            <span class=\"nabi-popular-card__price\">\u20ac250<\/span>\n            <span class=\"nabi-popular-card__arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n\n      <a href=\"#\" class=\"nabi-popular-card\">\n        <div class=\"nabi-popular-card__media\">\n          <span class=\"nabi-popular-card__number\">02<\/span>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509631179647-0177331693ae?auto=format&amp;fit=crop&amp;w=1000&amp;q=85\" alt=\"Repareren en vermaken\">\n        <\/div>\n\n        <div class=\"nabi-popular-card__body\">\n          <h3 class=\"nabi-popular-card__title\">\n            Repareren en vermaken\n          <\/h3>\n\n          <div class=\"nabi-popular-card__meta\">\n            4 lessen \u00b7 Praktisch \u00b7 Direct toepasbaar\n          <\/div>\n\n          <div class=\"nabi-popular-card__footer\">\n            <span class=\"nabi-popular-card__price\">\u20ac250<\/span>\n            <span class=\"nabi-popular-card__arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n\n      <a href=\"#\" class=\"nabi-popular-card\">\n        <div class=\"nabi-popular-card__media\">\n          <span class=\"nabi-popular-card__number\">03<\/span>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1525507119028-ed4c629a60a3?auto=format&amp;fit=crop&amp;w=1000&amp;q=85\" alt=\"Mijn eerste kledingstuk\">\n        <\/div>\n\n        <div class=\"nabi-popular-card__body\">\n          <h3 class=\"nabi-popular-card__title\">\n            Mijn eerste kledingstuk\n          <\/h3>\n\n          <div class=\"nabi-popular-card__meta\">\n            8 lessen \u00b7 Van patroon tot eindresultaat\n          <\/div>\n\n          <div class=\"nabi-popular-card__footer\">\n            <span class=\"nabi-popular-card__price\">\u20ac575<\/span>\n            <span class=\"nabi-popular-card__arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n\n      <a href=\"#\" class=\"nabi-popular-card\">\n        <div class=\"nabi-popular-card__media\">\n          <span class=\"nabi-popular-card__number\">04<\/span>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512436991641-6745cdb1723f?auto=format&amp;fit=crop&amp;w=1000&amp;q=85\" alt=\"Patronen op maat\">\n        <\/div>\n\n        <div class=\"nabi-popular-card__body\">\n          <h3 class=\"nabi-popular-card__title\">\n            Patronen op maat\n          <\/h3>\n\n          <div class=\"nabi-popular-card__meta\">\n            6 lessen \u00b7 Pasvorm \u00b7 Eigen ontwerp\n          <\/div>\n\n          <div class=\"nabi-popular-card__footer\">\n            <span class=\"nabi-popular-card__price\">\u20ac575<\/span>\n            <span class=\"nabi-popular-card__arrow\">\u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n<\/script>\n\n<\/html>\n\n\n\n<style>\n.nabi-social {\n  padding: 92px 0 78px;\n  overflow: hidden;\n  background: #f8f5eeeb;\n}\n\n.nabi-social__inner {\n  width: min(1480px, calc(100% - 64px));\n  margin: 0 auto;\n}\n\n.nabi-social__intro {\n  text-align: center;\n  margin-bottom: 46px;\n}\n\n.nabi-social__label {\n  margin-bottom: 10px;\n  color: rgba(34, 34, 34, 0.48);\n  text-transform: uppercase;\n}\n\n.nabi-social__handle {\n  margin: 0;\n  color: #222;\n}\n\n.nabi-social__text {\n  margin-top: 12px;\n  color: rgba(34, 34, 34, 0.68);\n}\n\n.nabi-social__button-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 24px;\n}\n\n.nabi-social__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  min-height: 48px;\n  padding: 0 22px;\n\n  border: 1px solid rgba(34, 34, 34, 0.55);\n  border-radius: 999px;\n\n  color: #222;\n  text-decoration: none;\n  background: transparent;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n}\n\n.nabi-social__button:hover {\n  transform: translateY(-1px);\n  background: rgba(255,255,255,.55);\n  border-color: rgba(34,34,34,.8);\n}\n\n.nabi-social__button svg {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 auto;\n}\n\n\/* CAROUSEL *\/\n.nabi-social__viewport {\n  width: 100%;\n  overflow: hidden;\n}\n\n.nabi-social__track {\n  display: flex;\n  width: max-content;\n  gap: 10px;\n  will-change: transform;\n  animation: nabi-social-scroll 54s linear infinite;\n}\n\n.nabi-social__item {\n  flex: 0 0 auto;\n  width: clamp(150px, 10.8vw, 195px);\n  aspect-ratio: 4 \/ 5;\n  overflow: hidden;\n  border-radius: 12px;\n  background: #ded8cf;\n}\n\n.nabi-social__item img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .5s ease;\n}\n\n.nabi-social__item:hover img {\n  transform: scale(1.035);\n}\n\n.nabi-social__viewport:hover .nabi-social__track {\n  animation-play-state: paused;\n}\n\n@keyframes nabi-social-scroll {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@media (max-width: 767px) {\n  .nabi-social {\n    padding: 64px 0 56px;\n  }\n\n  .nabi-social__inner {\n    width: calc(100% - 36px);\n  }\n\n  .nabi-social__intro {\n    margin-bottom: 32px;\n  }\n\n  .nabi-social__track {\n    gap: 8px;\n    animation-duration: 42s;\n  }\n\n  .nabi-social__item {\n    width: 42vw;\n    max-width: 170px;\n  }\n\n  .nabi-social__button {\n    min-height: 46px;\n    padding: 0 20px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nabi-social__track {\n    animation: none;\n  }\n\n  .nabi-social__viewport {\n    overflow-x: auto;\n  }\n}\n<\/style>\n\n<section class=\"nabi-social\">\n\n  <div class=\"nabi-social__inner\">\n\n    <div class=\"nabi-social__intro\">\n\n      <div class=\"nabi-social__label\">\n        Volg ons\n      <\/div>\n\n      <h2 class=\"nabi-social__handle\">\n        @studiona_bi\n      <\/h2>\n\n      <div class=\"nabi-social__text\">\n        Een kijkje in het atelier, onze cursisten en het maakproces.\n      <\/div>\n\n      <div class=\"nabi-social__button-wrap\">\n        <a href=\"https:\/\/instagram.com\/studiona_bi\" class=\"nabi-social__button\" target=\"_blank\" rel=\"noopener\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect>\n            <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n            <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"><\/circle>\n          <\/svg>\n\n          <span>Volg op Instagram<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"nabi-social__viewport\">\n\n    <div class=\"nabi-social__track\">\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Atelier kledingrek\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509631179647-0177331693ae?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Creatieve werkplek\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604881991720-f91add269bed?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Spelden en naaibenodigdheden\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1525507119028-ed4c629a60a3?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Atelier moodboard\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593032465171-8bd84f7b4e76?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Werken aan stof\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542060748-10c28b62716f?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Opgevouwen stoffen\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512436991641-6745cdb1723f?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Paspop en kleding\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Garen en naaibenodigdheden\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1490481651871-ab68de25d43d?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Atelier detail\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521572163474-6864f9cf17ab?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"Patroon en stof\">\n      <\/div>\n\n      <!-- duplicate set for seamless loop -->\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509631179647-0177331693ae?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604881991720-f91add269bed?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1525507119028-ed4c629a60a3?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593032465171-8bd84f7b4e76?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542060748-10c28b62716f?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512436991641-6745cdb1723f?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1490481651871-ab68de25d43d?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n      <div class=\"nabi-social__item\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521572163474-6864f9cf17ab?auto=format&amp;fit=crop&amp;w=700&amp;q=85\" alt=\"\">\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n<\/script>\n\n\n\n<html>\n\n<style>\n.nabi-pricing {\n  padding: 88px 32px 96px;\n  background: #f8f5ef;\n  color: #222;\n}\n\n.nabi-pricing__inner {\n  width: min(1480px, 100%);\n  margin: 0 auto;\n}\n\n.nabi-pricing__heading {\n  margin: 0 0 38px;\n  text-align: center;\n  color: #222;\n}\n\n.nabi-pricing__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.nabi-pricing-card {\n  display: flex;\n  flex-direction: column;\n  min-height: 540px;\n  padding: 28px 30px 22px;\n  border: 1px solid rgba(34, 34, 34, 0.10);\n  border-radius: 14px;\n  background: #fbf8f3;\n}\n\n.nabi-pricing-card--featured {\n  background: #e7e5d6;\n  border-color: rgba(112, 118, 91, 0.18);\n}\n\n.nabi-pricing-card__label {\n  margin-bottom: 20px;\n  color: rgba(34, 34, 34, 0.58);\n  text-transform: uppercase;\n  letter-spacing: .22em;\n}\n\n.nabi-pricing-card__badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 34px;\n  padding: 0 16px;\n  margin-bottom: 16px;\n  border-radius: 999px;\n  background: #9f9a83;\n  color: #fff;\n  text-transform: uppercase;\n  letter-spacing: .16em;\n}\n\n.nabi-pricing-card__title {\n  margin: 0;\n  color: #222;\n}\n\n.nabi-pricing-card__desc {\n  margin-top: 10px;\n  max-width: 390px;\n  color: rgba(34, 34, 34, 0.66);\n}\n\n.nabi-pricing-card__divider {\n  height: 1px;\n  margin: 22px 0 20px;\n  background: rgba(34, 34, 34, 0.10);\n}\n\n.nabi-pricing-card__price-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 28px;\n  margin-bottom: 26px;\n}\n\n.nabi-pricing-card__price {\n  color: #111;\n}\n\n.nabi-pricing-card__meta {\n  padding-top: 4px;\n  color: rgba(34, 34, 34, 0.62);\n}\n\n.nabi-pricing-card__list {\n  display: grid;\n  gap: 12px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.nabi-pricing-card__list li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: rgba(34, 34, 34, 0.84);\n}\n\n.nabi-pricing-card__check {\n  width: 24px;\n  height: 24px;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999px;\n  background: rgba(34, 34, 34, 0.07);\n  color: #222;\n}\n\n.nabi-pricing-card__check svg {\n  width: 14px;\n  height: 14px;\n}\n\n.nabi-pricing-card__footer {\n  margin-top: auto;\n  padding-top: 28px;\n}\n\n.nabi-pricing-card__button {\n  width: 100%;\n  min-height: 50px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  border-radius: 999px;\n  background: #1f1f1f;\n  color: #fff;\n  text-decoration: none;\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.nabi-pricing-card__button:hover {\n  transform: translateY(-1px);\n  background: #151515;\n}\n\n.nabi-pricing-card--featured .nabi-pricing-card__button {\n  background: #7d836c;\n}\n\n.nabi-pricing-card--featured .nabi-pricing-card__button:hover {\n  background: #71775f;\n}\n\n@media (max-width: 1100px) {\n  .nabi-pricing__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .nabi-pricing-card {\n    min-height: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .nabi-pricing {\n    padding: 64px 18px 72px;\n  }\n\n  .nabi-pricing__heading {\n    margin-bottom: 28px;\n  }\n\n  .nabi-pricing-card {\n    padding: 24px 22px 20px;\n  }\n\n  .nabi-pricing-card__price-row {\n    gap: 20px;\n  }\n}\n<\/style>\n\n<section class=\"nabi-pricing\">\n  <div class=\"nabi-pricing__inner\">\n\n    <h2 class=\"nabi-pricing__heading\">\n      Cursussen\n    <\/h2>\n\n    <div class=\"nabi-pricing__grid\">\n\n      <article class=\"nabi-pricing-card\">\n\n        <div class=\"nabi-pricing-card__label\">\n          Beginner\n        <\/div>\n\n        <h3 class=\"nabi-pricing-card__title\">\n          Beginner naaicursus\n        <\/h3>\n\n        <div class=\"nabi-pricing-card__desc\">\n          Leer de basis en maak je eerste projecten met vertrouwen.\n        <\/div>\n\n        <div class=\"nabi-pricing-card__divider\"><\/div>\n\n        <div class=\"nabi-pricing-card__price-row\">\n          <div class=\"nabi-pricing-card__price\">\n            \u20ac250\n          <\/div>\n\n          <div class=\"nabi-pricing-card__meta\">\n            6 lessen<br>\n            van 2 uur\n          <\/div>\n        <\/div>\n\n        <ul class=\"nabi-pricing-card__list\">\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Je naaimachine leren kennen\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Je eerste projectje maken\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Stoffen en naalden kiezen\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Zelfverzekerd leren naaien\n          <\/li>\n\n        <\/ul>\n\n        <div class=\"nabi-pricing-card__footer\">\n          <a href=\"#\" class=\"nabi-pricing-card__button\">\n            <span>Aanmelden<\/span>\n            <span>\u2192<\/span>\n          <\/a>\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"nabi-pricing-card nabi-pricing-card--featured\">\n\n        <div class=\"nabi-pricing-card__badge\">\n          Populair\n        <\/div>\n\n        <h3 class=\"nabi-pricing-card__title\">\n          Repareren en vermaken\n        <\/h3>\n\n        <div class=\"nabi-pricing-card__desc\">\n          Geef bestaande kleding een nieuw leven en leer handige technieken.\n        <\/div>\n\n        <div class=\"nabi-pricing-card__divider\"><\/div>\n\n        <div class=\"nabi-pricing-card__price-row\">\n          <div class=\"nabi-pricing-card__price\">\n            \u20ac250\n          <\/div>\n\n          <div class=\"nabi-pricing-card__meta\">\n            6 lessen<br>\n            van 2 uur\n          <\/div>\n        <\/div>\n\n        <ul class=\"nabi-pricing-card__list\">\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Kleding vermaken\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Broeken korter maken\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Zomen leren maken\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Kleding op maat spelden\n          <\/li>\n\n        <\/ul>\n\n        <div class=\"nabi-pricing-card__footer\">\n          <a href=\"#\" class=\"nabi-pricing-card__button\">\n            <span>Aanmelden<\/span>\n            <span>\u2192<\/span>\n          <\/a>\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"nabi-pricing-card\">\n\n        <div class=\"nabi-pricing-card__label\">\n          Vervolg\n        <\/div>\n\n        <h3 class=\"nabi-pricing-card__title\">\n          Mijn eerste kledingstuk\n        <\/h3>\n\n        <div class=\"nabi-pricing-card__desc\">\n          Werk toe naar een compleet kledingstuk van begin tot eind.\n        <\/div>\n\n        <div class=\"nabi-pricing-card__divider\"><\/div>\n\n        <div class=\"nabi-pricing-card__price-row\">\n          <div class=\"nabi-pricing-card__price\">\n            \u20ac575\n          <\/div>\n\n          <div class=\"nabi-pricing-card__meta\">\n            10 lessen<br>\n            van 2 uur\n          <\/div>\n        <\/div>\n\n        <ul class=\"nabi-pricing-card__list\">\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Patronen leren lezen\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Stof leggen en knippen\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Een kledingstuk naaien\n          <\/li>\n\n          <li>\n            <span class=\"nabi-pricing-card__check\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M5 12.5 9.2 17 19 7.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n            Pasvorm controleren\n          <\/li>\n\n        <\/ul>\n\n        <div class=\"nabi-pricing-card__footer\">\n          <a href=\"#\" class=\"nabi-pricing-card__button\">\n            <span>Aanmelden<\/span>\n            <span>\u2192<\/span>\n          <\/a>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n<\/script>\n\n<\/html>\n\n\n\n<html>\n\n<style>\n.nabi-philosophy {\n  padding: 96px 62px 240px;\n  background: #f8f5eeeb;\n}\n\n.nabi-philosophy__inner {\n  width: min(1480px, 100%);\n  margin: 0 auto;\n}\n\n.nabi-philosophy__grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 600px;\n  align-items: center;\n  gap: 88px;\n}\n\n.nabi-philosophy__content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.nabi-philosophy__eyebrow {\n  margin: 0 0 26px;\n  color: #222;\n}\n\n.nabi-philosophy__text {\n  max-width: 620px;\n  color: #2a2a2a;\n}\n\n.nabi-philosophy__text p {\n  margin: 0 0 18px;\n}\n\n.nabi-philosophy__text p:last-child {\n  margin-bottom: 0;\n}\n\n.nabi-philosophy__media {\n  width: 100%;\n  height: 560px;\n  overflow: hidden;\n  border-radius: 12px;\n}\n\n.nabi-philosophy__media img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  border-radius: inherit;\n}\n\n@media (max-width: 1200px) {\n  .nabi-philosophy__grid {\n    grid-template-columns: minmax(0, 1fr) 520px;\n    gap: 64px;\n  }\n\n  .nabi-philosophy__media {\n    height: 520px;\n  }\n}\n\n@media (max-width: 900px) {\n  .nabi-philosophy__grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .nabi-philosophy__text {\n    max-width: 680px;\n  }\n\n  .nabi-philosophy__media {\n    width: min(100%, 620px);\n    height: 560px;\n  }\n}\n\n@media (max-width: 767px) {\n  .nabi-philosophy {\n    padding: 64px 18px 196px;\n  }\n\n  .nabi-philosophy__grid {\n    gap: 30px;\n  }\n\n  .nabi-philosophy__eyebrow {\n    margin-bottom: 18px;\n  }\n\n  .nabi-philosophy__media {\n    width: 100%;\n    height: 430px;\n  }\n}\n<\/style>\n\n<section class=\"nabi-philosophy\" id=\"over\">\n  <div class=\"nabi-philosophy__inner\">\n\n    <div class=\"nabi-philosophy__grid\">\n\n      <div class=\"nabi-philosophy__content\">\n\n        <h2 class=\"nabi-philosophy__eyebrow\">\n          Onze filosofie\n        <\/h2>\n\n        <div class=\"nabi-philosophy__text\">\n          <p>\n            Bij Studio Nabi draait creativiteit niet om perfectie,\n            maar om groeien en vertrouwen krijgen in wat je maakt.\n          <\/p>\n\n          <p>\n            Elke steek brengt je dichter bij jezelf \u2014 of je nu leert,\n            repareert of een nieuw kledingstuk cre\u00ebert.\n          <\/p>\n\n          <p>\n            We begeleiden je in een rustige, persoonlijke omgeving\n            waar ruimte is om te proberen, vragen te stellen en op je\n            eigen tempo te leren.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"nabi-philosophy__media\">\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2026\/09\/img_6357-scaled.jpg\"\n          alt=\"Studio Nabi atelier\"\n        >\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n<\/script>\n\n<\/html>\n\n\n\n<html>\n\n<style>\n.nabi-footer {\n  background: #d8d1c5;\n  color: #222;\n  padding: 108px 32px 40px;\n}\n\n.nabi-footer__inner {\n  width: min(1480px, 100%);\n  margin: 0 auto;\n}\n\n.nabi-footer__top {\n  display: grid;\n  grid-template-columns: 1.3fr .8fr 1fr .7fr;\n  gap: 64px;\n  align-items: start;\n}\n\n.nabi-footer__brand {\n  margin-bottom: 20px;\n}\n\n.nabi-footer__tagline {\n  margin-bottom: 20px;\n  color: #222;\n}\n\n.nabi-footer__text {\n  max-width: 380px;\n  color: rgba(34, 34, 34, 0.62);\n}\n\n.nabi-footer__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  min-height: 52px;\n  padding: 0 24px;\n  margin-top: 28px;\n\n  border-radius: 999px;\n  background: #f4f0ea;\n  color: #222;\n  text-decoration: none;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n.nabi-footer__button:hover {\n  transform: translateY(-1px);\n  background: #fff;\n}\n\n.nabi-footer__small-note {\n  margin-top: 34px;\n  color: rgba(34, 34, 34, 0.52);\n}\n\n.nabi-footer__heading {\n  margin: 0 0 20px;\n  color: #222;\n}\n\n.nabi-footer__links {\n  display: grid;\n  gap: 14px;\n}\n\n.nabi-footer__links a {\n  color: rgba(34, 34, 34, 0.78);\n  text-decoration: none;\n  width: fit-content;\n}\n\n.nabi-footer__links a:hover {\n  color: #222;\n}\n\n.nabi-footer__contact {\n  display: grid;\n  gap: 16px;\n}\n\n.nabi-footer__contact-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  color: rgba(34, 34, 34, 0.72);\n}\n\n.nabi-footer__contact-row a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.nabi-footer__contact-row a:hover {\n  color: #222;\n}\n\n.nabi-footer__contact-row svg {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 auto;\n  margin-top: 2px;\n}\n\n.nabi-footer__divider {\n  height: 1px;\n  margin: 28px 0;\n  background: rgba(34, 34, 34, 0.12);\n}\n\n.nabi-footer__socials {\n  display: grid;\n  gap: 14px;\n}\n\n.nabi-footer__socials a {\n  color: rgba(34, 34, 34, 0.78);\n  text-decoration: none;\n  width: fit-content;\n}\n\n.nabi-footer__socials a:hover {\n  color: #222;\n}\n\n.nabi-footer__bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n\n  margin-top: 84px;\n  padding-top: 22px;\n\n  border-top: 1px solid rgba(34, 34, 34, 0.14);\n  color: rgba(34, 34, 34, 0.56);\n}\n\n.nabi-footer__bottom-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n}\n\n.nabi-footer__bottom a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.nabi-footer__bottom a:hover {\n  color: #222;\n}\n\n@media (max-width: 1100px) {\n  .nabi-footer__top {\n    grid-template-columns: 1.2fr 1fr;\n    gap: 52px 64px;\n  }\n}\n\n@media (max-width: 767px) {\n  .nabi-footer {\n    padding: 78px 18px 28px;\n  }\n\n  .nabi-footer__top {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .nabi-footer__button {\n    width: 100%;\n  }\n\n  .nabi-footer__bottom {\n    margin-top: 56px;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n<\/style>\n\n<footer class=\"nabi-footer\" id=\"contact\">\n  <div class=\"nabi-footer__inner\">\n\n    <div class=\"nabi-footer__top\">\n\n      <div>\n        <div class=\"nabi-footer__brand\">\n          Studio Nabi\n        <\/div>\n\n        <div class=\"nabi-footer__tagline\">\n          Leer naaien.<br>\n          Maak iets van jezelf.\n        <\/div>\n\n        <div class=\"nabi-footer__text\">\n          Een rustige plek voor creativiteit, nieuwe technieken\n          en mooie idee\u00ebn \u2014 op jouw eigen tempo.\n        <\/div>\n\n        <a href=\"#contact\" class=\"nabi-footer__button\">\n          Plan een bezoek\n          <span>\u2192<\/span>\n        <\/a>\n\n        <div class=\"nabi-footer__small-note\">\n          Meer dan alleen naaien \u2661\n        <\/div>\n      <\/div>\n\n\n      <div>\n        <h3 class=\"nabi-footer__heading\">\n          Snel naar\n        <\/h3>\n\n        <nav class=\"nabi-footer__links\">\n          <a href=\"#lessen\">Naailessen<\/a>\n          <a href=\"#workshops\">Workshops<\/a>\n          <a href=\"#atelier\">Atelier<\/a>\n          <a href=\"#over\">Over<\/a>\n          <a href=\"#contact\">Contact<\/a>\n        <\/nav>\n      <\/div>\n\n\n      <div>\n        <h3 class=\"nabi-footer__heading\">\n          Contact\n        <\/h3>\n\n        <div class=\"nabi-footer__contact\">\n\n          <div class=\"nabi-footer__contact-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n              <circle cx=\"12\" cy=\"9\" r=\"2.3\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle>\n            <\/svg>\n\n            <span>\n              Jan van Eijckplein 2<br>\n              4703 GV Roosendaal\n            <\/span>\n          <\/div>\n\n          <div class=\"nabi-footer__contact-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M4 5h16v14H4z\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n              <path d=\"m5 6 7 6 7-6\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n            <\/svg>\n\n            <a href=\"mailto:studionabii@gmail.com\">\n              studionabii@gmail.com\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"nabi-footer__divider\"><\/div>\n\n        <h3 class=\"nabi-footer__heading\">\n          Op afspraak\n        <\/h3>\n\n        <div class=\"nabi-footer__text\">\n          We plannen graag een moment dat goed bij jou past.\n        <\/div>\n      <\/div>\n\n\n      <div>\n        <h3 class=\"nabi-footer__heading\">\n          Volg ons\n        <\/h3>\n\n        <div class=\"nabi-footer__socials\">\n          <a href=\"https:\/\/instagram.com\/studiona_bi\" target=\"_blank\" rel=\"noopener\">\n            Instagram\n          <\/a>\n\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\">\n            Pinterest\n          <\/a>\n\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\">\n            Facebook\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"nabi-footer__bottom\">\n\n      <div>\n        \u00a9 2026 Studio Nabi. Alle rechten voorbehouden.\n      <\/div>\n\n      <div class=\"nabi-footer__bottom-links\">\n        <a href=\"#\">Privacy<\/a>\n        <a href=\"#\">Algemene voorwaarden<\/a>\n        <a href=\"#\">Cookies<\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/footer>\n\n<script>\n<\/script>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Studio Nabi Naailessen Workshops Atelier Over Contact Bekijk lessen \u2192 Naailessen Workshops Atelier Over Contact Naailessen &amp; creatieve workshops Leer naaien. Maak iets van jezelf. Ontdek hoe leuk het is om zelf te cre\u00ebren, in een rustig atelier en op jouw eigen tempo. Bekijk naailessen \u2192 Ontdek workshops Meer dan alleen naaien \u2661 \u2193 Scroll &#8230; <a title=\"home\" class=\"read-more\" href=\"https:\/\/staging.osworkspace.nl\/\" aria-label=\"Read more about home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":42,"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/staging.osworkspace.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}