message: Removed button and pricing. Removed 'uniqueness' of header
diff: </script>
  <style type="scss">
  - header {
  - text-align: center;
  - margin: 0 auto 5em;
  - max-width: 600px;
  - }
  h2 {
  text-align: center;
  }
  }}
  />
  <header>
  - <h1 class="h2">Focus on teaching code, not tedious setups!</h1>
  + <h1>Focus on teaching code, not tedious setups!</h1>
  <p>
  Gitpod simplifies the onboarding process, makes coding accessible from any
  device, and provides a productive learning environment.
  </p>
  - <p>
  - <a href="TODO:" class="btn-conversion">Choose an option</a
  - ><!-- where does this go? -->
  - </p>
  + <!--<p>
  + <a href="#edPricingTable" class="btn-conversion">Choose an option</a
  + >
  + </p>-->
  </header>
  <section class="features">
  <Feature {feature} />
  {/each}
  </section>
  -
  +<!--
  <section>
  <h2>Education pricing</h2>
  <p>
  You have the choice to either host Gitpod yourself or to use our cloud
  infrastructure.
  </p>
  - <div>
  + <div id="edPricingTable">
  < !-- TODO: Pricing table. What's the best approach to support the hover effect per row and style individual colums as cards? -- >
  </div>
  </section>
  -
  +-->
  <Explore />
  