{"id":7,"date":"2026-10-22T10:10:41","date_gmt":"2026-10-22T10:10:41","guid":{"rendered":"https:\/\/creativecr.nl\/?page_id=7"},"modified":"2026-10-22T10:25:54","modified_gmt":"2026-10-22T10:25:54","slug":"home","status":"publish","type":"page","link":"https:\/\/creativecr.nl\/?page_id=7","title":{"rendered":"home"},"content":{"rendered":"\n<section class=\"teach-hero-single\">\n  <div class=\"teach-hero-single__container\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"teach-hero-single__content\">\n\n      <span class=\"teach-hero-single__eyebrow\">\n        Lorem Ipsum Dolor\n      <\/span>\n\n      <h1 class=\"teach-hero-single__title\">\n        Lorem ipsum dolor<br class=\"teach-hero-single__desktop-break\">\n        sit amet consectetur<br class=\"teach-hero-single__desktop-break\">\n        adipiscing elit\n      <\/h1>\n\n      <p class=\"teach-hero-single__description\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n      <\/p>\n\n      <p class=\"teach-hero-single__secondary\">\n        Ut enim ad minim veniam, quis nostrud\n        <a href=\"#\">exercitation ullamco<\/a>\n        laboris nisi ut aliquip ex ea commodo consequat.\n      <\/p>\n\n      <div class=\"teach-hero-single__actions\">\n        <a href=\"#\" class=\"teach-hero-single__button teach-hero-single__button--primary\">\n          Lorem Ipsum\n        <\/a>\n\n        <a href=\"#\" class=\"teach-hero-single__button teach-hero-single__button--secondary\">\n          Dolor Sit Amet\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT IMAGE -->\n    <div class=\"teach-hero-single__media\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/arabic-scaled.jpg\" alt=\"Lorem ipsum dolor sit amet\" loading=\"eager\" fetchpriority=\"high\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ======================================\n   HERO SECTION\n   ====================================== *\/\n\n.teach-hero-single,\n.teach-hero-single * {\n  box-sizing: border-box;\n}\n\n.teach-hero-single {\n  width: 100%;\n  background: #f4f6f8;\n  padding: 90px 24px;\n  font-family: inherit;\n}\n\n.teach-hero-single__container {\n  width: 100%;\n  max-width: 1250px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);\n  align-items: center;\n  gap: 60px;\n}\n\n\/* LEFT CONTENT *\/\n\n.teach-hero-single__content {\n  min-width: 0;\n}\n\n.teach-hero-single__eyebrow {\n  display: inline-block;\n  margin-bottom: 18px;\n  padding: 4px 10px;\n  background: #d7f0f5;\n  color: #12546a;\n  border-radius: 4px;\n  font-size: 13px;\n  line-height: 1.2;\n}\n\n.teach-hero-single__title {\n  margin: 0 0 22px;\n  color: #0d1730;\n  font-size: clamp(38px, 4vw, 62px);\n  line-height: 0.98;\n  letter-spacing: -2px;\n}\n\n.teach-hero-single__description,\n.teach-hero-single__secondary {\n  margin: 0;\n  color: #52627a;\n  font-size: 18px;\n  line-height: 1.55;\n}\n\n.teach-hero-single__description {\n  margin-bottom: 18px;\n}\n\n.teach-hero-single__secondary {\n  margin-bottom: 28px;\n}\n\n.teach-hero-single__secondary a {\n  color: #198a7b;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.teach-hero-single__secondary a:hover {\n  color: #14695f;\n}\n\n\/* BUTTONS *\/\n\n.teach-hero-single__actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.teach-hero-single__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 50px;\n  padding: 12px 20px;\n  border-radius: 8px;\n  font-size: 16px;\n  line-height: 1.2;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.teach-hero-single__button--primary {\n  background: #248679;\n  color: #fff !important;\n  border: 1px solid #248679;\n}\n\n.teach-hero-single__button--primary:hover {\n  background: #1b6f64;\n  border-color: #1b6f64;\n}\n\n.teach-hero-single__button--secondary {\n  background: #fff;\n  color: #101828 !important;\n  border: 1px solid #d0d5dd;\n}\n\n.teach-hero-single__button--secondary:hover {\n  background: #f8fafb;\n  border-color: #b8c0cc;\n}\n\n\/* RIGHT IMAGE *\/\n\n.teach-hero-single__media {\n  position: relative;\n  width: 100%;\n  height: 580px;\n  min-height: 0;\n  overflow: hidden;\n  border-radius: 16px;\n  background: #e7eaee;\n}\n\n.teach-hero-single__media img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1100px) {\n  .teach-hero-single {\n    padding: 75px 24px;\n  }\n\n  .teach-hero-single__container {\n    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n    gap: 36px;\n  }\n\n  .teach-hero-single__title {\n    font-size: clamp(34px, 4vw, 50px);\n    letter-spacing: -1.4px;\n  }\n\n  .teach-hero-single__description,\n  .teach-hero-single__secondary {\n    font-size: 17px;\n  }\n\n  .teach-hero-single__media {\n    height: 480px;\n  }\n\n  .teach-hero-single__desktop-break {\n    display: none;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  .teach-hero-single {\n    padding: 65px 20px;\n  }\n\n  .teach-hero-single__container {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .teach-hero-single__title {\n    font-size: clamp(34px, 9vw, 44px);\n    line-height: 1.02;\n    letter-spacing: -1.2px;\n    margin-bottom: 18px;\n  }\n\n  .teach-hero-single__description,\n  .teach-hero-single__secondary {\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  .teach-hero-single__secondary {\n    margin-bottom: 22px;\n  }\n\n  .teach-hero-single__media {\n    height: 380px;\n    border-radius: 12px;\n  }\n\n  .teach-hero-single__button {\n    font-size: 14px;\n    min-height: 46px;\n    padding: 11px 16px;\n  }\n}\n\n\/* SMALL MOBILE *\/\n\n@media (max-width: 380px) {\n  .teach-hero-single__actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .teach-hero-single__button {\n    width: 100%;\n  }\n\n  .teach-hero-single__media {\n    height: 320px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Lorem Ipsum Dolor Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem Ipsum Dolor Sit Amet<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creativecr.nl\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativecr.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativecr.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativecr.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativecr.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/creativecr.nl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/creativecr.nl\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/creativecr.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}