[WIP] - hero

Author: developerfred

pages/index.vue

@@ -190,6 +190,13 @@
           <polygon points="50,0 100,0 50,100 0,100" />
         </svg>
       </div>
+      <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
+        <img
+          class="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full"
+          src="https://images.unsplash.com/photo-1531482615713-2afd69097998?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80"
+          alt=""
+        />
+      </div>
     </div>
   </div>
 </template>