{"id":17,"date":"2026-08-17T16:22:58","date_gmt":"2026-08-17T14:22:58","guid":{"rendered":"https:\/\/ggrotan.no\/?page_id=17"},"modified":"2026-08-17T16:30:14","modified_gmt":"2026-08-17T14:30:14","slug":"kommersnart","status":"publish","type":"page","link":"https:\/\/ggrotan.no\/","title":{"rendered":"kommersnart"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml,\nbody {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: Arial, Helvetica, sans-serif;\n  background: #0c0c0c;\n  color: #ffffff;\n\n  overflow-x: hidden;\n}\n\n\/* HELE SIDEN *\/\n\n.page {\n  width: 100%;\n  min-height: 100vh;\n\n  display: flex;\n  flex-direction: column;\n\n  background:\n    radial-gradient(\n      circle at top,\n      rgba(255,255,255,0.08),\n      transparent 35%\n    ),\n    linear-gradient(\n      145deg,\n      #090909,\n      #171717 55%,\n      #0a0a0a\n    );\n}\n\n\n\/* HEADER *\/\n\nheader {\n  width: 100%;\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  padding: 18px 26px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.mini-brand {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  letter-spacing: 1px;\n}\n\n.mini-dot {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: #66e891;\n\n  box-shadow:\n    0 0 12px rgba(102,232,145,.8);\n}\n\n.header-status {\n  font-size: 12px;\n\n  color:\n    rgba(255,255,255,.45);\n}\n\n\n\/* MAIN *\/\n\nmain {\n  flex: 1;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 20px 20px 40px;\n}\n\n.hero {\n  width: 100%;\n  max-width: 850px;\n\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\n\/* LOGO *\/\n\n.logo-wrap {\n  width: 300px;\n\n  max-width: 72vw;\n\n  margin:\n    0 auto 16px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.logo {\n  display: block !important;\n\n  width: 100% !important;\n  height: auto !important;\n\n  max-width: 300px !important;\n  max-height: 300px !important;\n\n  margin: 0 auto;\n\n  object-fit: contain;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n  filter:\n    drop-shadow(\n      0 16px 30px rgba(0,0,0,.5)\n    );\n}\n\n\n\/* LITEN STATUS *\/\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-bottom: 16px;\n\n  padding:\n    8px 14px;\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  border-radius: 100px;\n\n  background:\n    rgba(255,255,255,.05);\n\n  font-size: 12px;\n\n  color:\n    rgba(255,255,255,.7);\n}\n\n.eyebrow span {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #66e891;\n\n  box-shadow:\n    0 0 12px rgba(102,232,145,.8);\n}\n\n\n\/* OVERSKRIFT *\/\n\nh1 {\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(\n      36px,\n      5vw,\n      62px\n    );\n\n  line-height: 1;\n\n  font-weight: 500;\n\n  letter-spacing: -2px;\n\n  margin-bottom: 16px;\n}\n\nh1 em {\n  font-weight: 400;\n\n  color:\n    rgba(255,255,255,.6);\n}\n\n\n\/* BESKRIVELSE *\/\n\n.intro {\n  max-width: 580px;\n\n  margin: 0 auto;\n\n  font-size: 16px;\n\n  line-height: 1.6;\n\n  color:\n    rgba(255,255,255,.62);\n}\n\n\n\/* STATUSBOKS *\/\n\n.status-box {\n  margin-top: 22px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding:\n    9px 15px;\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  border-radius: 100px;\n\n  background:\n    rgba(255,255,255,.05);\n\n  font-size: 12px;\n\n  color:\n    rgba(255,255,255,.6);\n}\n\n.status-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #66e891;\n\n  box-shadow:\n    0 0 12px rgba(102,232,145,.8);\n}\n\n\n\/* FOOTER *\/\n\nfooter {\n  width: 100%;\n\n  padding:\n    15px 24px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n\n  display: flex;\n  justify-content: space-between;\n  gap: 15px;\n\n  font-size: 12px;\n\n  color:\n    rgba(255,255,255,.38);\n}\n\nfooter a {\n  color:\n    rgba(255,255,255,.72);\n\n  text-decoration: none;\n\n  font-weight: 700;\n}\n\nfooter a:hover {\n  color: #ffffff;\n}\n\n\n\/* MOBIL *\/\n\n@media (max-width: 600px) {\n\n  .page {\n    min-height: 100svh;\n  }\n\n  header {\n    padding:\n      14px 16px;\n  }\n\n  .header-status {\n    display: none;\n  }\n\n  main {\n    padding:\n      15px 16px 30px;\n  }\n\n  .hero {\n    width: 100%;\n  }\n\n  .logo-wrap {\n    width: 230px;\n\n    max-width: 78vw;\n\n    margin-bottom: 14px;\n  }\n\n  .logo {\n    width: 100% !important;\n\n    max-width: 230px !important;\n    max-height: 230px !important;\n\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  .eyebrow {\n    margin-bottom: 14px;\n\n    font-size: 11px;\n  }\n\n  h1 {\n    font-size: 36px;\n\n    line-height: 1.02;\n\n    letter-spacing: -1px;\n  }\n\n  .intro {\n    max-width: 340px;\n\n    font-size: 14px;\n\n    line-height: 1.5;\n  }\n\n  .status-box {\n    margin-top: 18px;\n  }\n\n  footer {\n    padding:\n      14px 16px;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    gap: 5px;\n\n    text-align: center;\n  }\n}\n\n\n\/* EKSTRA SM\u00c5 MOBILER *\/\n\n@media (max-width: 380px) {\n\n  .logo-wrap {\n    width: 190px;\n  }\n\n  .logo {\n    max-width: 190px !important;\n    max-height: 190px !important;\n  }\n\n  h1 {\n    font-size: 31px;\n  }\n\n  .intro {\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nconst yearElement = document.getElementById(\"year\");\n\nif (yearElement) {\n  yearElement.textContent = new Date().getFullYear();\n}\n<\/script>\n\n<div class=\"page\">\n\n  <header>\n    <div class=\"mini-brand\">\n      <span class=\"mini-dot\"><\/span>\n      GGROTAN.NO\n    <\/div>\n\n    <div class=\"header-status\">\n      Ny nettbutikk under utvikling\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"hero\">\n\n      <div class=\"logo-wrap\">\n        <img decoding=\"async\"\n          class=\"logo\"\n          src=\"https:\/\/ggrotan.no\/wp-content\/uploads\/2026\/08\/grotan-logo-trans.png\"\n          alt=\"GGROTAN.NO logo\"\n        >\n      <\/div>\n\n      <div class=\"eyebrow\">\n        <span><\/span>\n        Vi bygger akkurat n\u00e5\n      <\/div>\n\n      <h1>\n        Nettbutikken <em>kommer snart.<\/em>\n      <\/h1>\n\n      <p class=\"intro\">\n        GGROTAN.NO er under utvikling.\n        Vi gj\u00f8r klar nettbutikken og de f\u00f8rste produktene.\n      <\/p>\n\n      <div class=\"status-box\">\n        <span class=\"status-dot\"><\/span>\n        Nettsiden er under utvikling\n      <\/div>\n\n    <\/section>\n  <\/main>\n\n  <footer>\n    <div>\n      \u00a9 <span id=\"year\"><\/span> GGROTAN.NO\n    <\/div>\n\n    <div>\n      Utvikles av\n      <a\n        href=\"https:\/\/elitecloud.no\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        EliteCloud\n      <\/a>\n    <\/div>\n  <\/footer>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>GGROTAN.NO Ny nettbutikk under utvikling Vi bygger akkurat n\u00e5 Nettbutikken kommer snart. GGROTAN.NO er under utvikling. Vi gj\u00f8r klar nettbutikken og de f\u00f8rste produktene. Nettsiden er under utvikling \u00a9 GGROTAN.NO Utvikles av EliteCloud<\/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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ggrotan.no\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ggrotan.no\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ggrotan.no\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ggrotan.no\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ggrotan.no\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":3,"href":"https:\/\/ggrotan.no\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/ggrotan.no\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/ggrotan.no\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}