initial commit

resources/js/components/UpgradeToPro.vue

@@ -0,0 +1,66 @@
+<template>
+  <VBtn
+    color="error"
+    class="product-upgrade-to-pro"
+    href="https://themeselection.com/item/sneat-vuetify-vuejs-laravel-admin-template/"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    Upgrade to Pro
+
+    <VMenu
+      open-on-hover
+      activator="parent"
+      offset="15"
+      max-width="400px"
+      :close-on-content-click="false"
+      transition="slide-y-reverse-transition"
+    >
+      <VCard>
+        <VImg src="https://cdn.jsdelivr.net/gh/themeselection/ts-assets/sneat/sneat-vuetify-vuejs-laravel-admin-template/banner/banner.png" />
+        <VCardTitle>Sneat - Vuetify Laravel Admin Template</VCardTitle>
+        <VCardText>
+          Sneat Admin is the most developer friendly & highly customisable Admin Dashboard Template based on Vuetify.
+        </VCardText>
+        <VCardText>Click on below button to explore PRO version.</VCardText>
+        <VCardText>
+          <VBtn
+            class="me-4"
+            href="https://themeselection.com/item/sneat-vuetify-vuejs-laravel-admin-template/?tab=details#details"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Demo
+          </VBtn>
+          <VBtn
+            variant="outlined"
+            href="https://themeselection.com/item/sneat-vuetify-vuejs-laravel-admin-template/"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Download
+          </VBtn>
+        </VCardText>
+      </VCard>
+    </VMenu>
+  </VBtn>
+</template>
+
+<style lang="scss" scoped>
+.product-upgrade-to-pro {
+  position: fixed;
+
+  // To keep upgrade to pro button on top of v-layout
+  z-index: 999;
+  inset-block-end: 5%;
+  inset-inline-end: 79px;
+
+  .v-application &.v-btn.v-btn--elevated {
+    box-shadow: 0 1px 20px 1px rgb(var(--v-theme-error)) !important;
+
+    &:hover {
+      box-shadow: none !important;
+    }
+  }
+}
+</style>