<template>
  <q-card class="bg-teal-5 text-white q-pa-md q-mx-xl">
    <q-card-section>
      <div class="text-h4">Upload your design, it's easy!</div>
    </q-card-section>
    <q-card-section>
      <p class="text-subtitle1">
        Watch our Tutorial to see how it works, or go directly to the Wizard,
        it will guide you through the process step-by-step.
      </p>
    </q-card-section>
    <q-card-section>
      <div class="row no-wrap">
        <div class="col-auto">
          <q-btn outline class="bg-white text-teal-5 q-mr-md">
            <q-icon left size="1em" name="fas fa-tv"/>Watch Tutorial
          </q-btn>
        </div>
        <div class="col-auto">
          <q-btn class="text-white bg-teal-7">
            <q-icon left size="1em" name="fas fa-magic"/>Start wizard
          </q-btn>
        </div>
      </div>
    </q-card-section>
  </q-card>
</template>

<script>
export default {
  // name: 'ComponentName',
  data() {
    return {};
  }
};
</script>

<style>
</style>