{"id":2,"date":"2026-09-12T18:11:32","date_gmt":"2026-09-12T18:11:32","guid":{"rendered":"http:\/\/fjordklar.dk\/?page_id=2"},"modified":"2026-09-12T18:32:45","modified_gmt":"2026-09-12T18:32:45","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/fjordklar.dk\/","title":{"rendered":"Forside"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-default is-layout-flow wp-container-core-group-is-layout-d3f1b87a wp-block-group-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-bottom:0\">\n<style data-wp-block-html=\"css\">\n\/* Fjern WordPress' globale afstand mellem header og hovedindhold *\/\nbody.home .wp-site-blocks > header + main,\nbody.home .wp-site-blocks > main,\nbody.home header + main,\nbody.home #page > main,\nbody.home #content,\nbody.home #primary {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\/* Fjern layout-gap fra WordPress' bloksystem *\/\nbody.home .wp-site-blocks,\nbody.home main.is-layout-flow,\nbody.home main.is-layout-constrained,\nbody.home .wp-block-post-content,\nbody.home .entry-content {\n  gap: 0 !important;\n  row-gap: 0 !important;\n}\n\n\/* Fjern margin p\u00e5 heroen og dens f\u00f8rste WordPress-blok *\/\nbody.home .wp-block-post-content > *:first-child,\nbody.home .entry-content > *:first-child,\nbody.home .fjord-hero {\n  margin-top: 0 !important;\n  margin-block-start: 0 !important;\n}\n\n\/* Fjern sidetitel og dens resterende afstand *\/\nbody.home .wp-block-post-title,\nbody.home .entry-title,\nbody.home .page-title,\nbody.home .page-header,\nbody.home .entry-header {\n  display: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* WordPress tilf\u00f8jer ofte denne regel automatisk *\/\nbody.home .is-layout-flow > * + *,\nbody.home .is-layout-constrained > * + * {\n  margin-block-start: 0 !important;\n}\n<\/style>\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap\");\n\n  :root {\n    --fjord-blue: #0868e8;\n    --fjord-blue-dark: #0755bb;\n    --fjord-black: #151a20;\n    --fjord-grey: #5f6873;\n    --fjord-light: #f4f7fa;\n    --fjord-white: #ffffff;\n    --fjord-width: 1220px;\n  }\n\n  .fjord-hero,\n  .fjord-hero * {\n    box-sizing: border-box;\n  }\n\n  .fjord-hero {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    min-height: 660px;\n    color: var(--fjord-black);\n    background: var(--fjord-light);\n    font-family: \"Inter\", Arial, sans-serif;\n  }\n\n  .fjord-hero a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .fjord-hero::before {\n    position: absolute;\n    z-index: -2;\n    content: \"\";\n    inset: 0 0 0 51%;\n    background:\n      linear-gradient(\n        90deg,\n        var(--fjord-light) 0%,\n        rgba(244, 247, 250, 0.12) 24%,\n        rgba(10, 18, 28, 0.08) 100%\n      ),\n      url(\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=88\")\n        center \/ cover no-repeat;\n  }\n\n  .fjord-hero::after {\n    position: absolute;\n    z-index: -1;\n    content: \"\";\n    top: 0;\n    bottom: 0;\n    left: 47.5%;\n    width: 85px;\n    background: var(--fjord-blue);\n    clip-path: polygon(68% 0, 100% 0, 32% 100%, 0 100%);\n    opacity: 0.95;\n  }\n\n  .fjord-hero-inner {\n    width: min(var(--fjord-width), calc(100% - 48px));\n    min-height: 660px;\n    margin-inline: auto;\n    display: grid;\n    grid-template-columns: minmax(0, 54%) minmax(0, 46%);\n    align-items: center;\n  }\n\n  .fjord-hero-copy {\n    max-width: 650px;\n    padding: 76px 58px 72px 0;\n  }\n\n  .fjord-hero-eyebrow {\n    margin: 0 0 21px;\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    color: var(--fjord-blue);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .fjord-hero-eyebrow::before {\n    content: \"\";\n    width: 29px;\n    height: 3px;\n    flex: 0 0 29px;\n    background: var(--fjord-blue);\n  }\n\n  .fjord-hero-title {\n    max-width: 625px;\n    margin: 0;\n    color: var(--fjord-black);\n    font-family: \"Barlow Condensed\", Arial, sans-serif;\n    font-size: clamp(56px, 5.25vw, 78px);\n    font-weight: 800;\n    line-height: 0.93;\n    letter-spacing: -0.025em;\n    text-transform: uppercase;\n  }\n\n  .fjord-hero-title span {\n    color: var(--fjord-blue);\n  }\n\n  .fjord-hero-description {\n    max-width: 585px;\n    margin: 25px 0 0;\n    color: var(--fjord-grey);\n    font-size: 17px;\n    line-height: 1.72;\n  }\n\n  .fjord-hero-actions {\n    margin-top: 31px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 13px;\n  }\n\n  .fjord-hero-button {\n    min-height: 56px;\n    padding: 0 25px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    border: 2px solid var(--fjord-blue);\n    font-size: 13px;\n    font-weight: 800;\n    transition:\n      color 180ms ease,\n      background 180ms ease,\n      border-color 180ms ease,\n      transform 180ms ease;\n  }\n\n  .fjord-hero-button:hover {\n    transform: translateY(-2px);\n  }\n\n  .fjord-hero-button-primary {\n    color: var(--fjord-white) !important;\n    background: var(--fjord-blue);\n    box-shadow: 0 12px 28px rgba(8, 104, 232, 0.22);\n  }\n\n  .fjord-hero-button-primary:hover {\n    background: var(--fjord-blue-dark);\n    border-color: var(--fjord-blue-dark);\n  }\n\n  .fjord-hero-button-secondary {\n    color: var(--fjord-black) !important;\n    border-color: #ccd3db;\n    background: var(--fjord-white);\n  }\n\n  .fjord-hero-button-secondary:hover {\n    color: var(--fjord-blue) !important;\n    border-color: var(--fjord-blue);\n  }\n\n  .fjord-hero-arrow {\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .fjord-hero-benefits {\n    margin: 28px 0 0;\n    padding: 0;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 21px;\n    color: #3f4852;\n    font-size: 12px;\n    font-weight: 700;\n    list-style: none;\n  }\n\n  .fjord-hero-benefits li {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .fjord-hero-check {\n    width: 19px;\n    height: 19px;\n    display: inline-grid;\n    place-items: center;\n    flex: 0 0 19px;\n    border-radius: 50%;\n    color: var(--fjord-white);\n    background: var(--fjord-blue);\n    font-size: 11px;\n  }\n\n  .fjord-hero-area {\n    align-self: end;\n    justify-self: end;\n    width: min(345px, 90%);\n    margin: 0 0 35px;\n    padding: 24px 26px;\n    color: var(--fjord-white);\n    background: rgba(21, 26, 32, 0.94);\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.24);\n    backdrop-filter: blur(8px);\n  }\n\n  .fjord-hero-area small {\n    display: block;\n    margin-bottom: 12px;\n    color: #67aaff;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .fjord-hero-area strong {\n    display: block;\n    font-family: \"Barlow Condensed\", Arial, sans-serif;\n    font-size: 28px;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .fjord-hero-area p {\n    margin: 11px 0 0;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 1050px) {\n    .fjord-hero-title {\n      font-size: clamp(53px, 6.5vw, 70px);\n    }\n  }\n\n  @media (max-width: 790px) {\n    .fjord-hero {\n      min-height: auto;\n    }\n\n    .fjord-hero::before {\n      inset: 0;\n      opacity: 0.24;\n    }\n\n    .fjord-hero::after {\n      right: 5%;\n      left: auto;\n      opacity: 0.8;\n    }\n\n    .fjord-hero-inner {\n      width: min(calc(100% - 32px), var(--fjord-width));\n      min-height: 650px;\n      grid-template-columns: 1fr;\n    }\n\n    .fjord-hero-copy {\n      max-width: 660px;\n      padding: 78px 0 185px;\n    }\n\n    .fjord-hero-description {\n      color: #46515e;\n    }\n\n    .fjord-hero-area {\n      position: absolute;\n      right: 16px;\n      bottom: 18px;\n      left: 16px;\n      width: auto;\n      margin: 0;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .fjord-hero-inner {\n      min-height: 700px;\n    }\n\n    .fjord-hero-copy {\n      padding: 58px 0 205px;\n    }\n\n    .fjord-hero-title {\n      font-size: clamp(46px, 14vw, 60px);\n    }\n\n    .fjord-hero-description {\n      margin-top: 20px;\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .fjord-hero-actions {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .fjord-hero-button {\n      width: 100%;\n    }\n\n    .fjord-hero-benefits {\n      gap: 12px;\n    }\n\n    .fjord-hero-area strong {\n      font-size: 24px;\n    }\n  }\n<\/style>\n\n<section class=\"fjord-hero\" aria-labelledby=\"fjord-hero-title\">\n  <div class=\"fjord-hero-inner\">\n\n    <div class=\"fjord-hero-copy\">\n      <p class=\"fjord-hero-eyebrow\">\n        Ejendomsservice i Aalborg og Nordjylland\n      <\/p>\n\n      <h1 class=\"fjord-hero-title\" id=\"fjord-hero-title\">\n        Vi holder din ejendom <span>fjordklar<\/span>\n      <\/h1>\n\n      <p class=\"fjord-hero-description\">\n        Professionel hj\u00e6lp til fliserens, algebehandling,\n        terrasserens, havearbejde og l\u00f8bende ejendomsservice\n        \u2013 udf\u00f8rt ordentligt, hver gang.\n      <\/p>\n\n      <div class=\"fjord-hero-actions\">\n        <a class=\"fjord-hero-button fjord-hero-button-primary\" href=\"#kontakt\">\n          F\u00e5 et gratis tilbud\n          <span class=\"fjord-hero-arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n        <a class=\"fjord-hero-button fjord-hero-button-secondary\" href=\"tel:+4550505050\">\n          Ring 50 50 50 50\n        <\/a>\n      <\/div>\n\n      <ul class=\"fjord-hero-benefits\" aria-label=\"Fordele ved Fjordklar\">\n        <li>\n          <span class=\"fjord-hero-check\" aria-hidden=\"true\">\u2713<\/span>\n          Gratis tilbud\n        <\/li>\n\n        <li>\n          <span class=\"fjord-hero-check\" aria-hidden=\"true\">\u2713<\/span>\n          Lokalt i Nordjylland\n        <\/li>\n\n        <li>\n          <span class=\"fjord-hero-check\" aria-hidden=\"true\">\u2713<\/span>\n          Privat og erhverv\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <aside class=\"fjord-hero-area\" aria-label=\"Fjordklars arbejdsomr\u00e5de\">\n      <small>Aalborg og cirka 30 km omkring<\/small>\n\n      <strong>\n        Vi kommer, n\u00e5r du har brug for os\n      <\/strong>\n\n      <p>\n        Fra Aalborg og N\u00f8rresundby til Svenstrup, St\u00f8vring,\n        Vodskov og resten af n\u00e6romr\u00e5det.\n      <\/p>\n    <\/aside>\n\n  <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ejendomsservice i Aalborg og Nordjylland Vi holder din ejendom fjordklar Professionel hj\u00e6lp til fliserens, algebehandling, terrasserens, havearbejde og l\u00f8bende ejendomsservice \u2013 udf\u00f8rt ordentligt, hver gang. F\u00e5 et gratis tilbud \u2192 Ring 50 50 50 50 \u2713 Gratis tilbud \u2713 Lokalt i Nordjylland \u2713 Privat og erhverv Aalborg og cirka 30 km omkring Vi kommer, n\u00e5r [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":-1,"comment_status":"closed","ping_status":"open","template":"forside","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":7,"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/fjordklar.dk\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}