{"id":50,"date":"2025-09-22T14:00:57","date_gmt":"2025-09-22T14:00:57","guid":{"rendered":"https:\/\/park-app.imaginecreativeagency.nl\/?page_id=50"},"modified":"2025-10-02T11:26:27","modified_gmt":"2025-10-02T11:26:27","slug":"home","status":"publish","type":"page","link":"https:\/\/park-app.imaginecreativeagency.nl\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"lazyblock-fototitel-1pSUpC wp-block-lazyblock-fototitel\"><div class=\"photoTitle\">\n  <div class=\"titleContainer tcva-center \">\n    <span class=\"subTitle\">Wat ga jij vandaag<\/span>\n    <span class=\"title\" >Ontdekken<\/span>\n  <\/div>\n  <div class=\"fadeTransition bottom\"><\/div>\n<\/div>\n<style>\n\/*.wp-block-lazyblock-fototitel {*\/\n\/*\tbackground-color: #f9f9f9;*\/\n\/*\tpadding: 20px;*\/\n\/*}*\/\n\n.photoTitle {\n  background-image: url(\"https:\/\/park-app.imaginecreativeagency.nl\/wp-content\/uploads\/2025\/09\/walk.jpg\");\n  background-size: cover;\n  background-position: center;\n  height: 50vh;\n  width: 100%;\n  background-repeat: no-repeat;\n  position: relative;\n}\n\n.titleContainer {\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.tcva-center {\n  text-align: center;\n  justify-content: center;\n}\n\n.tcva-bottom {\n  \/* Since the flex-direction of titleContainer is set to column, flex-end stands for the bottom\n  border of the container (and not the right border.*\/\n  justify-content: flex-end;\n}\n\n\/*.tcva-bottom .subtitle, .title {*\/\n\/*  color: var(--wp--preset--color--pat-text-alternative);*\/\n\/*}*\/\n\n\/*Lies above the titleContainer and titleContainer*\/\n.fadeTransition {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 33%;\n  z-index: 1;\n}\n\n.fadeTransition.top{\n  top:-1px;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--wp--preset--color--pat-default) 100%);  \n}\n\n.fadeTransition.bottom{\n  bottom:-1px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--wp--preset--color--pat-default) 100%);  \n}\n\n.title {\n  color: var(--wp--preset--color--pat-text-alternative);\n  font-weight: bold;\n  font-size: 3.5rem;\n  z-index: 4;\n}\n\n.subTitle {\n  color: var(--wp--preset--color--pat-text-alternative);\n  font-size: 1.5rem;\n}\n\n<\/style><\/div>\n\n<div class=\"lazyblock-carousel-Z1h6psb wp-block-lazyblock-carousel\"><div class=\"carouselContainer\">\n      <div class=\"fadeTransition top\"><\/div>\n  <div id=\"carouselExampleCaptions\" class=\"carousel slide\"  data-bs-ride=\"carousel\" >\n  <!-- Carousel indicators, below the carousel -->\n  <div class=\"carousel-indicators\">\n    <!--class=\"active\" aria-current=\"true\"-->\n    <button type=\"button\" data-bs-target=\"#carouselExampleCaptions\" \n      data-bs-slide-to=\"0\" \n      aria-label=\"Slide 0\"\n       class=\"active\" aria-current=\"true\"\n      >\n    <\/button>\n    <!--class=\"active\" aria-current=\"true\"-->\n    <button type=\"button\" data-bs-target=\"#carouselExampleCaptions\" \n      data-bs-slide-to=\"1\" \n      aria-label=\"Slide 1\"\n      \n      >\n    <\/button>\n    <!--class=\"active\" aria-current=\"true\"-->\n    <button type=\"button\" data-bs-target=\"#carouselExampleCaptions\" \n      data-bs-slide-to=\"2\" \n      aria-label=\"Slide 2\"\n      \n      >\n    <\/button>\n  <\/div>\n  <div class=\"carousel-inner\">\n      \n      \n      <div \n      class=\"carousel-item active\" \n  \n      \n      data-bs-interval=\"5000\"\n      \n      >\n        <!-- If the item has an URL destination, we need to encapsulate the entire content\n        of the carousel item as the 'anchor text'. -->\n        <img decoding=\"async\" src=\"https:\/\/park-app.imaginecreativeagency.nl\/wp-content\/uploads\/2025\/09\/resort.jpg\" class=\"d-block\" alt=\"\">\n        <!-- Handlebars does not support logic AND by default, \n        so that's why the two seperate if statements. -->\n        <!-- End the anchor-tag here, if the item has an URL destination -->\n        \n      <\/div>\n      \n      \n      <div \n      class=\"carousel-item \" \n  \n      \n      data-bs-interval=\"5000\"\n      \n      >\n        <!-- If the item has an URL destination, we need to encapsulate the entire content\n        of the carousel item as the 'anchor text'. -->\n        <img decoding=\"async\" src=\"https:\/\/park-app.imaginecreativeagency.nl\/wp-content\/uploads\/2025\/09\/waterslide.jpg\" class=\"d-block\" alt=\"\">\n        <!-- Handlebars does not support logic AND by default, \n        so that's why the two seperate if statements. -->\n        <!-- End the anchor-tag here, if the item has an URL destination -->\n        \n      <\/div>\n      \n      \n      <div \n      class=\"carousel-item \" \n  \n      \n      data-bs-interval=\"5000\"\n      \n      >\n        <!-- If the item has an URL destination, we need to encapsulate the entire content\n        of the carousel item as the 'anchor text'. -->\n        <img decoding=\"async\" src=\"https:\/\/park-app.imaginecreativeagency.nl\/wp-content\/uploads\/2025\/09\/picnic.jpg\" class=\"d-block\" alt=\"\">\n        <!-- Handlebars does not support logic AND by default, \n        so that's why the two seperate if statements. -->\n        <!-- End the anchor-tag here, if the item has an URL destination -->\n        \n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<style>\n\/*.wp-block-lazyblock-carousel {*\/\n\/*\tbackground-color: var(--wp--preset--color--pat-default);*\/\n\/*}*\/\n\n.carouselContainer{\n  position: relative;\n}\n\n.carousel {\n  min-height: 20rem;\n}\n\n.carousel-caption h5 {\n  color: var(--wp--preset--color--pat-text-alternative);\n}\n.carousel-caption p {\n  color: var(--wp--preset--color--pat-text-alternative);\n}\n.carousel-item {\n  aspect-ratio: 1\/1;\n  \n    min-height: 50vh;\n}\n\n.carousel-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fadeTransition {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 33%;\n  z-index: 1;\n}\n\n.fadeTransition.top{\n  top:-1px;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--wp--preset--color--pat-default) 100%);  \n}\n\n.fadeTransition.bottom{\n  bottom:-1px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--wp--preset--color--pat-default) 100%);  \n}\n\n\n<\/style><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":8,"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/park-app.imaginecreativeagency.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}