<script setup></script>

<template>
  <!-- Hero -->
  <div class="bg-body-light">
    <div class="content content-full">
      <div class="py-3 text-center">
        <h1 class="h3 fw-bold mb-2">Dashboard</h1>
        <h2 class="fs-base lh-base fw-medium text-muted mb-0">
          Welcome to your app, everything looks great!
        </h2>
      </div>
    </div>
  </div>
  <!-- END Hero -->

  <!-- Page Content -->
  <div class="content">
    <!-- Dummy content -->
    <div class="row">
      <div class="col-sm-4">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
      <div class="col-sm-4">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
      <div class="col-sm-4">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
      <div class="col-12">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
      <div class="col-sm-6">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
      <div class="col-sm-6">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
      <div class="col-12">
        <BaseBlock>
          <p class="text-center py-6">...</p>
        </BaseBlock>
      </div>
    </div>
    <!-- END Dummy content -->
  </div>
  <!-- END Page Content -->
</template>
