<script setup>
  import PageLead from '../components/blocks/PageLead.vue';
  import ShopList from '../components/Sections/Shop.vue';
</script>

<template>
  <main class="pt-4" style="margin:auto;width:95%;">
    <div class="text-center">
      <!-- <h1 class="text-2xl">DreamFreely</h1> -->
      <!-- <h2 class="text-xl">a doorway to the digital world of <a href="//canin.dreamfreely.org/about">Canin Carlos</a>.</h2> -->
      <img src="../assets/cover.png" width="25%" class="pt-4 m-auto" />
      <PageLead />
      <ShopList />
    </div>
    <div class="text-center p-4">
      DreamFreely &#169; 2025
    </div>

  </main>
  
</template>

<style>
  div > span {
        text-align: center;
        padding-right: 1em;
      }
</style>