farmstar-survey-ui/pages/index.vue

<template>
  <div class="mt-4 flex flex-col md:flex-row md:space-x-4">
    <Card
      title="Sign up"
      subtitle="To join the FarmStar rewards program."
      link="/registration"
    />
    <Card
      title="Farmer onboarding survey"
      subtitle="Tell us about what and how you farm!"
      link="/farmer"
    />
    <Card
      title="Distributor onboarding survey"
      subtitle="Tell us about the agri-inputs you sell!"
      link="/distributor"
    />
    <Card
      title="Record a purchase"
      subtitle="Of EverGrow organic fertilizer."
      link="/transaction"
    />
  </div>
  <div class="mt-4 flex flex-col md:flex-row">
    <Card
      title="Redeem your points"
      subtitle="For EverGrow organic fertilizer."
      link="/redeem"
    />
  </div>
</template>