{"id":49345,"date":"2026-04-25T06:43:36","date_gmt":"2026-04-25T06:43:36","guid":{"rendered":"https:\/\/crownnus.nl\/?page_id=49345"},"modified":"2026-05-01T08:23:09","modified_gmt":"2026-05-01T08:23:09","slug":"diensten","status":"publish","type":"page","link":"https:\/\/crownnus.nl\/index.php\/diensten\/","title":{"rendered":"Diensten"},"content":{"rendered":"\n<section class=\"cn-services-hero\">\n  <div class=\"cn-wrap\">\n    <div class=\"cn-services-hero-content\">\n      <p class=\"cn-tag\">Diensten<\/p>\n      <h1>Recruitmentoplossingen die aansluiten op uw organisatie<\/h1>\n      <p>\n        Wij leveren recruitmentoplossingen die naadloos aansluiten op uw\n        organisatie en personeelsbehoefte.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"cn-services-section\">\n  <div class=\"cn-wrap\">\n\n    <div class=\"cn-services-grid\">\n\n      <div class=\"cn-service-card\">\n        <span class=\"cn-service-line\"><\/span>\n        <h3>Werving &#038; selectie<\/h3>\n        <p>\n          Wij zoeken en selecteren gekwalificeerde kandidaten die passen bij de\n          functie, organisatie en werkomgeving.\n        <\/p>\n      <\/div>\n\n      <div class=\"cn-service-card\">\n        <span class=\"cn-service-line\"><\/span>\n        <h3>Recruitment op maat<\/h3>\n        <p>\n          Onze aanpak wordt afgestemd op uw organisatie, personeelsbehoefte en\n          gewenste profielen.\n        <\/p>\n      <\/div>\n\n      <div class=\"cn-service-card\">\n        <span class=\"cn-service-line\"><\/span>\n        <h3>Snelle invulling<\/h3>\n        <p>\n          Wij schakelen snel en gericht om vacatures effici\u00ebnt en passend in te\n          vullen.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<style>\n.cn-services-hero {\n  padding: 110px 20px 90px;\n  background:\n    radial-gradient(circle at top right, rgba(99,102,241,0.16), transparent 35%),\n    linear-gradient(180deg, #020617 0%, #07132b 100%);\n  color: #ffffff;\n}\n\n.cn-wrap {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.cn-services-hero-content {\n  max-width: 820px;\n}\n\n.cn-tag {\n  display: inline-block;\n  font-size: 13px;\n  font-weight: 600;\n  color: #a5b4fc;\n  margin-bottom: 16px;\n}\n\n.cn-services-hero h1 {\n  font-size: 56px;\n  line-height: 1.08;\n  margin: 0 0 22px;\n  color: #ffffff;\n  letter-spacing: -0.03em;\n}\n\n.cn-services-hero p {\n  max-width: 680px;\n  font-size: 18px;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.78);\n  margin: 0;\n}\n\n\/* SERVICES *\/\n.cn-services-section {\n  padding: 90px 20px;\n  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);\n}\n\n.cn-services-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 26px;\n}\n\n.cn-service-card {\n  position: relative;\n  padding: 30px 26px;\n  border-radius: 22px;\n  background: #ffffff;\n  border: 1px solid #e6eaf0;\n  box-shadow: 0 12px 36px rgba(15,23,42,0.05);\n  overflow: hidden;\n  transition: all 0.35s ease;\n}\n\n.cn-service-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at top right, rgba(99,102,241,0.08), transparent 45%);\n  opacity: 0;\n  transition: opacity 0.35s ease;\n  pointer-events: none;\n}\n\n.cn-service-card > * {\n  position: relative;\n  z-index: 2;\n}\n\n.cn-service-line {\n  display: block;\n  width: 52px;\n  height: 3px;\n  border-radius: 999px;\n  margin-bottom: 16px;\n  background: linear-gradient(90deg, #6366f1, #8b5cf6);\n}\n\n.cn-service-card h3 {\n  font-size: 24px;\n  margin: 0 0 12px;\n  color: #0f172a;\n}\n\n.cn-service-card p {\n  font-size: 15px;\n  line-height: 1.75;\n  color: #64748b;\n  margin: 0;\n}\n\n.cn-service-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(99,102,241,0.28);\n  box-shadow: 0 22px 56px rgba(15,23,42,0.08);\n}\n\n.cn-service-card:hover::before {\n  opacity: 1;\n}\n\n@media (max-width: 992px) {\n  .cn-services-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cn-services-hero h1 {\n    font-size: 40px;\n  }\n}\n\n@media (max-width: 768px) {\n  .cn-services-hero {\n    padding: 80px 20px 70px;\n  }\n\n  .cn-services-section {\n    padding: 70px 20px;\n  }\n\n  .cn-services-hero h1 {\n    font-size: 34px;\n  }\n\n  .cn-services-hero p {\n    font-size: 16px;\n  }\n\n  .cn-service-card {\n    padding: 24px 22px;\n    border-radius: 18px;\n  }\n}\n<\/style>\n\n\n\n<section class=\"cn-custom-recruitment\">\n  <div class=\"cn-wrap\">\n    <div class=\"cn-custom-grid\">\n\n      <div class=\"cn-custom-content\">\n        <p class=\"cn-tag\">Recruitment op maat<\/p>\n        <h2>Afgestemd op uw organisatie en personeelsbehoefte<\/h2>\n        <p>\n          Geen standaard aanpak, maar recruitment dat aansluit op uw organisatie,\n          functieprofielen en gewenste werkwijze.\n        <\/p>\n      <\/div>\n\n      <div class=\"cn-custom-list\">\n        <div class=\"cn-custom-item\">\n          <span>01<\/span>\n          <div>\n            <h3>Analyse van uw behoefte<\/h3>\n            <p>We brengen helder in kaart welk profiel u zoekt en wat belangrijk is binnen uw organisatie.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cn-custom-item\">\n          <span>02<\/span>\n          <div>\n            <h3>Gerichte selectie<\/h3>\n            <p>Wij selecteren kandidaten op basis van ervaring, betrouwbaarheid en praktische inzetbaarheid.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cn-custom-item\">\n          <span>03<\/span>\n          <div>\n            <h3>Passende kandidaat<\/h3>\n            <p>U ontvangt kandidaten die niet alleen op papier passen, maar ook in de praktijk.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.cn-custom-recruitment {\n  padding: 100px 20px;\n  background: #ffffff;\n}\n\n.cn-custom-grid {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 60px;\n  align-items: start;\n}\n\n.cn-custom-content h2 {\n  font-size: 42px;\n  line-height: 1.15;\n  margin: 0 0 16px;\n  color: #0f172a;\n  letter-spacing: -0.02em;\n}\n\n.cn-custom-content p {\n  font-size: 17px;\n  line-height: 1.75;\n  color: #64748b;\n  margin: 0;\n}\n\n.cn-custom-list {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.cn-custom-item {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 18px;\n  padding: 24px;\n  border-radius: 20px;\n  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  border: 1px solid #e6eaf0;\n  box-shadow: 0 10px 30px rgba(15,23,42,0.04);\n  transition: all 0.35s ease;\n}\n\n.cn-custom-item span {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  border-radius: 14px;\n  background: #eef2ff;\n  color: #6366f1;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.cn-custom-item h3 {\n  font-size: 20px;\n  margin: 0 0 6px;\n  color: #0f172a;\n}\n\n.cn-custom-item p {\n  font-size: 15px;\n  line-height: 1.65;\n  color: #64748b;\n  margin: 0;\n}\n\n.cn-custom-item:hover {\n  transform: translateY(-5px);\n  border-color: rgba(99,102,241,0.28);\n  box-shadow: 0 18px 45px rgba(15,23,42,0.08);\n}\n\n@media (max-width: 992px) {\n  .cn-custom-grid {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .cn-custom-content h2 {\n    font-size: 32px;\n  }\n}\n\n@media (max-width: 768px) {\n  .cn-custom-recruitment {\n    padding: 70px 20px;\n  }\n\n  .cn-custom-item {\n    padding: 20px;\n  }\n}\n<\/style>\n\n\n\n<section class=\"cn-why-section\">\n  <div class=\"cn-wrap\">\n\n    <div class=\"cn-heading\">\n      <p class=\"cn-tag\">Waarom CrownNUS<\/p>\n      <h2>Waarom kiezen voor CrownNUS?<\/h2>\n      <p class=\"cn-sub\">\n        Wij combineren snelheid, kwaliteit en persoonlijke begeleiding voor het beste resultaat.\n      <\/p>\n    <\/div>\n\n    <div class=\"cn-why-grid\">\n\n      <div class=\"cn-why-card\">\n        <span class=\"cn-why-line\"><\/span>\n        <h3>Snelle schakeling<\/h3>\n        <p>Wij reageren direct en zorgen voor een snelle invulling van uw personeelsbehoefte.<\/p>\n      <\/div>\n\n      <div class=\"cn-why-card\">\n        <span class=\"cn-why-line\"><\/span>\n        <h3>Gerichte selectie<\/h3>\n        <p>Wij selecteren kandidaten die passen bij uw organisatie en werkomgeving.<\/p>\n      <\/div>\n\n      <div class=\"cn-why-card\">\n        <span class=\"cn-why-line\"><\/span>\n        <h3>Persoonlijke aanpak<\/h3>\n        <p>Wij houden het contact direct en persoonlijk, zonder onnodige schakels.<\/p>\n      <\/div>\n\n      <div class=\"cn-why-card\">\n        <span class=\"cn-why-line\"><\/span>\n        <h3>Kwaliteit voorop<\/h3>\n        <p>Wij gaan voor duurzame matches en lange termijn resultaten.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<style>\n\/* ===============================\n   WHY SECTION - DARK\n=============================== *\/\n.cn-why-section {\n  padding: 100px 20px;\n  background:\n    radial-gradient(circle at top, rgba(99,102,241,0.14), transparent 35%),\n    linear-gradient(180deg, #020617 0%, #050A1E 100%);\n  color: #ffffff;\n}\n\n\/* ===============================\n   HEADING\n=============================== *\/\n.cn-heading {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 60px;\n}\n\n.cn-heading h2 {\n  font-size: 48px;\n  line-height: 1.1;\n  margin-bottom: 14px;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n}\n\n.cn-sub {\n  font-size: 16px;\n  color: rgba(255,255,255,0.75);\n}\n\n\/* ===============================\n   GRID\n=============================== *\/\n.cn-why-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n\n\/* ===============================\n   CARD\n=============================== *\/\n.cn-why-card {\n  position: relative;\n  padding: 26px 22px;\n  border-radius: 20px;\n\n  background: linear-gradient(\n    180deg,\n    rgba(255,255,255,0.08),\n    rgba(255,255,255,0.03)\n  );\n\n  border: 1px solid rgba(255,255,255,0.1);\n\n  backdrop-filter: blur(10px);\n\n  transition: all 0.35s ease;\n  overflow: hidden;\n}\n\n\/* glow *\/\n.cn-why-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at top right, rgba(99,102,241,0.2), transparent 50%);\n  opacity: 0;\n  transition: opacity 0.35s ease;\n}\n\n\/* content *\/\n.cn-why-card > * {\n  position: relative;\n  z-index: 2;\n}\n\n\/* line *\/\n.cn-why-line {\n  display: block;\n  width: 46px;\n  height: 3px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n  background: linear-gradient(90deg, #6366f1, #8b5cf6);\n}\n\n\/* text *\/\n.cn-why-card h3 {\n  font-size: 20px;\n  margin-bottom: 8px;\n  color: #ffffff;\n}\n\n.cn-why-card p {\n  font-size: 14.5px;\n  color: rgba(255,255,255,0.78);\n  line-height: 1.6;\n}\n\n\/* hover *\/\n.cn-why-card:hover {\n  transform: translateY(-6px);\n  border-color: rgba(99,102,241,0.4);\n  box-shadow: 0 18px 50px rgba(0,0,0,0.4);\n}\n\n.cn-why-card:hover::before {\n  opacity: 1;\n}\n\n\/* ===============================\n   RESPONSIVE\n=============================== *\/\n@media (max-width: 992px) {\n  .cn-why-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cn-heading h2 {\n    font-size: 32px;\n  }\n}\n\n@media (max-width: 768px) {\n  .cn-why-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cn-why-section {\n    padding: 80px 20px;\n  }\n}\n<\/style>\n\n\n\n<section class=\"cn-cta-services\">\n  <div class=\"cn-wrap\">\n\n    <div class=\"cn-cta-services-box\">\n      <p class=\"cn-tag\">Samenwerken<\/p>\n\n      <h2>Op zoek naar een betrouwbare recruitmentpartner?<\/h2>\n\n      <p class=\"cn-cta-sub\">\n        Wij helpen u snel aan geschikte kandidaten die passen bij uw organisatie en direct inzetbaar zijn.\n      <\/p>\n\n      <div class=\"cn-cta-buttons\">\n        <a href=\"https:\/\/crownnus.nl\/index.php\/contact\/\" class=\"cn-btn\">Neem contact op<\/a>\n        <a href=\"https:\/\/crownnus.nl\/index.php\/contact\/\" class=\"cn-btn cn-btn-outline\">Personeel aanvragen<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<style>\n\/* ===============================\n   CTA SERVICES - LIGHT\n=============================== *\/\n.cn-cta-services {\n  padding: 100px 20px;\n  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);\n}\n\n\/* BOX *\/\n.cn-cta-services-box {\n  text-align: center;\n  padding: 60px 40px;\n  border-radius: 26px;\n\n  background: #ffffff;\n  border: 1px solid #e6eaf0;\n\n  box-shadow: 0 20px 60px rgba(15,23,42,0.05);\n\n  transition: all 0.35s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* subtle glow *\/\n.cn-cta-services-box::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at top, rgba(99,102,241,0.08), transparent 50%);\n  opacity: 0;\n  transition: opacity 0.35s ease;\n  pointer-events: none;\n}\n\n\/* hover *\/\n.cn-cta-services-box:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 30px 80px rgba(15,23,42,0.08);\n}\n\n.cn-cta-services-box:hover::before {\n  opacity: 1;\n}\n\n\/* TEXT *\/\n.cn-cta-services-box h2 {\n  font-size: 42px;\n  line-height: 1.1;\n  margin-bottom: 14px;\n  color: #0f172a;\n  letter-spacing: -0.02em;\n}\n\n.cn-cta-sub {\n  font-size: 17px;\n  line-height: 1.7;\n  color: #64748b;\n  max-width: 540px;\n  margin: 0 auto 28px;\n}\n\n\/* BUTTONS *\/\n.cn-cta-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n\/* PRIMARY *\/\n.cn-btn {\n  display: inline-block;\n  padding: 14px 26px;\n  border-radius: 999px;\n  font-weight: 600;\n  text-decoration: none;\n\n  background: linear-gradient(135deg, #6366f1, #8b5cf6);\n  color: #ffffff;\n\n  transition: all 0.3s ease;\n}\n\n.cn-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 30px rgba(99,102,241,0.3);\n}\n\n\/* OUTLINE *\/\n.cn-btn-outline {\n  background: transparent;\n  border: 1px solid #d4d9e3;\n  color: #0f172a;\n}\n\n.cn-btn-outline:hover {\n  background: #0f172a;\n  color: #ffffff;\n}\n\n\/* ===============================\n   RESPONSIVE\n=============================== *\/\n@media (max-width: 768px) {\n  .cn-cta-services {\n    padding: 70px 20px;\n  }\n\n  .cn-cta-services-box {\n    padding: 40px 20px;\n    border-radius: 20px;\n  }\n\n  .cn-cta-services-box h2 {\n    font-size: 28px;\n  }\n\n  .cn-cta-sub {\n    font-size: 15px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Diensten Recruitmentoplossingen die aansluiten op uw organisatie Wij leveren recruitmentoplossingen die naadloos aansluiten op uw organisatie en personeelsbehoefte. Werving &#038; selectie Wij zoeken en selecteren gekwalificeerde kandidaten die passen bij de functie, organisatie en werkomgeving. Recruitment op maat Onze aanpak wordt afgestemd op uw organisatie, personeelsbehoefte en gewenste profielen. Snelle invulling Wij schakelen snel en &#8230; <a title=\"Diensten\" class=\"read-more\" href=\"https:\/\/crownnus.nl\/index.php\/diensten\/\" aria-label=\"Lees meer over Diensten\">Lees meer<\/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-49345","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/pages\/49345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/comments?post=49345"}],"version-history":[{"count":11,"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/pages\/49345\/revisions"}],"predecessor-version":[{"id":49449,"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/pages\/49345\/revisions\/49449"}],"wp:attachment":[{"href":"https:\/\/crownnus.nl\/index.php\/wp-json\/wp\/v2\/media?parent=49345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}