<div class="welkom-container">
  <h1>Welkom bij Gelaserd.nu</h1>
  <p>Dé specialist in unieke lasercreaties, haarscherpe graveringen en maatwerk projecten.</p>
  <a href="#mogelijkheden" class="welkom-knop">Bekijk onze mogelijkheden</a>
</div>

<style>
  .welkom-container {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 80px 20px;
    text-align: center;
    border-radius: 12px;
    margin: 40px auto;
    max-width: 900px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  }

  .welkom-container h1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    color: #ffffff;
  }

  .welkom-container p {
    font-size: 1.2rem;
    color: #cccccc;
    max-width: 650px;
    margin: 0 auto 30px auto;
    line-height: 1.6;
  }

  .welkom-knop {
    display: inline-block;
    background-color: #e65c00;
    color: #ffffff;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
  }

  .welkom-knop:hover {
    background-color: #ff6f0f;
    transform: translateY(-2px);
  }

  /* Responsive aanpassing voor mobiel */
  @media (max-width: 600px) {
    .welkom-container {
      padding: 50px 15px;
    }
    .welkom-container h1 {
      font-size: 2rem;
    }
    .welkom-container p {
      font-size: 1rem;
    }
  }
</style>{"id":2,"date":"2026-10-15T18:03:44","date_gmt":"2026-10-15T18:03:44","guid":{"rendered":"https:\/\/gelaserd.nu\/?page_id=2"},"modified":"2026-10-15T18:03:44","modified_gmt":"2026-10-15T18:03:44","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/gelaserd.nu\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)<\/p>\n\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230;or something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\">The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\n\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">As a new WordPress user, you should go to <a href=\"https:\/\/gelaserd.nu\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this: Hi there! I&#8217;m a bike messenger [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gelaserd.nu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gelaserd.nu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gelaserd.nu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gelaserd.nu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gelaserd.nu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":0,"href":"https:\/\/gelaserd.nu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/gelaserd.nu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}