{"id":16,"date":"2025-03-10T22:47:09","date_gmt":"2025-03-10T22:47:09","guid":{"rendered":"https:\/\/www.smdigital.dk\/?page_id=16"},"modified":"2026-07-15T11:58:45","modified_gmt":"2026-07-15T11:58:45","slug":"forside","status":"publish","type":"page","link":"https:\/\/www.smdigital.dk\/","title":{"rendered":"Forside"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3c40a e-con-full e-flex e-con e-parent\" data-id=\"5d3c40a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6ff221 elementor-widget elementor-widget-html\" data-id=\"d6ff221\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"smd-hero-cases\" id=\"hero-cases\">\r\n  <div class=\"smd-hero-cases__wrap\">\r\n    <div class=\"smd-hero-cases__hero\">\r\n      <div class=\"smd-hero-cases__content\">\r\n        <h1>Hjemmesider der ser skarpe ud og skaber flere henvendelser<\/h1>\r\n\r\n        <p>\r\n          SM Digital designer og udvikler moderne hjemmesider til virksomheder, der vil st\u00e5 st\u00e6rkere online.\r\n          Vi har s\u00e6rlig erfaring med servicevirksomheder som h\u00e5ndv\u00e6rkere, vvs, elektrikere og entrepren\u00f8rer.\r\n        <\/p>\r\n\r\n        <div class=\"smd-hero-cases__actions\">\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/beregn-din-pris-pa-ny-hjemmeside\/\" class=\"smd-hero-cases__btn smd-hero-cases__btn--primary\">F\u00e5 en pris p\u00e5 hjemmeside<\/a>\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-cases__btn smd-hero-cases__btn--ghost\">Se cases<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smd-hero-cases__media\">\r\n        <img fetchpriority=\"high\" decoding=\"async\"\r\n          src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/DSC7892-1024x683-1.jpg\"\r\n          alt=\"SM Digital\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n          width=\"1200\"\r\n          height=\"900\"\r\n        \/>\r\n\r\n        <div class=\"smd-hero-cases__quote\">\r\n          <p>\u201cEt utroligt professionelt arbejde fra start til slut. Dialogen var god hele vejen igennem.\u201d<\/p>\r\n          <span>\u2014 Nawid, NH VVS ApS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"smd-hero-cases__cases\" id=\"cases\">\r\n      <div class=\"smd-hero-cases__cases-top\">\r\n        <div class=\"smd-hero-cases__head\">\r\n          <h2>Cases vi har arbejdet p\u00e5<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"smd-hero-cases__nav\" aria-label=\"Case navigation\">\r\n          <button class=\"smd-hero-cases__arrow smd-hero-cases__arrow--prev\" type=\"button\" aria-label=\"Forrige cases\">\r\n            <span>&larr;<\/span>\r\n          <\/button>\r\n          <button class=\"smd-hero-cases__arrow smd-hero-cases__arrow--next\" type=\"button\" aria-label=\"N\u00e6ste cases\">\r\n            <span>&rarr;<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smd-hero-cases__track-wrap\">\r\n        <div class=\"smd-hero-cases__track\">\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-case-tile\">\r\n            <div class=\"smd-hero-case-tile__media\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Rigulvafslibning-aps.png\" alt=\"Ri Gulvafslibning ApS\" loading=\"lazy\" width=\"1200\" height=\"800\">\r\n            <\/div>\r\n            <div class=\"smd-hero-case-tile__body\">\r\n              <strong>Ri Gulvafslibning ApS<\/strong>\r\n              <span>Webdesign \u00b7 SEO \u00b7 Performance<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-case-tile\">\r\n            <div class=\"smd-hero-case-tile__media\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/DSC7892-1024x683-1.jpg\" alt=\"NH VVS ApS\" loading=\"lazy\" width=\"1200\" height=\"800\">\r\n            <\/div>\r\n            <div class=\"smd-hero-case-tile__body\">\r\n              <strong>NH VVS ApS<\/strong>\r\n              <span>WordPress \u00b7 Konvertering<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-case-tile\">\r\n            <div class=\"smd-hero-case-tile__media\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/amarkens.png\" alt=\"\u00c5markens K\u00f8reskole\" loading=\"lazy\" width=\"1200\" height=\"800\">\r\n            <\/div>\r\n            <div class=\"smd-hero-case-tile__body\">\r\n              <strong>\u00c5markens K\u00f8reskole<\/strong>\r\n              <span>SEO \u00b7 Struktur \u00b7 Hastighed<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-case-tile\">\r\n            <div class=\"smd-hero-case-tile__media\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/amal-impact.png\" alt=\"Amal Impact\" loading=\"lazy\" width=\"1200\" height=\"800\">\r\n            <\/div>\r\n            <div class=\"smd-hero-case-tile__body\">\r\n              <strong>Amal Impact<\/strong>\r\n              <span>Hjemmeside \u00b7 Leads \u00b7 Branding<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-case-tile\">\r\n            <div class=\"smd-hero-case-tile__media\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/houseofsteel.png\" alt=\"House Of Steel ApS\" loading=\"lazy\" width=\"1200\" height=\"800\">\r\n            <\/div>\r\n            <div class=\"smd-hero-case-tile__body\">\r\n              <strong>House Of Steel ApS<\/strong>\r\n              <span>SEO \u00b7 Lokal synlighed<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/hjemmesider\/\" class=\"smd-hero-case-tile\">\r\n            <div class=\"smd-hero-case-tile__media\">\r\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/hk-elservice.png\" alt=\"HK Elservice ApS\" loading=\"lazy\" width=\"1200\" height=\"800\">\r\n            <\/div>\r\n            <div class=\"smd-hero-case-tile__body\">\r\n              <strong>HK Elservice ApS<\/strong>\r\n              <span>Design \u00b7 UX \u00b7 Performance<\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smd-hero-cases__bottom\">\r\n        <a href=\"https:\/\/www.smdigital.dk\/index.php\/kontakt\/\" class=\"smd-hero-cases__bottom-link\">Start en dialog<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .smd-hero-cases,\r\n  .smd-hero-cases * {\r\n    box-sizing: border-box;\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n  }\r\n\r\n  .smd-hero-cases {\r\n    --smd-navy: #081b44;\r\n    --smd-text: #081b44;\r\n    --smd-black: #111111;\r\n    --smd-white: #ffffff;\r\n    --smd-border: rgba(17,17,17,0.08);\r\n    padding: 26px 20px 24px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .smd-hero-cases__wrap {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 30px rgba(17,17,17,0.05);\r\n  }\r\n\r\n  .smd-hero-cases__hero {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);\r\n    min-height: 470px;\r\n  }\r\n\r\n  .smd-hero-cases__content {\r\n    padding: 42px 54px;\r\n    background: var(--smd-navy);\r\n    color: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .smd-hero-cases__content h1 {\r\n    margin: 0 0 14px;\r\n    color: #ffffff;\r\n    font-size: clamp(34px, 4.4vw, 48px);\r\n    line-height: 0.95;\r\n    font-weight: 400;\r\n    letter-spacing: -0.045em;\r\n    max-width: 25ch;\r\n  }\r\n\r\n  .smd-hero-cases__content p {\r\n    margin: 0 0 16px;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    line-height: 1.58;\r\n    font-weight: 300;\r\n    max-width: 58ch;\r\n  }\r\n\r\n  .smd-hero-cases__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .smd-hero-cases__btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 0 18px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    transition: 0.22s ease;\r\n  }\r\n\r\n  .smd-hero-cases__btn--primary {\r\n    background: #ffffff;\r\n    color: var(--smd-navy) !important;\r\n    font-weight: 400;\r\n    box-shadow: 0 8px 18px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  .smd-hero-cases__btn--primary:hover {\r\n    background: #f3f7fb;\r\n    color: var(--smd-navy) !important;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .smd-hero-cases__btn--ghost {\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n    color: #ffffff !important;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-hero-cases__btn--ghost:hover {\r\n    background: rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .smd-hero-cases__media {\r\n    position: relative;\r\n    min-height: 100%;\r\n    background: #d7e0e7;\r\n  }\r\n\r\n  .smd-hero-cases__media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(6,16,38,0.38) 0%, rgba(6,16,38,0.08) 42%, rgba(6,16,38,0.00) 72%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .smd-hero-cases__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .smd-hero-cases__quote {\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 18px;\r\n    z-index: 2;\r\n    width: min(320px, calc(100% - 150px));\r\n    padding: 13px 14px 12px;\r\n    background: rgba(8, 27, 68, 0.78);\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 10px 22px rgba(0,0,0,0.16);\r\n  }\r\n\r\n  .smd-hero-cases__quote p {\r\n    margin: 0 0 6px;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    line-height: 1.42;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-hero-cases__quote span {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 12px;\r\n    line-height: 1.35;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-hero-cases__cases {\r\n    padding: 24px 20px 30px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f6f8fa 100%);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .smd-hero-cases__cases-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .smd-hero-cases__head h2 {\r\n    margin: 0;\r\n    color: var(--smd-text);\r\n    font-size: clamp(34px, 4.4vw, 42px);\r\n    line-height: 0.95;\r\n    font-weight: 300;\r\n    letter-spacing: -0.045em;\r\n    max-width: 25ch;\r\n  }\r\n\r\n  .smd-hero-cases__nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .smd-hero-cases__arrow {\r\n    width: 42px;\r\n    height: 42px;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    background: #ffffff;\r\n    color: var(--smd-text);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\r\n    box-shadow: 0 4px 14px rgba(17,17,17,0.04);\r\n  }\r\n\r\n  .smd-hero-cases__arrow:hover {\r\n    transform: translateY(-1px);\r\n    background: #ffffff;\r\n    color: var(--smd-text);\r\n    box-shadow: 0 8px 18px rgba(17,17,17,0.06);\r\n  }\r\n\r\n  .smd-hero-cases__arrow span {\r\n    font-size: 16px;\r\n    line-height: 1;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-hero-cases__track-wrap {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .smd-hero-cases__track {\r\n    display: grid;\r\n    grid-auto-flow: column;\r\n    grid-auto-columns: minmax(258px, 1fr);\r\n    gap: 14px;\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-behavior: smooth;\r\n    padding-bottom: 2px;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .smd-hero-cases__track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .smd-hero-case-tile {\r\n    scroll-snap-align: start;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(17,17,17,0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\r\n    box-shadow: 0 8px 20px rgba(17,17,17,0.04);\r\n  }\r\n\r\n  .smd-hero-case-tile:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(17,17,17,0.13);\r\n    box-shadow: 0 12px 28px rgba(17,17,17,0.07);\r\n  }\r\n\r\n  .smd-hero-case-tile__media {\r\n    aspect-ratio: 3 \/ 2;\r\n    background: var(--smd-navy);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .smd-hero-case-tile__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .smd-hero-case-tile:hover .smd-hero-case-tile__media img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  .smd-hero-case-tile__body {\r\n    padding: 12px 13px 13px;\r\n  }\r\n\r\n  .smd-hero-case-tile__body strong {\r\n    display: block;\r\n    color: var(--smd-text);\r\n    font-size: 18px;\r\n    line-height: 1.25;\r\n    font-weight: 400;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .smd-hero-case-tile__body span {\r\n    display: block;\r\n    color: var(--smd-text);\r\n    font-size: 16px;\r\n    line-height: 1.42;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-hero-cases__bottom {\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .smd-hero-cases__bottom-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 0 18px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    background: #ffffff;\r\n    color: var(--smd-text) !important;\r\n    box-shadow: 0 8px 18px rgba(0,0,0,0.12);\r\n    transition: 0.22s ease;\r\n  }\r\n\r\n  .smd-hero-cases__bottom-link:hover {\r\n    background: #f3f7fb;\r\n    color: var(--smd-text) !important;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .smd-hero-cases__content {\r\n      padding: 34px 32px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .smd-hero-cases {\r\n      padding: 20px 18px 20px;\r\n    }\r\n\r\n    .smd-hero-cases__hero {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n    }\r\n\r\n    .smd-hero-cases__media {\r\n      min-height: 280px;\r\n      max-height: 280px;\r\n    }\r\n\r\n    .smd-hero-cases__content {\r\n      padding: 24px 22px 24px;\r\n    }\r\n\r\n    .smd-hero-cases__content h1,\r\n    .smd-hero-cases__content p {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-hero-cases__quote {\r\n      left: 14px;\r\n      bottom: 14px;\r\n      width: min(300px, calc(100% - 120px));\r\n    }\r\n\r\n    .smd-hero-cases__cases {\r\n      padding: 22px 16px 26px;\r\n    }\r\n\r\n    .smd-hero-cases__cases-top {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .smd-hero-cases__nav {\r\n      display: none;\r\n    }\r\n\r\n    .smd-hero-cases__track {\r\n      grid-auto-columns: 80%;\r\n      gap: 12px;\r\n    }\r\n\r\n    .smd-hero-cases__head h2 {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .smd-hero-cases {\r\n      padding: 0;\r\n    }\r\n\r\n    .smd-hero-cases__wrap {\r\n      box-shadow: none;\r\n    }\r\n\r\n    .smd-hero-cases__media {\r\n      min-height: 220px;\r\n      max-height: 220px;\r\n    }\r\n\r\n    .smd-hero-cases__content {\r\n      padding: 18px 16px 18px;\r\n    }\r\n\r\n    .smd-hero-cases__content h1 {\r\n      font-size: clamp(24px, 6.2vw, 30px);\r\n      line-height: 0.98;\r\n      margin-bottom: 8px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-hero-cases__content p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n      margin-bottom: 10px;\r\n      max-width: 32ch;\r\n    }\r\n\r\n    .smd-hero-cases__actions {\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .smd-hero-cases__btn {\r\n      width: 100%;\r\n      min-height: 42px;\r\n      font-size: 12px;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .smd-hero-cases__quote {\r\n      left: 10px;\r\n      right: 10px;\r\n      bottom: 10px;\r\n      width: auto;\r\n      padding: 10px 10px 9px;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .smd-hero-cases__quote p {\r\n      font-size: 11px;\r\n      line-height: 1.3;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .smd-hero-cases__quote span {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .smd-hero-cases__cases {\r\n      padding: 20px 14px 24px;\r\n    }\r\n\r\n    .smd-hero-cases__head h2 {\r\n      font-size: clamp(24px, 6.2vw, 30px);\r\n      line-height: 0.98;\r\n      letter-spacing: -0.045em;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-hero-cases__track {\r\n      grid-auto-columns: 84%;\r\n    }\r\n\r\n    .smd-hero-case-tile__body {\r\n      padding: 11px 12px 12px;\r\n    }\r\n\r\n    .smd-hero-case-tile__body strong {\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      margin-bottom: 3px;\r\n    }\r\n\r\n    .smd-hero-case-tile__body span {\r\n      font-size: 11px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .smd-hero-cases__bottom {\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .smd-hero-cases__bottom-link {\r\n      width: 100%;\r\n      min-height: 42px;\r\n      font-size: 12px;\r\n      border-radius: 0;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.querySelector('.smd-hero-cases');\r\n    if (!section) return;\r\n\r\n    const track = section.querySelector('.smd-hero-cases__track');\r\n    const prev = section.querySelector('.smd-hero-cases__arrow--prev');\r\n    const next = section.querySelector('.smd-hero-cases__arrow--next');\r\n\r\n    if (!track || !prev || !next) return;\r\n\r\n    const getScrollAmount = () => {\r\n      const firstCard = track.querySelector('.smd-hero-case-tile');\r\n      if (!firstCard) return 260;\r\n      const styles = window.getComputedStyle(track);\r\n      const gap = parseInt(styles.columnGap || styles.gap || 14, 10);\r\n      return firstCard.getBoundingClientRect().width + gap;\r\n    };\r\n\r\n    prev.addEventListener('click', function () {\r\n      track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n    });\r\n\r\n    next.addEventListener('click', function () {\r\n      track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cd6c07 e-con-full e-flex e-con e-parent\" data-id=\"2cd6c07\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35ab9d1 elementor-widget elementor-widget-html\" data-id=\"35ab9d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"smd-seo-value\" id=\"seo-hjemmeside\">\r\n  <div class=\"smd-seo-value__wrap\">\r\n    <div class=\"smd-seo-value__intro\">\r\n      <h2>En hjemmeside skal ikke bare se godt ud \u2014 den skal ogs\u00e5 findes p\u00e5 Google<\/h2>\r\n      <p>\r\n        Vi bygger hjemmesider til virksomheder, der lever af lokale kunder og konkrete henvendelser.\r\n        Derfor t\u00e6nker vi ikke kun i design, men ogs\u00e5 i struktur, hastighed, indhold og synlighed.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"smd-seo-value__grid\">\r\n      <article class=\"smd-seo-value__card\">\r\n        <div class=\"smd-seo-value__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"11\" cy=\"11\" r=\"6.5\"><\/circle>\r\n            <path d=\"M16 16L21 21\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Bygget til at blive fundet<\/h3>\r\n        <p>\r\n          Vi arbejder med sider og indhold, der matcher de s\u00f8gninger dine kunder faktisk laver,\r\n          n\u00e5r de leder efter en virksomhed i dit omr\u00e5de.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"smd-seo-value__card\">\r\n        <div class=\"smd-seo-value__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 18L9 13L13 17L20 10\"><\/path>\r\n            <path d=\"M16 10H20V14\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Fokus p\u00e5 henvendelser<\/h3>\r\n        <p>\r\n          En flot side er ikke nok i sig selv. Vi bygger med fokus p\u00e5 klare budskaber,\r\n          st\u00e6rke CTA\u2019er og en struktur, der g\u00f8r det nemt at tage kontakt.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"smd-seo-value__card\">\r\n        <div class=\"smd-seo-value__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"1\"><\/rect>\r\n            <path d=\"M9 9H15\"><\/path>\r\n            <path d=\"M8 13H16\"><\/path>\r\n            <path d=\"M10 17H14\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>St\u00e6rk struktur og indhold<\/h3>\r\n        <p>\r\n          Vi opbygger siderne, s\u00e5 b\u00e5de brugere og s\u00f8gemaskiner lettere forst\u00e5r virksomheden,\r\n          ydelserne og de omr\u00e5der, du gerne vil findes p\u00e5.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"smd-seo-value__card\">\r\n        <div class=\"smd-seo-value__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3V12L18 15\"><\/path>\r\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Hurtig og mobilvenlig<\/h3>\r\n        <p>\r\n          Mange bes\u00f8ger din side fra mobilen. Derfor prioriterer vi performance, l\u00e6sbarhed\r\n          og et responsivt layout, der fungerer p\u00e5 tv\u00e6rs af sk\u00e6rmst\u00f8rrelser.\r\n        <\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"smd-seo-value__bottom\">\r\n      <div class=\"smd-seo-value__bottom-copy\">\r\n        <h3>Det handler ikke kun om at v\u00e6re online \u2014 det handler om at blive valgt<\/h3>\r\n        <p>\r\n          N\u00e5r hjemmeside, SEO og brugeroplevelse spiller sammen, st\u00e5r du st\u00e6rkere b\u00e5de i Google\r\n          og hos den kunde, der skal tage n\u00e6ste skridt.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"smd-seo-value__actions\">\r\n        <a href=\"https:\/\/www.smdigital.dk\/index.php\/kontakt\/\" class=\"smd-seo-value__btn smd-seo-value__btn--primary\">F\u00e5 en hjemmeside der arbejder for dig<\/a>\r\n        <a href=\"https:\/\/www.smdigital.dk\/index.php\/seo\/\" class=\"smd-seo-value__btn smd-seo-value__btn--ghost\">Se vores cases<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .smd-seo-value,\r\n  .smd-seo-value * {\r\n    box-sizing: border-box;\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n  }\r\n\r\n  .smd-seo-value {\r\n    --smd-blue: #009FE3;\r\n    --smd-navy: #081b44;\r\n    --smd-text: #111111;\r\n    --smd-muted: #5c6572;\r\n    --smd-surface: #e7f1f8;\r\n    padding: 22px 20px 22px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .smd-seo-value__wrap {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 30px rgba(17,17,17,0.05);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .smd-seo-value__intro {\r\n    padding: 34px 34px 24px;\r\n    background: #ffffff;\r\n    text-align: center;\r\n  }\r\n\r\n  .smd-seo-value__intro h2 {\r\n    margin: 0 0 12px;\r\n    color: var(--smd-navy);\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    line-height: 0.96;\r\n    font-weight: 300;\r\n    letter-spacing: -0.045em;\r\n    max-width: 25ch;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .smd-seo-value__intro p {\r\n    margin: 0 auto;\r\n    color: var(--smd-muted);\r\n    font-size: 16px;\r\n    line-height: 1.58;\r\n    font-weight: 300;\r\n    max-width: 62ch;\r\n  }\r\n\r\n  .smd-seo-value__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 0;\r\n    background: #ffffff;\r\n    border-top: 1px solid rgba(17,17,17,0.06);\r\n    border-bottom: 1px solid rgba(17,17,17,0.06);\r\n  }\r\n\r\n  .smd-seo-value__card {\r\n    padding: 24px 22px 24px;\r\n    background: #ffffff;\r\n    border-right: 1px solid rgba(17,17,17,0.06);\r\n  }\r\n\r\n  .smd-seo-value__card:last-child {\r\n    border-right: 0;\r\n  }\r\n\r\n  .smd-seo-value__icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    margin-bottom: 14px;\r\n    background: var(--smd-surface);\r\n    color: var(--smd-navy);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .smd-seo-value__icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .smd-seo-value__card h3 {\r\n    margin: 0 0 8px;\r\n    color: var(--smd-navy);\r\n    font-size: 21px;\r\n    line-height: 1.02;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .smd-seo-value__card p {\r\n    margin: 0;\r\n    color: var(--smd-muted);\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    font-weight: 300;\r\n    max-width: 30ch;\r\n  }\r\n\r\n  .smd-seo-value__bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    padding: 22px 24px;\r\n    background: #e7f1f8;\r\n  }\r\n\r\n  .smd-seo-value__bottom-copy h3 {\r\n    margin: 0 0 6px;\r\n    color: var(--smd-navy);\r\n    font-size: clamp(24px, 2.3vw, 30px);\r\n    line-height: 1.02;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n    max-width: 26ch;\r\n  }\r\n\r\n  .smd-seo-value__bottom-copy p {\r\n    margin: 0;\r\n    color: var(--smd-text);\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n    font-weight: 300;\r\n    max-width: 58ch;\r\n  }\r\n\r\n  .smd-seo-value__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .smd-seo-value__btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 44px;\r\n    padding: 0 17px;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    transition: 0.22s ease;\r\n  }\r\n\r\n  .smd-seo-value__btn--primary {\r\n    background: var(--smd-navy);\r\n    color: #ffffff !important;\r\n    font-weight: 400;\r\n    box-shadow: 0 8px 18px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  .smd-seo-value__btn--primary:hover {\r\n    background: #0d2a63;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .smd-seo-value__btn--ghost {\r\n    background: transparent;\r\n    border: 1px solid rgba(8,27,68,0.18);\r\n    color: var(--smd-navy) !important;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-seo-value__btn--ghost:hover {\r\n    background: rgba(8,27,68,0.05);\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .smd-seo-value__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .smd-seo-value__card:nth-child(2) {\r\n      border-right: 0;\r\n    }\r\n\r\n    .smd-seo-value__card:nth-child(1),\r\n    .smd-seo-value__card:nth-child(2) {\r\n      border-bottom: 1px solid rgba(17,17,17,0.06);\r\n    }\r\n\r\n    .smd-seo-value__bottom {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .smd-seo-value {\r\n      padding: 0;\r\n    }\r\n\r\n    .smd-seo-value__wrap {\r\n      box-shadow: none;\r\n    }\r\n\r\n    .smd-seo-value__intro {\r\n      padding: 22px 16px 18px;\r\n      text-align: left;\r\n    }\r\n\r\n    .smd-seo-value__intro h2 {\r\n      font-size: clamp(24px, 6.2vw, 30px);\r\n      line-height: 0.98;\r\n      margin-bottom: 8px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-seo-value__intro p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n      max-width: 32ch;\r\n      margin: 0;\r\n    }\r\n\r\n    .smd-seo-value__grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .smd-seo-value__card {\r\n      padding: 18px 16px;\r\n      border-right: 0;\r\n      border-bottom: 1px solid rgba(17,17,17,0.06);\r\n    }\r\n\r\n    .smd-seo-value__card:last-child {\r\n      border-bottom: 0;\r\n    }\r\n\r\n    .smd-seo-value__icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      margin-bottom: 12px;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .smd-seo-value__card h3 {\r\n      font-size: 18px;\r\n      line-height: 1.04;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .smd-seo-value__card p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n      max-width: 32ch;\r\n    }\r\n\r\n    .smd-seo-value__bottom {\r\n      padding: 18px 16px 18px;\r\n      gap: 14px;\r\n    }\r\n\r\n    .smd-seo-value__bottom-copy h3 {\r\n      font-size: clamp(20px, 6vw, 26px);\r\n      line-height: 1.02;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-seo-value__bottom-copy p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n      max-width: 32ch;\r\n    }\r\n\r\n    .smd-seo-value__actions {\r\n      width: 100%;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .smd-seo-value__btn {\r\n      width: 100%;\r\n      min-height: 42px;\r\n      font-size: 12px;\r\n      border-radius: 0;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0294238 e-con-full e-flex e-con e-parent\" data-id=\"0294238\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5298e37 elementor-widget elementor-widget-html\" data-id=\"5298e37\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"smd-who-we-are\" id=\"om-os\">\r\n  <div class=\"smd-who-we-are__wrap\">\r\n    <div class=\"smd-who-we-are__top\">\r\n      <div class=\"smd-who-we-are__media\">\r\n        <img loading=\"lazy\" decoding=\"async\"\r\n          src=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Tilfoj-en-overskrift-1080-x-1080-px.jpg\"\r\n          alt=\"SM Digital\"\r\n          loading=\"lazy\"\r\n          width=\"1200\"\r\n          height=\"900\"\r\n        \/>\r\n\r\n        <div class=\"smd-who-we-are__quote\">\r\n          <p>\u201cEt utroligt professionelt arbejde fra start til slut. Dialogen var god hele vejen igennem.\u201d<\/p>\r\n          <span>\u2014 Mark, Ri Gulvafslibning<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smd-who-we-are__content\">\r\n        <h2>Vi tager vores fag seri\u00f8st og arbejder hele tiden p\u00e5 at blive bedre<\/h2>\r\n\r\n        <p>\r\n          For os handler det ikke kun om at lave en p\u00e6n hjemmeside. Det handler om at forst\u00e5 virksomheden,\r\n          opgaven og m\u00e5let med l\u00f8sningen, s\u00e5 det endelige resultat faktisk g\u00f8r en forskel.\r\n        <\/p>\r\n\r\n        <p>\r\n          Vores kunder beskriver os ofte som nogle, der g\u00e5r \u00e6rligt ind i samarbejdet, tager ansvar for detaljerne\r\n          og hele tiden pr\u00f8ver at optimere det, vi laver. Vi g\u00f8r os umage, og vi g\u00e5r langt for at skabe et resultat,\r\n          som b\u00e5de vi og kunden kan v\u00e6re stolte af.\r\n        <\/p>\r\n\r\n        <div class=\"smd-who-we-are__actions\">\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/kontakt\/\" class=\"smd-who-we-are__btn smd-who-we-are__btn--primary\">Lad os tage en snak om din virksomhed<\/a>\r\n          <a href=\"https:\/\/www.smdigital.dk\/index.php\/seo\/\" class=\"smd-who-we-are__btn smd-who-we-are__btn--ghost\">Se cases<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"smd-who-we-are__bottom\">\r\n      <div class=\"smd-who-we-are__badge\">SM<\/div>\r\n      <h3>Vi vil ikke bare levere noget hurtigt \u2014 vi vil levere noget, der holder<\/h3>\r\n      <p>\r\n        Det g\u00e6lder b\u00e5de design, struktur, performance og den m\u00e5de vi samarbejder med vores kunder p\u00e5.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .smd-who-we-are,\r\n  .smd-who-we-are * {\r\n    box-sizing: border-box;\r\n    font-family: \"Outfit\", Arial, sans-serif;\r\n  }\r\n\r\n  .smd-who-we-are {\r\n    --smd-blue: #009FE3;\r\n    --smd-blue-dark: #007fbd;\r\n    --smd-navy: #081b44;\r\n    --smd-text: #111111;\r\n    padding: 22px 20px 22px;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .smd-who-we-are__wrap {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 30px rgba(17,17,17,0.05);\r\n  }\r\n\r\n  .smd-who-we-are__top {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);\r\n    min-height: 405px;\r\n  }\r\n\r\n  .smd-who-we-are__media {\r\n    position: relative;\r\n    background: #d7e0e7;\r\n    min-height: 405px;\r\n    max-height: 405px;\r\n  }\r\n\r\n  .smd-who-we-are__media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(6,16,38,0.36) 0%, rgba(6,16,38,0.10) 42%, rgba(6,16,38,0.00) 72%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .smd-who-we-are__media img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .smd-who-we-are__quote {\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 18px;\r\n    z-index: 2;\r\n    width: min(320px, calc(100% - 110px));\r\n    padding: 12px 13px 11px;\r\n    background: rgba(8, 27, 68, 0.78);\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 10px 22px rgba(0,0,0,0.16);\r\n  }\r\n\r\n  .smd-who-we-are__quote p {\r\n    margin: 0 0 5px;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-who-we-are__quote span {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    line-height: 1.35;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-who-we-are__content {\r\n    padding: 34px 42px;\r\n    background: var(--smd-navy);\r\n    color: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .smd-who-we-are h2 {\r\n    margin: 0 0 12px;\r\n    color: #ffffff;\r\n    font-size: clamp(30px, 4vw, 44px);\r\n    line-height: 0.96;\r\n    font-weight: 300;\r\n    letter-spacing: -0.045em;\r\n    max-width: 25ch;\r\n  }\r\n\r\n  .smd-who-we-are__content p {\r\n    margin: 0 0 13px;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    font-weight: 300;\r\n    max-width: 56ch;\r\n  }\r\n\r\n  .smd-who-we-are__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .smd-who-we-are__btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 44px;\r\n    padding: 0 17px;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    transition: 0.22s ease;\r\n  }\r\n\r\n  .smd-who-we-are__btn--primary {\r\n    background: #ffffff;\r\n    color: var(--smd-navy) !important;\r\n    font-weight: 400;\r\n    box-shadow: 0 8px 18px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  .smd-who-we-are__btn--primary:hover {\r\n    background: #f3f7fb;\r\n    color: var(--smd-navy) !important;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .smd-who-we-are__btn--ghost {\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n    color: #ffffff !important;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .smd-who-we-are__btn--ghost:hover {\r\n    background: rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .smd-who-we-are__bottom {\r\n    padding: 18px 20px 20px;\r\n    background: #e7f1f8;\r\n    text-align: center;\r\n  }\r\n\r\n  .smd-who-we-are__badge {\r\n    width: 36px;\r\n    height: 36px;\r\n    margin: 0 auto 10px;\r\n    border-radius: 999px;\r\n    background: #ffffff;\r\n    color: var(--smd-navy);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    box-shadow: 0 6px 18px rgba(17,17,17,0.08);\r\n  }\r\n\r\n  .smd-who-we-are__bottom h3 {\r\n    margin: 0 0 7px;\r\n    color: #111111;\r\n    font-size: clamp(21px, 2.4vw, 28px);\r\n    line-height: 1.05;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n    max-width: 28ch;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .smd-who-we-are__bottom p {\r\n    margin: 0 auto;\r\n    color: #111111;\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n    max-width: 54ch;\r\n    font-weight: 300;\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .smd-who-we-are__content {\r\n      padding: 30px 30px;\r\n    }\r\n\r\n    .smd-who-we-are__top {\r\n      min-height: 380px;\r\n    }\r\n\r\n    .smd-who-we-are__media {\r\n      min-height: 380px;\r\n      max-height: 380px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .smd-who-we-are {\r\n      padding: 18px 18px 18px;\r\n    }\r\n\r\n    .smd-who-we-are__top {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n    }\r\n\r\n    .smd-who-we-are__media {\r\n      min-height: 250px;\r\n      max-height: 250px;\r\n      order: -1;\r\n    }\r\n\r\n    .smd-who-we-are__content {\r\n      padding: 24px 22px 22px;\r\n    }\r\n\r\n    .smd-who-we-are h2,\r\n    .smd-who-we-are__content p {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-who-we-are__quote {\r\n      left: 14px;\r\n      bottom: 14px;\r\n      width: min(290px, calc(100% - 120px));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .smd-who-we-are {\r\n      padding: 0;\r\n    }\r\n\r\n    .smd-who-we-are__wrap {\r\n      border-radius: 0;\r\n      box-shadow: none;\r\n    }\r\n\r\n    .smd-who-we-are__top {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .smd-who-we-are__media {\r\n      min-height: 220px;\r\n      max-height: 220px;\r\n    }\r\n\r\n    .smd-who-we-are__content {\r\n      padding: 18px 16px 18px;\r\n    }\r\n\r\n    .smd-who-we-are h2 {\r\n      font-size: clamp(24px, 6.2vw, 30px);\r\n      line-height: 0.98;\r\n      margin-bottom: 8px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-who-we-are__content p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n      margin-bottom: 10px;\r\n      max-width: 32ch;\r\n    }\r\n\r\n    .smd-who-we-are__actions {\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .smd-who-we-are__btn {\r\n      width: 100%;\r\n      min-height: 42px;\r\n      font-size: 12px;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .smd-who-we-are__bottom {\r\n      padding: 16px 14px 18px;\r\n    }\r\n\r\n    .smd-who-we-are__badge {\r\n      width: 34px;\r\n      height: 34px;\r\n      font-size: 13px;\r\n      margin-bottom: 9px;\r\n    }\r\n\r\n    .smd-who-we-are__bottom h3 {\r\n      font-size: clamp(20px, 6vw, 26px);\r\n      line-height: 1.02;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .smd-who-we-are__bottom p {\r\n      font-size: 13px;\r\n      line-height: 1.42;\r\n      max-width: 32ch;\r\n    }\r\n\r\n    .smd-who-we-are__quote {\r\n      left: 10px;\r\n      right: 10px;\r\n      width: auto;\r\n      bottom: 10px;\r\n      padding: 10px 10px 9px;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .smd-who-we-are__quote p {\r\n      font-size: 11px;\r\n      line-height: 1.3;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .smd-who-we-are__quote span {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hjemmesider der ser skarpe ud og skaber flere henvendelser SM Digital designer og udvikler moderne hjemmesider til virksomheder, der vil st\u00e5 st\u00e6rkere online. Vi har s\u00e6rlig erfaring med servicevirksomheder som h\u00e5ndv\u00e6rkere, vvs, elektrikere og entrepren\u00f8rer. F\u00e5 en pris p\u00e5 hjemmeside Se cases \u201cEt utroligt professionelt arbejde fra start til slut. Dialogen var god hele vejen&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>SM Digital | Hjemmesider og SEO til h\u00e5ndv\u00e6rkere<\/title>\n<meta name=\"description\" content=\"Vi laver hjemmesider og SEO til h\u00e5ndv\u00e6rkere, der vil have flere henvendelser fra Google. F\u00e5 en l\u00f8sning med fokus p\u00e5 synlighed, tillid og leads.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smdigital.dk\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SM Digital | Hjemmesider og SEO til h\u00e5ndv\u00e6rkere\" \/>\n<meta property=\"og:description\" content=\"Vi laver hjemmesider og SEO til h\u00e5ndv\u00e6rkere, der vil have flere henvendelser fra Google. F\u00e5 en l\u00f8sning med fokus p\u00e5 synlighed, tillid og leads.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smdigital.dk\/\" \/>\n<meta property=\"og:site_name\" content=\"SM Digital | Hjemmesider der skaber flere leads\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-15T11:58:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Rigulvafslibning-aps.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/\",\"url\":\"https:\\\/\\\/www.smdigital.dk\\\/\",\"name\":\"SM Digital | Hjemmesider og SEO til h\u00e5ndv\u00e6rkere\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smdigital.dk\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Rigulvafslibning-aps.png\",\"datePublished\":\"2025-03-10T22:47:09+00:00\",\"dateModified\":\"2026-07-15T11:58:45+00:00\",\"description\":\"Vi laver hjemmesider og SEO til h\u00e5ndv\u00e6rkere, der vil have flere henvendelser fra Google. F\u00e5 en l\u00f8sning med fokus p\u00e5 synlighed, tillid og leads.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.smdigital.dk\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.smdigital.dk\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Rigulvafslibning-aps.png\",\"contentUrl\":\"https:\\\/\\\/www.smdigital.dk\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Rigulvafslibning-aps.png\",\"width\":366,\"height\":353},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.smdigital.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Forside\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#website\",\"url\":\"https:\\\/\\\/www.smdigital.dk\\\/\",\"name\":\"SM Digital | Hjemmesider der skaber flere leads\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.smdigital.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#organization\",\"name\":\"SM Digital | Hjemmesider der skaber flere leads\",\"url\":\"https:\\\/\\\/www.smdigital.dk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.smdigital.dk\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/SM-DIGITAL.svg\",\"contentUrl\":\"https:\\\/\\\/www.smdigital.dk\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/SM-DIGITAL.svg\",\"width\":500,\"height\":500,\"caption\":\"SM Digital | Hjemmesider der skaber flere leads\"},\"image\":{\"@id\":\"https:\\\/\\\/www.smdigital.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SM Digital | Hjemmesider og SEO til h\u00e5ndv\u00e6rkere","description":"Vi laver hjemmesider og SEO til h\u00e5ndv\u00e6rkere, der vil have flere henvendelser fra Google. F\u00e5 en l\u00f8sning med fokus p\u00e5 synlighed, tillid og leads.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.smdigital.dk\/","og_locale":"da_DK","og_type":"article","og_title":"SM Digital | Hjemmesider og SEO til h\u00e5ndv\u00e6rkere","og_description":"Vi laver hjemmesider og SEO til h\u00e5ndv\u00e6rkere, der vil have flere henvendelser fra Google. F\u00e5 en l\u00f8sning med fokus p\u00e5 synlighed, tillid og leads.","og_url":"https:\/\/www.smdigital.dk\/","og_site_name":"SM Digital | Hjemmesider der skaber flere leads","article_modified_time":"2026-07-15T11:58:45+00:00","og_image":[{"url":"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Rigulvafslibning-aps.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"4 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.smdigital.dk\/","url":"https:\/\/www.smdigital.dk\/","name":"SM Digital | Hjemmesider og SEO til h\u00e5ndv\u00e6rkere","isPartOf":{"@id":"https:\/\/www.smdigital.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smdigital.dk\/#primaryimage"},"image":{"@id":"https:\/\/www.smdigital.dk\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Rigulvafslibning-aps.png","datePublished":"2025-03-10T22:47:09+00:00","dateModified":"2026-07-15T11:58:45+00:00","description":"Vi laver hjemmesider og SEO til h\u00e5ndv\u00e6rkere, der vil have flere henvendelser fra Google. F\u00e5 en l\u00f8sning med fokus p\u00e5 synlighed, tillid og leads.","breadcrumb":{"@id":"https:\/\/www.smdigital.dk\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smdigital.dk\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.smdigital.dk\/#primaryimage","url":"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Rigulvafslibning-aps.png","contentUrl":"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2026\/06\/Rigulvafslibning-aps.png","width":366,"height":353},{"@type":"BreadcrumbList","@id":"https:\/\/www.smdigital.dk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.smdigital.dk\/"},{"@type":"ListItem","position":2,"name":"Forside"}]},{"@type":"WebSite","@id":"https:\/\/www.smdigital.dk\/#website","url":"https:\/\/www.smdigital.dk\/","name":"SM Digital | Hjemmesider der skaber flere leads","description":"","publisher":{"@id":"https:\/\/www.smdigital.dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smdigital.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/www.smdigital.dk\/#organization","name":"SM Digital | Hjemmesider der skaber flere leads","url":"https:\/\/www.smdigital.dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.smdigital.dk\/#\/schema\/logo\/image\/","url":"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2025\/04\/SM-DIGITAL.svg","contentUrl":"https:\/\/www.smdigital.dk\/wp-content\/uploads\/2025\/04\/SM-DIGITAL.svg","width":500,"height":500,"caption":"SM Digital | Hjemmesider der skaber flere leads"},"image":{"@id":"https:\/\/www.smdigital.dk\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":129,"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1980,"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/1980"}],"wp:attachment":[{"href":"https:\/\/www.smdigital.dk\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}