├── landingpage
    ├── dist
    │   ├── scss
    │   │   ├── responsive.scss
    │   │   ├── bootstrap
    │   │   │   ├── utilities
    │   │   │   │   ├── _clearfix.scss
    │   │   │   │   ├── _screenreaders.scss
    │   │   │   │   ├── _visibility.scss
    │   │   │   │   ├── _shadows.scss
    │   │   │   │   ├── _sizing.scss
    │   │   │   │   ├── _float.scss
    │   │   │   │   ├── _align.scss
    │   │   │   │   ├── _background.scss
    │   │   │   │   ├── _position.scss
    │   │   │   │   ├── _embed.scss
    │   │   │   │   ├── _display.scss
    │   │   │   │   ├── _spacing.scss
    │   │   │   │   ├── _borders.scss
    │   │   │   │   ├── _text.scss
    │   │   │   │   └── _flex.scss
    │   │   │   ├── _media.scss
    │   │   │   ├── mixins
    │   │   │   │   ├── _box-shadow.scss
    │   │   │   │   ├── _size.scss
    │   │   │   │   ├── _clearfix.scss
    │   │   │   │   ├── _visibility.scss
    │   │   │   │   ├── _lists.scss
    │   │   │   │   ├── _text-truncate.scss
    │   │   │   │   ├── _resize.scss
    │   │   │   │   ├── _float.scss
    │   │   │   │   ├── _badge.scss
    │   │   │   │   ├── _alert.scss
    │   │   │   │   ├── _nav-divider.scss
    │   │   │   │   ├── _text-emphasis.scss
    │   │   │   │   ├── _transition.scss
    │   │   │   │   ├── _text-hide.scss
    │   │   │   │   ├── _list-group.scss
    │   │   │   │   ├── _pagination.scss
    │   │   │   │   ├── _background-variant.scss
    │   │   │   │   ├── _reset-text.scss
    │   │   │   │   ├── _table-row.scss
    │   │   │   │   ├── _border-radius.scss
    │   │   │   │   ├── _screen-reader.scss
    │   │   │   │   ├── _hover.scss
    │   │   │   │   ├── _image.scss
    │   │   │   │   ├── _caret.scss
    │   │   │   │   ├── _grid.scss
    │   │   │   │   ├── _grid-framework.scss
    │   │   │   │   └── _gradients.scss
    │   │   │   ├── _transitions.scss
    │   │   │   ├── _jumbotron.scss
    │   │   │   ├── bootstrap-reboot.scss
    │   │   │   ├── _utilities.scss
    │   │   │   ├── _root.scss
    │   │   │   ├── bootstrap-grid.scss
    │   │   │   ├── _progress.scss
    │   │   │   ├── _close.scss
    │   │   │   ├── bootstrap.scss
    │   │   │   ├── _mixins.scss
    │   │   │   ├── _code.scss
    │   │   │   ├── _badge.scss
    │   │   │   ├── _grid.scss
    │   │   │   ├── _images.scss
    │   │   │   ├── _alert.scss
    │   │   │   ├── _breadcrumb.scss
    │   │   │   ├── _pagination.scss
    │   │   │   ├── _nav.scss
    │   │   │   ├── _type.scss
    │   │   │   ├── _functions.scss
    │   │   │   └── _tooltip.scss
    │   │   └── style.scss
    │   └── css
    │   │   └── icons
    │   │       ├── font-awesome
    │   │           ├── webfonts
    │   │           │   ├── fa-solid-900.eot
    │   │           │   ├── fa-solid-900.ttf
    │   │           │   ├── fa-brands-400.eot
    │   │           │   ├── fa-brands-400.ttf
    │   │           │   ├── fa-brands-400.woff
    │   │           │   ├── fa-regular-400.eot
    │   │           │   ├── fa-regular-400.ttf
    │   │           │   ├── fa-solid-900.woff
    │   │           │   ├── fa-solid-900.woff2
    │   │           │   ├── fa-brands-400.woff2
    │   │           │   ├── fa-regular-400.woff
    │   │           │   └── fa-regular-400.woff2
    │   │           ├── less
    │   │           │   ├── _screen-reader.less
    │   │           │   ├── _fixed-width.less
    │   │           │   ├── _core.less
    │   │           │   ├── _animated.less
    │   │           │   ├── _list.less
    │   │           │   ├── _bordered-pulled.less
    │   │           │   ├── fontawesome.less
    │   │           │   ├── _larger.less
    │   │           │   ├── _stacked.less
    │   │           │   ├── _rotated-flipped.less
    │   │           │   ├── fa-brands.less
    │   │           │   ├── fa-solid.less
    │   │           │   ├── fa-regular.less
    │   │           │   └── _mixins.less
    │   │           ├── scss
    │   │           │   ├── _fixed-width.scss
    │   │           │   ├── _screen-reader.scss
    │   │           │   ├── _core.scss
    │   │           │   ├── _animated.scss
    │   │           │   ├── _list.scss
    │   │           │   ├── _larger.scss
    │   │           │   ├── fontawesome.scss
    │   │           │   ├── _bordered-pulled.scss
    │   │           │   ├── _stacked.scss
    │   │           │   ├── fa-brands.scss
    │   │           │   ├── fa-solid.scss
    │   │           │   ├── fa-regular.scss
    │   │           │   ├── _rotated-flipped.scss
    │   │           │   └── _mixins.scss
    │   │           └── css
    │   │           │   ├── fa-brands.min.css
    │   │           │   ├── fa-solid.min.css
    │   │           │   ├── fa-regular.min.css
    │   │           │   ├── fa-brands.css
    │   │           │   ├── fa-solid.css
    │   │           │   └── fa-regular.css
    │   │       └── material-design-iconic-font
    │   │           └── fonts
    │   │               ├── Material-Design-Iconic-Font.eot
    │   │               ├── Material-Design-Iconic-Font.ttf
    │   │               ├── materialdesignicons-webfont.eot
    │   │               ├── materialdesignicons-webfont.ttf
    │   │               ├── Material-Design-Iconic-Font.woff
    │   │               ├── Material-Design-Iconic-Font.woff2
    │   │               ├── materialdesignicons-webfont.woff
    │   │               └── materialdesignicons-webfont.woff2
    └── assets
    │   ├── .DS_Store
    │   ├── images
    │       ├── favicon.png
    │       ├── blue-circle.jpg
    │       ├── dark-circle.jpg
    │       └── light-circle.jpg
    │   └── plugins
    │       └── owl.carousel
    │           └── dist
    │               └── assets
    │                   ├── ajax-loader.gif
    │                   ├── owl.video.play.png
    │                   ├── owl.theme.green.min.css
    │                   ├── owl.theme.default.min.css
    │                   ├── owl.theme.green.css
    │                   ├── owl.theme.default.css
    │                   └── owl.carousel.min.css
├── package
    ├── .npmrc
    ├── netlify.toml
    ├── server
    │   └── tsconfig.json
    ├── public
    │   ├── favicon.ico
    │   └── images
    │   │   ├── products
    │   │       ├── s4.jpg
    │   │       ├── s5.jpg
    │   │       ├── s7.jpg
    │   │       └── s11.jpg
    │   │   ├── blog
    │   │       ├── blog-img1.jpg
    │   │       └── blog-img4.jpg
    │   │   ├── profile
    │   │       ├── user-1.jpg
    │   │       ├── user-2.jpg
    │   │       ├── user-3.jpg
    │   │       ├── user-4.jpg
    │   │       ├── user-5.jpg
    │   │       ├── user-6.jpg
    │   │       ├── user-7.jpg
    │   │       ├── user-8.jpg
    │   │       ├── user-9.jpg
    │   │       ├── user1.jpg
    │   │       ├── user2.jpg
    │   │       ├── user3.jpg
    │   │       ├── user4.jpg
    │   │       ├── user5.jpg
    │   │       ├── user6.jpg
    │   │       └── user-10.jpg
    │   │   └── technology
    │   │       ├── vue-cat-icon.svg
    │   │       ├── nuxt-cat-icon.svg
    │   │       ├── angular-cat-icon.svg
    │   │       ├── tailwind-icon.svg
    │   │       ├── bt-cat-icon.svg
    │   │       └── next-cat-icon.svg
    ├── tsconfig.json
    ├── app.vue
    ├── layouts
    │   ├── blank.vue
    │   └── default.vue
    ├── assets
    │   └── scss
    │   │   ├── components
    │   │       ├── _VNavigationDrawer.scss
    │   │       ├── _VTextField.scss
    │   │       ├── _VShadow.scss
    │   │       ├── _VButtons.scss
    │   │       ├── _VInput.scss
    │   │       └── _VCard.scss
    │   │   ├── style.scss
    │   │   ├── layout
    │   │       ├── _container.scss
    │   │       └── _topbar.scss
    │   │   ├── _override.scss
    │   │   └── pages
    │   │       ├── _dashboards.scss
    │   │       └── _authentication.scss
    ├── components
    │   ├── Layout
    │   │   └── Full
    │   │   │   ├── logo
    │   │   │       ├── Logo.vue
    │   │   │       ├── LogoDark.vue
    │   │   │       ├── LogoLight.vue
    │   │   │       ├── LogoDarkRtl.vue
    │   │   │       └── LogoLightRtl.vue
    │   │   │   ├── vertical-header
    │   │   │       ├── NotificationDD.vue
    │   │   │       └── ProfileDD.vue
    │   │   │   └── vertical-sidebar
    │   │   │       ├── NavGroup
    │   │   │           └── index.vue
    │   │   │       ├── Icon.vue
    │   │   │       ├── Dropdown
    │   │   │           └── index.vue
    │   │   │       ├── NavItem
    │   │   │           └── index.vue
    │   │   │       └── NavCollapse
    │   │   │           └── index.vue
    │   ├── ui-components
    │   │   ├── alert
    │   │   │   ├── Filled.vue
    │   │   │   ├── Basic.vue
    │   │   │   └── Closable.vue
    │   │   ├── cards
    │   │   │   ├── CardsProps.vue
    │   │   │   ├── CardsSlots.vue
    │   │   │   ├── CardsMedia.vue
    │   │   │   ├── CardsTwitter.vue
    │   │   │   ├── CardsContentWrap.vue
    │   │   │   └── CardsWeather.vue
    │   │   └── button
    │   │   │   ├── ColorsButtons.vue
    │   │   │   ├── OutlinedButtons.vue
    │   │   │   ├── TextButtons.vue
    │   │   │   ├── BaseButtons.vue
    │   │   │   ├── IconColorSizes.vue
    │   │   │   └── SizeButtons.vue
    │   ├── shared
    │   │   ├── UiChildCard.vue
    │   │   ├── BaseCard.vue
    │   │   ├── CardHeaderFooter.vue
    │   │   ├── UiParentCard.vue
    │   │   └── UiParentCardLogo.vue
    │   ├── auth
    │   │   ├── RegisterForm.vue
    │   │   └── LoginForm.vue
    │   └── dashboards
    │   │   ├── ProductCards.vue
    │   │   ├── UpcommingSchedule.vue
    │   │   ├── ProductSales.vue
    │   │   └── TopPayingClients.vue
    ├── .gitignore
    ├── pages
    │   ├── pages
    │   │   ├── sample-page.vue
    │   │   └── Icons.vue
    │   ├── ui-components
    │   │   ├── Alerts.vue
    │   │   ├── Cards.vue
    │   │   └── Buttons.vue
    │   ├── index.vue
    │   ├── dashboard
    │   │   └── index.vue
    │   └── auth
    │   │   ├── Login.vue
    │   │   └── Register.vue
    ├── nuxt.config.ts
    ├── error.vue
    ├── types
    │   ├── dashboard
    │   │   └── index.ts
    │   └── themeTypes
    │   │   └── ThemeType.ts
    ├── package.json
    ├── README.md
    ├── theme
    │   └── LightTheme.ts
    └── plugins
    │   └── vuetify.ts
├── hire-us.html
├── docs.html
└── discount-code.html


/landingpage/dist/scss/responsive.scss:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/package/.npmrc:
--------------------------------------------------------------------------------
1 | shamefully-hoist=true
2 | strict-peer-dependencies=false
3 | 


--------------------------------------------------------------------------------
/package/netlify.toml:
--------------------------------------------------------------------------------
1 | [[redirects]]
2 |   from = "/*"
3 |   to = "/"
4 |   status = 200


--------------------------------------------------------------------------------
/package/server/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "../.nuxt/tsconfig.server.json"
3 | }
4 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_clearfix.scss:
--------------------------------------------------------------------------------
1 | .clearfix {
2 |   @include clearfix();
3 | }
4 | 


--------------------------------------------------------------------------------
/package/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/favicon.ico


--------------------------------------------------------------------------------
/landingpage/assets/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/.DS_Store


--------------------------------------------------------------------------------
/package/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   // https://nuxt.com/docs/guide/concepts/typescript
3 |   "extends": "./.nuxt/tsconfig.json"
4 | }
5 | 


--------------------------------------------------------------------------------
/landingpage/assets/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/images/favicon.png


--------------------------------------------------------------------------------
/package/app.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <NuxtLoadingIndicator />
3 |   <NuxtLayout>
4 |     <NuxtPage />
5 |   </NuxtLayout>
6 | </template>
7 | 


--------------------------------------------------------------------------------
/package/public/images/products/s4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/products/s4.jpg


--------------------------------------------------------------------------------
/package/public/images/products/s5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/products/s5.jpg


--------------------------------------------------------------------------------
/package/public/images/products/s7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/products/s7.jpg


--------------------------------------------------------------------------------
/package/public/images/blog/blog-img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/blog/blog-img1.jpg


--------------------------------------------------------------------------------
/package/public/images/blog/blog-img4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/blog/blog-img4.jpg


--------------------------------------------------------------------------------
/package/public/images/products/s11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/products/s11.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-1.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-2.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-3.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-4.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-5.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-6.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-7.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-8.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user-9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-9.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user1.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user2.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user3.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user4.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user5.jpg


--------------------------------------------------------------------------------
/package/public/images/profile/user6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user6.jpg


--------------------------------------------------------------------------------
/landingpage/assets/images/blue-circle.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/images/blue-circle.jpg


--------------------------------------------------------------------------------
/landingpage/assets/images/dark-circle.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/images/dark-circle.jpg


--------------------------------------------------------------------------------
/landingpage/assets/images/light-circle.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/images/light-circle.jpg


--------------------------------------------------------------------------------
/package/layouts/blank.vue:
--------------------------------------------------------------------------------
1 | <script setup lang="ts">
2 | </script>
3 | <template>
4 |   <v-app>
5 |     <NuxtPage  />
6 |   </v-app>
7 | </template>


--------------------------------------------------------------------------------
/package/public/images/profile/user-10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/package/public/images/profile/user-10.jpg


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_media.scss:
--------------------------------------------------------------------------------
1 | .media {
2 |   display: flex;
3 |   align-items: flex-start;
4 | }
5 | 
6 | .media-body {
7 |   flex: 1;
8 | }
9 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_box-shadow.scss:
--------------------------------------------------------------------------------
1 | @mixin box-shadow($shadow...) {
2 |   @if $enable-shadows {
3 |     box-shadow: $shadow;
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_size.scss:
--------------------------------------------------------------------------------
1 | // Sizing shortcuts
2 | 
3 | @mixin size($width, $height: $width) {
4 |   width: $width;
5 |   height: $height;
6 | }
7 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_clearfix.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix() {
2 |   &::after {
3 |     display: block;
4 |     clear: both;
5 |     content: "";
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.eot


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.ttf


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/ajax-loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/plugins/owl.carousel/dist/assets/ajax-loader.gif


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.eot


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.ttf


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.eot


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.ttf


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-solid-900.woff2


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/owl.video.play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/assets/plugins/owl.carousel/dist/assets/owl.video.play.png


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_screen-reader.less:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 | 
4 | .sr-only { .sr-only(); }
5 | .sr-only-focusable { .sr-only-focusable(); }
6 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-brands-400.woff2


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/font-awesome/webfonts/fa-regular-400.woff2


--------------------------------------------------------------------------------
/package/assets/scss/components/_VNavigationDrawer.scss:
--------------------------------------------------------------------------------
1 | .v-navigation-drawer__scrim.fade-transition-leave-to {
2 |   display: none;
3 | }
4 | 
5 | .v-navigation-drawer__scrim{
6 |   position: fixed;
7 | }


--------------------------------------------------------------------------------
/package/components/Layout/Full/logo/Logo.vue:
--------------------------------------------------------------------------------
1 | <script setup>
2 | import { computed } from "vue";
3 | </script>
4 | <template>
5 |   <div>
6 |     <LayoutFullLogoDark/>
7 |   </div>
8 | </template>
9 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_fixed-width.less:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .@{fa-css-prefix}-fw {
4 |   text-align: center;
5 |   width: (20em / 16);
6 | }
7 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 |   text-align: center;
5 |   width: (20em / 16);
6 | }
7 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_screen-reader.scss:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 | 
4 | .sr-only { @include sr-only; }
5 | .sr-only-focusable { @include sr-only-focusable; }
6 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_visibility.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | // Visibility
4 | 
5 | @mixin invisible($visibility) {
6 |   visibility: $visibility !important;
7 | }
8 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_screenreaders.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Screenreaders
 3 | //
 4 | 
 5 | .sr-only {
 6 |   @include sr-only();
 7 | }
 8 | 
 9 | .sr-only-focusable {
10 |   @include sr-only-focusable();
11 | }
12 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_visibility.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Visibility utilities
 3 | //
 4 | 
 5 | .visible {
 6 |   @include invisible(visible);
 7 | }
 8 | 
 9 | .invisible {
10 |   @include invisible(hidden);
11 | }
12 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_lists.scss:
--------------------------------------------------------------------------------
1 | // Lists
2 | 
3 | // Unstyled keeps list items block level, just removes default browser padding and list-style
4 | @mixin list-unstyled {
5 |   padding-left: 0;
6 |   list-style: none;
7 | }
8 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wrappixel/spike-nuxtjs-free/HEAD/landingpage/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_text-truncate.scss:
--------------------------------------------------------------------------------
1 | // Text truncate
2 | // Requires inline-block or block for proper styling
3 | 
4 | @mixin text-truncate() {
5 |   overflow: hidden;
6 |   text-overflow: ellipsis;
7 |   white-space: nowrap;
8 | }
9 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_resize.scss:
--------------------------------------------------------------------------------
1 | // Resize anything
2 | 
3 | @mixin resizable($direction) {
4 |   overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5 |   resize: $direction; // Options: horizontal, vertical, both
6 | }
7 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_float.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | @mixin float-left {
 4 |   float: left !important;
 5 | }
 6 | @mixin float-right {
 7 |   float: right !important;
 8 | }
 9 | @mixin float-none {
10 |   float: none !important;
11 | }
12 | 


--------------------------------------------------------------------------------
/package/assets/scss/components/_VTextField.scss:
--------------------------------------------------------------------------------
 1 | .v-text-field input {
 2 |   font-size: 0.875rem;
 3 | }
 4 | .v-field__outline {
 5 |   color: rgb(var(--v-theme-secondary));
 6 | }
 7 | .input {
 8 |   .v-field--variant-outlined {
 9 |     background-color: rgba(0, 0, 0, 0.025);
10 |   }
11 | }
12 | 
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_shadows.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | .shadow-sm { box-shadow: $box-shadow-sm !important; }
4 | .shadow { box-shadow: $box-shadow !important; }
5 | .shadow-lg { box-shadow: $box-shadow-lg !important; }
6 | .shadow-none { box-shadow: none !important; }
7 | 


--------------------------------------------------------------------------------
/package/.gitignore:
--------------------------------------------------------------------------------
 1 | # Nuxt dev/build outputs
 2 | .output
 3 | .data
 4 | .nuxt
 5 | .nitro
 6 | .cache
 7 | dist
 8 | 
 9 | # Node dependencies
10 | node_modules
11 | 
12 | # Logs
13 | logs
14 | *.log
15 | 
16 | # Misc
17 | .DS_Store
18 | .fleet
19 | .idea
20 | 
21 | # Local env files
22 | .env
23 | .env.*
24 | !.env.example
25 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_badge.scss:
--------------------------------------------------------------------------------
 1 | @mixin badge-variant($bg) {
 2 |   color: color-yiq($bg);
 3 |   background-color: $bg;
 4 | 
 5 |   &[href] {
 6 |     @include hover-focus {
 7 |       color: color-yiq($bg);
 8 |       text-decoration: none;
 9 |       background-color: darken($bg, 10%);
10 |     }
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_alert.scss:
--------------------------------------------------------------------------------
 1 | @mixin alert-variant($background, $border, $color) {
 2 |   color: $color;
 3 |   @include gradient-bg($background);
 4 |   border-color: $border;
 5 | 
 6 |   hr {
 7 |     border-top-color: darken($border, 5%);
 8 |   }
 9 | 
10 |   .alert-link {
11 |     color: darken($color, 10%);
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-header/NotificationDD.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <v-btn icon variant="text"  class="custom-hover-primary ml-0 ml-md-5 text-muted">
3 |         <v-badge dot color="primary" offset-x="-5" offset-y="-3">
4 |             <BellRingingIcon stroke-width="1.5" size="22" />
5 |         </v-badge>
6 |     </v-btn>
7 | </template>
8 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_nav-divider.scss:
--------------------------------------------------------------------------------
 1 | // Horizontal dividers
 2 | //
 3 | // Dividers (basically an hr) within dropdowns and nav lists
 4 | 
 5 | @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
 6 |   height: 0;
 7 |   margin: $margin-y 0;
 8 |   overflow: hidden;
 9 |   border-top: 1px solid $color;
10 | }
11 | 


--------------------------------------------------------------------------------
/package/assets/scss/components/_VShadow.scss:
--------------------------------------------------------------------------------
 1 | .elevation-9 {
 2 |   box-shadow: rgb(0 0 0 / 5%) 0px 9px 17.5px !important;
 3 | }
 4 | 
 5 | .elevation-10 {
 6 |   box-shadow: $box-shadow !important;
 7 | }
 8 | 
 9 | .primary-shadow {
10 |   box-shadow: rgba(var(--v-theme-primary), 0.30) 0px 12px 14px 0px;
11 |   &:hover {
12 |     box-shadow: none;
13 |   }
14 | }
15 | 
16 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/logo/LogoDark.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { RouterLink } from 'vue-router';
 3 | import logodark from '/images/logos/logo-dark.svg';
 4 | </script>
 5 | <template>
 6 |     <div class="logo">
 7 |         <NuxtLink to="/">
 8 |             <img :src="logodark" alt="home" />
 9 |         </NuxtLink>
10 |     </div>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_text-emphasis.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Typography
 4 | 
 5 | @mixin text-emphasis-variant($parent, $color) {
 6 |   #{$parent} {
 7 |     color: $color !important;
 8 |   }
 9 |   a#{$parent} {
10 |     @include hover-focus {
11 |       color: darken($color, 10%) !important;
12 |     }
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/logo/LogoLight.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { RouterLink } from 'vue-router';
 3 | import logolight from '/images/logos/logo-light.svg';
 4 | 
 5 | </script>
 6 | <template>
 7 |     <div class="logo">
 8 |         <NuxtLink to="/">
 9 |             <img :src="logolight" alt="home" />
10 |         </NuxtLink>
11 |     </div>
12 | </template>
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_transition.scss:
--------------------------------------------------------------------------------
 1 | @mixin transition($transition...) {
 2 |   @if $enable-transitions {
 3 |     @if length($transition) == 0 {
 4 |       transition: $transition-base;
 5 |     } @else {
 6 |       transition: $transition;
 7 |     }
 8 |   }
 9 | 
10 |   @media screen and (prefers-reduced-motion: reduce) {
11 |     transition: none;
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/logo/LogoDarkRtl.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { RouterLink } from 'vue-router';
 3 | import logortldark from '/images/logos/logo-dark-rtl.svg';
 4 | </script>
 5 | <template>
 6 |     <div class="logo">
 7 |         <NuxtLink to="/">
 8 |             <img :src="logortldark" alt="home" />
 9 |         </NuxtLink>
10 |     </div>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_core.less:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}, .fas, .far, .fal, .fab {
 5 |   -moz-osx-font-smoothing: grayscale;
 6 |   -webkit-font-smoothing: antialiased;
 7 |   display: inline-block;
 8 |   font-style: normal;
 9 |   font-variant: normal;
10 |   text-rendering: auto;
11 |   line-height: 1;
12 | }
13 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/logo/LogoLightRtl.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { RouterLink } from 'vue-router';
 3 | import logolightrtl from '/images/logos/logo-light-rtl.svg';
 4 | 
 5 | </script>
 6 | <template>
 7 |     <div class="logo">
 8 |         <NuxtLink to="/">
 9 |             <img :src="logolightrtl" alt="home" />
10 |         </NuxtLink>
11 |     </div>
12 | </template>
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_sizing.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Width and height
 4 | 
 5 | @each $prop, $abbrev in (width: w, height: h) {
 6 |   @each $size, $length in $sizes {
 7 |     .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
 8 |   }
 9 | }
10 | 
11 | .mw-100 { max-width: 100% !important; }
12 | .mh-100 { max-height: 100% !important; }
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_float.scss:
--------------------------------------------------------------------------------
 1 | @each $breakpoint in map-keys($grid-breakpoints) {
 2 |   @include media-breakpoint-up($breakpoint) {
 3 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 4 | 
 5 |     .float#{$infix}-left  { @include float-left; }
 6 |     .float#{$infix}-right { @include float-right; }
 7 |     .float#{$infix}-none  { @include float-none; }
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_core.scss:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix},
 5 | .fas,
 6 | .far,
 7 | .fal,
 8 | .fab {
 9 |   -moz-osx-font-smoothing: grayscale;
10 |   -webkit-font-smoothing: antialiased;
11 |   display: inline-block;
12 |   font-style: normal;
13 |   font-variant: normal;
14 |   text-rendering: auto;
15 |   line-height: 1;
16 | }
17 | 


--------------------------------------------------------------------------------
/hire-us.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |     <title>Spikeadmin Nuxtjs Free Template | Docs</title>
 6 |     <meta http-equiv="refresh" 
 7 |           content="0; URL = 'https://www.wrappixel.com/hire-us/'" />
 8 | </head>
 9 | 
10 | <body>
11 |     <h1>Spikeadmin Nuxtjs Free Template</h1>
12 |     <a href="https://www.wrappixel.com/hire-us/">https://www.wrappixel.com/hire-us/</a>
13 | </body>
14 | 
15 | </html>


--------------------------------------------------------------------------------
/landingpage/dist/scss/style.scss:
--------------------------------------------------------------------------------
 1 | /*
 2 | Template Name: Material-Pro Admin Template
 3 | Author: Niravjoshi / Wrappixel
 4 | File: scss
 5 | */
 6 | //(Required file)
 7 | @import 'variable';
 8 | 
 9 | // Import Bootstrap source files (Required file)
10 | @import "bootstrap/bootstrap";
11 | 
12 | //custom style
13 | @import 'custom';
14 | 
15 | //icons
16 | @import "icons/material-design-iconic-font/css/materialdesignicons.min.css";
17 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_animated.less:
--------------------------------------------------------------------------------
 1 | // Animated Icons
 2 | // --------------------------
 3 | 
 4 | .@{fa-css-prefix}-spin {
 5 |   animation: fa-spin 2s infinite linear;
 6 | }
 7 | 
 8 | .@{fa-css-prefix}-pulse {
 9 |   animation: fa-spin 1s infinite steps(8);
10 | }
11 | 
12 | @keyframes fa-spin {
13 |   0% {
14 |     transform: rotate(0deg);
15 |   }
16 |   100% {
17 |     transform: rotate(360deg);
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_animated.scss:
--------------------------------------------------------------------------------
 1 | // Animated Icons
 2 | // --------------------------
 3 | 
 4 | .#{$fa-css-prefix}-spin {
 5 |   animation: fa-spin 2s infinite linear;
 6 | }
 7 | 
 8 | .#{$fa-css-prefix}-pulse {
 9 |   animation: fa-spin 1s infinite steps(8);
10 | }
11 | 
12 | @keyframes fa-spin {
13 |   0% {
14 |     transform: rotate(0deg);
15 |   }
16 | 
17 |   100% {
18 |     transform: rotate(360deg);
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_list.less:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-ul {
 5 |   list-style-type: none;
 6 |   margin-left: @fa-li-width * 5/4;
 7 |   padding-left: 0;
 8 | 
 9 |   > li { position: relative; }
10 | }
11 | 
12 | .@{fa-css-prefix}-li {
13 |   left: -@fa-li-width;
14 |   position: absolute;
15 |   text-align: center;
16 |   width: @fa-li-width;
17 |   line-height: inherit;
18 | }
19 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_list.scss:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-ul {
 5 |   list-style-type: none;
 6 |   margin-left: $fa-li-width * 5/4;
 7 |   padding-left: 0;
 8 | 
 9 |   > li { position: relative; }
10 | }
11 | 
12 | .#{$fa-css-prefix}-li {
13 |   left: -$fa-li-width;
14 |   position: absolute;
15 |   text-align: center;
16 |   width: $fa-li-width;
17 |   line-height: inherit;
18 | }
19 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_transitions.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable selector-no-qualifying-type
 2 | 
 3 | .fade {
 4 |   @include transition($transition-fade);
 5 | 
 6 |   &:not(.show) {
 7 |     opacity: 0;
 8 |   }
 9 | }
10 | 
11 | .collapse {
12 |   &:not(.show) {
13 |     display: none;
14 |   }
15 | }
16 | 
17 | .collapsing {
18 |   position: relative;
19 |   height: 0;
20 |   overflow: hidden;
21 |   @include transition($transition-collapse);
22 | }
23 | 


--------------------------------------------------------------------------------
/package/assets/scss/components/_VButtons.scss:
--------------------------------------------------------------------------------
 1 | .v-btn-group .v-btn {
 2 |     height: inherit !important;
 3 | }
 4 | 
 5 | .v-btn-group {
 6 |     border-color: rgb(var(--v-theme-borderColor)) !important;
 7 | }
 8 | .v-btn{
 9 |     text-transform: capitalize;
10 |     letter-spacing: 0;
11 | }
12 | .v-btn--elevated:hover{
13 |     box-shadow: none;
14 | }
15 | // .v-btn--variant-outlined{
16 | //     border-color: rgb(var(--v-theme-inputBorder)) !important;
17 | // }


--------------------------------------------------------------------------------
/package/components/ui-components/alert/Filled.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <div>
3 |         <v-alert class="mb-3" type="error">This is an error alert — check it out!</v-alert>
4 |         <v-alert class="mb-3" type="warning">This is a warning alert — check it out!</v-alert>
5 |         <v-alert class="mb-3" type="info">This is an info alert — check it out!</v-alert>
6 |         <v-alert type="success">This is a success alert — check it out!</v-alert>
7 |     </div>
8 | </template>


--------------------------------------------------------------------------------
/package/pages/pages/sample-page.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import UiParentCard from '@/components/shared/UiParentCard.vue';
 4 | </script>
 5 | <template>
 6 |     <v-row>
 7 |         <v-col cols="12" md="12">
 8 |             <UiParentCard title="Sample Page"> 
 9 |                 <div class=""><p class="text-body-1">This is a sample page </p></div>
10 |             </UiParentCard>
11 |         </v-col>
12 |     </v-row>
13 | </template>
14 | 


--------------------------------------------------------------------------------
/package/components/ui-components/cards/CardsProps.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts"></script>
 2 | 
 3 | <template>
 4 |   <!-- ----------------------------------------------------------------------------- -->
 5 |   <!-- Props -->
 6 |   <!-- ----------------------------------------------------------------------------- -->
 7 |   <v-card  elevation="0"
 8 |     title="This is a title"
 9 |     subtitle="This is a subtitle"
10 |     text="This is content"
11 |   ></v-card>
12 | </template>
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_jumbotron.scss:
--------------------------------------------------------------------------------
 1 | .jumbotron {
 2 |   padding: $jumbotron-padding ($jumbotron-padding / 2);
 3 |   margin-bottom: $jumbotron-padding;
 4 |   background-color: $jumbotron-bg;
 5 |   @include border-radius($border-radius-lg);
 6 | 
 7 |   @include media-breakpoint-up(sm) {
 8 |     padding: ($jumbotron-padding * 2) $jumbotron-padding;
 9 |   }
10 | }
11 | 
12 | .jumbotron-fluid {
13 |   padding-right: 0;
14 |   padding-left: 0;
15 |   @include border-radius(0);
16 | }
17 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_align.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 | 
3 | .align-baseline    { vertical-align: baseline !important; } // Browser default
4 | .align-top         { vertical-align: top !important; }
5 | .align-middle      { vertical-align: middle !important; }
6 | .align-bottom      { vertical-align: bottom !important; }
7 | .align-text-bottom { vertical-align: text-bottom !important; }
8 | .align-text-top    { vertical-align: text-top !important; }
9 | 


--------------------------------------------------------------------------------
/package/components/ui-components/alert/Basic.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <v-alert class="mb-3 " color="error" variant="tonal">This is an error alert — check it out!</v-alert>
3 |     <v-alert class="mb-3 " color="warning" variant="tonal">This is a warning alert — check it out!</v-alert>
4 |     <v-alert class="mb-3 " color="info" variant="tonal">This is an info alert — check it out!</v-alert>
5 |     <v-alert  color="success" variant="tonal">This is a success alert — check it out!</v-alert>
6 | </template>
7 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_text-hide.scss:
--------------------------------------------------------------------------------
 1 | // CSS image replacement
 2 | @mixin text-hide($ignore-warning: false) {
 3 |   // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
 4 |   font: 0/0 a;
 5 |   color: transparent;
 6 |   text-shadow: none;
 7 |   background-color: transparent;
 8 |   border: 0;
 9 | 
10 |   @if ($ignore-warning != true) {
11 |     @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5.";
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/package/components/shared/UiChildCard.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 |     title: String
 4 | });
 5 | </script>
 6 | 
 7 | <template>
 8 |     <v-card elevation="10" class="bg-surface">
 9 |         <v-card-item class="py-4 px-6">
10 |             <v-card-title class="text-h5">{{ title }}</v-card-title>
11 |         </v-card-item>
12 |         <v-divider />
13 |         <v-card-text>
14 |             <slot />
15 |         </v-card-text>
16 |     </v-card>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/package/nuxt.config.ts:
--------------------------------------------------------------------------------
 1 | export default defineNuxtConfig({
 2 |   ssr: false,
 3 | 
 4 |   typescript: {
 5 |     shim: false,
 6 |   },
 7 | 
 8 |   app: {
 9 |     head: {
10 |       title:
11 |         "Spikeadmin Free Nuxt 3 Dashboard",
12 |     },
13 |   },
14 | 
15 |   build: {
16 |     transpile: ["vuetify"],
17 |   },
18 | 
19 |   nitro: {
20 |     serveStatic: true,
21 |   },
22 | 
23 |   sourcemap: { server: false, client: false },
24 |   devServerHandlers: [],
25 |   compatibilityDate: "2025-04-04",
26 | });


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/bootstrap-reboot.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Reboot v4.1.2 (https://getbootstrap.com/)
 3 |  * Copyright 2011-2018 The Bootstrap Authors
 4 |  * Copyright 2011-2018 Twitter, Inc.
 5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 6 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 7 |  */
 8 | 
 9 | @import "functions";
10 | @import "variables";
11 | @import "mixins";
12 | @import "reboot";
13 | 


--------------------------------------------------------------------------------
/package/components/shared/BaseCard.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 |   heading: String,
 4 | });
 5 | </script>
 6 | 
 7 | <template>
 8 |   <v-card class="overflow-hidden"  elevation="10">
 9 |     <v-toolbar color="transparent">
10 |         <v-card-title class="text-h5">{{ heading }}</v-card-title>
11 | 
12 |       <v-spacer></v-spacer>
13 |     </v-toolbar>
14 |     <v-divider></v-divider>
15 |     <div class="pa-5">
16 |       <slot />
17 |     </div>
18 |   </v-card>
19 | </template>


--------------------------------------------------------------------------------
/package/public/images/technology/vue-cat-icon.svg:
--------------------------------------------------------------------------------
 1 | <svg width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_910_151)">
 3 | <path d="M17.2334 0L14 5.54247L10.7666 0H0L14 24L28 0H17.2334Z" fill="#4DBA87"/>
 4 | <path d="M17.2335 0L14.0001 5.54247L10.7667 0H5.6001L14.0001 14.3993L22.4001 0H17.2335Z" fill="#435466"/>
 5 | </g>
 6 | <defs>
 7 | <clipPath id="clip0_910_151">
 8 | <rect width="28" height="24" fill="white"/>
 9 | </clipPath>
10 | </defs>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/package/components/ui-components/button/ColorsButtons.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | // buttons color data
 4 | const btnsColor = ref(['primary', 'secondary', 'error', 'warning','success']);
 5 | </script>
 6 | <template>
 7 |     <div class="d-flex gap-3 align-center flex-column flex-wrap flex-xl-nowrap flex-sm-row fill-height">
 8 |         <v-btn v-for="btn in btnsColor" :key="btn" :color="btn" variant="flat">
 9 |             {{ btn }}
10 |         </v-btn>
11 |     </div>
12 | </template>
13 | 


--------------------------------------------------------------------------------
/docs.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |     <title>Spikeadmin Nuxtjs Free Template | Docs</title>
 6 |     <meta http-equiv="refresh" 
 7 |           content="0; URL = 'https://wrappixel.github.io/free-documentation-wp/nuxt/spike/index.html'" />
 8 | </head>
 9 | 
10 | <body>
11 |     <h1>Spikeadmin Nuxtjs Free Template</h1>
12 |     <a href="https://wrappixel.github.io/free-documentation-wp/nuxt/spike/index.html">https://wrappixel.github.io/free-documentation-wp/nuxt/spike/index.html</a>
13 | </body>
14 | 
15 | </html>


--------------------------------------------------------------------------------
/package/components/ui-components/button/OutlinedButtons.vue:
--------------------------------------------------------------------------------
 1 | 
 2 | <template>
 3 |     <div class="d-flex gap-3 justify-center align-center flex-column flex-wrap flex-xl-nowrap flex-sm-row fill-height"> 
 4 |        <v-btn color="primary" variant="outlined">primary</v-btn>
 5 |         <v-btn color="secondary" variant="outlined">secondary</v-btn>
 6 |         <v-btn variant="flat" disabled>
 7 |             Disabled
 8 |         </v-btn>
 9 |         <v-btn color="info" variant="outlined">link</v-btn>
10 |     </div>
11 | </template>
12 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_background.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | @each $color, $value in $theme-colors {
 4 |   @include bg-variant(".bg-#{$color}", $value);
 5 | }
 6 | 
 7 | @if $enable-gradients {
 8 |   @each $color, $value in $theme-colors {
 9 |     @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10 |   }
11 | }
12 | 
13 | .bg-white {
14 |   background-color: $white !important;
15 | }
16 | 
17 | .bg-transparent {
18 |   background-color: transparent !important;
19 | }
20 | 


--------------------------------------------------------------------------------
/package/components/ui-components/button/TextButtons.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | // buttons color data
 4 | const btnsColor = ref(['primary', 'secondary', 'success', 'error', 'warning']);
 5 | </script>
 6 | <template>
 7 |     <div class="d-flex flex-wrap gap-3 my-2 align-center flex-column flex-wrap flex-xl-nowrap flex-sm-row fill-height">
 8 |         <v-btn v-for="btn in btnsColor" :key="btn" :color="btn" variant="text">
 9 |             {{ btn }}
10 |         </v-btn>
11 |     </div>
12 | </template>
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_utilities.scss:
--------------------------------------------------------------------------------
 1 | @import "utilities/align";
 2 | @import "utilities/background";
 3 | @import "utilities/borders";
 4 | @import "utilities/clearfix";
 5 | @import "utilities/display";
 6 | @import "utilities/embed";
 7 | @import "utilities/flex";
 8 | @import "utilities/float";
 9 | @import "utilities/position";
10 | @import "utilities/screenreaders";
11 | @import "utilities/shadows";
12 | @import "utilities/sizing";
13 | @import "utilities/spacing";
14 | @import "utilities/text";
15 | @import "utilities/visibility";
16 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-sidebar/NavGroup/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | const props = defineProps({ item: Object });
 3 | </script>
 4 | 
 5 | <template>
 6 |     <v-list-subheader  class="smallCap text-capitalize text-subtitle-1 mt-5 d-flex align-items-center">
 7 |         <span class="mini-icon"><DotsIcon size="16" stroke-width="1.5" class="iconClass" /></span>
 8 |        <span class="mini-text font-weight-semibold pl-2 text-medium-emphasis text-uppercase ">{{ props.item.header}}</span> 
 9 |     </v-list-subheader>
10 | </template>
11 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_larger.scss:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | // makes the font 33% larger relative to the icon container
 5 | .#{$fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -.0667em;
 9 | }
10 | 
11 | .#{$fa-css-prefix}-xs {
12 |   font-size: .75em;
13 | }
14 | 
15 | .#{$fa-css-prefix}-sm {
16 |   font-size: .875em;
17 | }
18 | 
19 | @for $i from 1 through 10 {
20 |   .#{$fa-css-prefix}-#{$i}x {
21 |     font-size: $i * 1em;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_bordered-pulled.less:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-border {
 5 |   border-radius: .1em;
 6 |   border: solid .08em @fa-border-color;
 7 |   padding: .2em .25em .15em;
 8 | }
 9 | 
10 | .@{fa-css-prefix}-pull-left { float: left; }
11 | .@{fa-css-prefix}-pull-right { float: right; }
12 | 
13 | .@{fa-css-prefix}, .fas, .far, .fal, .fab {
14 |   &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
15 |   &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/fontawesome.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import 'variables';
 6 | @import 'mixins';
 7 | @import 'core';
 8 | @import 'larger';
 9 | @import 'fixed-width';
10 | @import 'list';
11 | @import 'bordered-pulled';
12 | @import 'animated';
13 | @import 'rotated-flipped';
14 | @import 'stacked';
15 | @import 'icons';
16 | @import 'screen-reader';
17 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_list-group.scss:
--------------------------------------------------------------------------------
 1 | // List Groups
 2 | 
 3 | @mixin list-group-item-variant($state, $background, $color) {
 4 |   .list-group-item-#{$state} {
 5 |     color: $color;
 6 |     background-color: $background;
 7 | 
 8 |     &.list-group-item-action {
 9 |       @include hover-focus {
10 |         color: $color;
11 |         background-color: darken($background, 5%);
12 |       }
13 | 
14 |       &.active {
15 |         color: $white;
16 |         background-color: $color;
17 |         border-color: $color;
18 |       }
19 |     }
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/package/components/ui-components/cards/CardsSlots.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts"></script>
 2 | 
 3 | <template>
 4 |   <!-- ----------------------------------------------------------------------------- -->
 5 |   <!-- Props -->
 6 |   <!-- ----------------------------------------------------------------------------- -->
 7 |   <v-card  elevation="0">
 8 |     <template v-slot:title> This is a title </template>
 9 | 
10 |     <template v-slot:subtitle> This is a subtitle </template>
11 | 
12 |     <template v-slot:text> This is content </template></v-card
13 |   >
14 | </template>
15 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_bordered-pulled.scss:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-border {
 5 |   border: solid .08em $fa-border-color;
 6 |   border-radius: .1em;
 7 |   padding: .2em .25em .15em;
 8 | }
 9 | 
10 | .#{$fa-css-prefix}-pull-left { float: left; }
11 | .#{$fa-css-prefix}-pull-right { float: right; }
12 | 
13 | .#{$fa-css-prefix},
14 | .fas,
15 | .far,
16 | .fal,
17 | .fab {
18 |   &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
19 |   &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
20 | }
21 | 


--------------------------------------------------------------------------------
/package/components/ui-components/button/BaseButtons.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="d-flex gap-3 align-center flex-column flex-wrap flex-xl-nowrap flex-sm-row fill-height d-flex justify-space-between">
 3 |     <v-btn >elevates (default)</v-btn>
 4 |     <v-btn variant="flat" color="primary">flat</v-btn>
 5 |     <v-btn variant="tonal" color="primary">tonal</v-btn>
 6 |     <v-btn variant="outlined" color="primary">outlined</v-btn>
 7 |     <v-btn variant="text" color="primary">text</v-btn>
 8 |     <v-btn variant="plain" color="primary">plain</v-btn>
 9 |   </div>
10 | </template>
11 | 


--------------------------------------------------------------------------------
/package/pages/pages/Icons.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import UiParentCard from '@/components/shared/UiParentCard.vue';
 4 | </script>
 5 | <template>
 6 |     <v-row>
 7 |         <v-col cols="12" md="12">
 8 |             <UiParentCard title="Icons"> 
 9 |                 <div class="pa-7 pt-0">
10 |                     <iframe class="w-100 " src="https://icon-sets.iconify.design/solar/" frameborder="0" data-simplebar="" height="600"></iframe>
11 |                 </div>
12 |             </UiParentCard>
13 |         </v-col>
14 |     </v-row>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-sidebar/Icon.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | const props = defineProps({ item: Object, level: Number });
 3 | </script>
 4 | 
 5 | <template>
 6 |   <template v-if="level > 0">
 7 |     <component
 8 |       :is="item"
 9 |       size="5"
10 |       fill="currentColor"
11 |       stroke-width="1.5"
12 |       class="iconClass"
13 |     ></component>
14 |   </template>
15 |   <template v-else>
16 |     <component
17 |       :is="item"
18 |       size="20"
19 |       stroke-width="1.5"
20 |       class="iconClass"
21 |     ></component>
22 |   </template>
23 | </template>
24 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_pagination.scss:
--------------------------------------------------------------------------------
 1 | // Pagination
 2 | 
 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
 4 |   .page-link {
 5 |     padding: $padding-y $padding-x;
 6 |     font-size: $font-size;
 7 |     line-height: $line-height;
 8 |   }
 9 | 
10 |   .page-item {
11 |     &:first-child {
12 |       .page-link {
13 |         @include border-left-radius($border-radius);
14 |       }
15 |     }
16 |     &:last-child {
17 |       .page-link {
18 |         @include border-right-radius($border-radius);
19 |       }
20 |     }
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/package/error.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | definePageMeta({
 3 |   layout: "blank",
 4 | });
 5 | </script>
 6 | <template>
 7 |     <div class="d-flex justify-center align-center text-center h-100">
 8 |         <div>
 9 |             <img src="/images/backgrounds/errorimg.svg" width="500" alt="404" />
10 |             <h1 class="text-h1 pt-3">Opps!!!</h1>
11 |             <h4 class="text-h4 my-8">This page you are looking for could not be found.</h4>
12 |             <v-btn rounded="pill" color="primary" class="mb-4" to="/">Go Back to Home</v-btn>
13 |         </div>
14 |     </div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/fontawesome.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import "_variables.less";
 6 | @import "_mixins.less";
 7 | @import "_core.less";
 8 | @import "_larger.less";
 9 | @import "_fixed-width.less";
10 | @import "_list.less";
11 | @import "_bordered-pulled.less";
12 | @import "_animated.less";
13 | @import "_rotated-flipped.less";
14 | @import "_stacked.less";
15 | @import "_icons.less";
16 | @import "_screen-reader.less";
17 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_background-variant.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Contextual backgrounds
 4 | 
 5 | @mixin bg-variant($parent, $color) {
 6 |   #{$parent} {
 7 |     background-color: $color !important;
 8 |   }
 9 |   a#{$parent},
10 |   button#{$parent} {
11 |     @include hover-focus {
12 |       background-color: darken($color, 10%) !important;
13 |     }
14 |   }
15 | }
16 | 
17 | @mixin bg-gradient-variant($parent, $color) {
18 |   #{$parent} {
19 |     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_larger.less:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | .larger(@factor) when (@factor > 0) {
 5 |   .larger((@factor - 1));
 6 | 
 7 |   .@{fa-css-prefix}-@{factor}x {
 8 |     font-size: (@factor * 1em);
 9 |   }
10 | }
11 | 
12 | /* makes the font 33% larger relative to the icon container */
13 | .@{fa-css-prefix}-lg {
14 |   font-size: (4em / 3);
15 |   line-height: (3em / 4);
16 |   vertical-align: -.0667em;
17 | }
18 | 
19 | .@{fa-css-prefix}-xs {
20 |   font-size: .75em;
21 | }
22 | 
23 | .@{fa-css-prefix}-sm {
24 |   font-size: .875em;
25 | }
26 | 
27 | .larger(10);
28 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_stacked.less:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-stack {
 5 |   display: inline-block;
 6 |   height: 2em;
 7 |   line-height: 2em;
 8 |   position: relative;
 9 |   vertical-align: middle;
10 |   width: 2em;
11 | }
12 | 
13 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
14 |   left: 0;
15 |   position: absolute;
16 |   text-align: center;
17 |   width: 100%;
18 | }
19 | 
20 | .@{fa-css-prefix}-stack-1x { line-height: inherit; }
21 | .@{fa-css-prefix}-stack-2x { font-size: 2em; }
22 | .@{fa-css-prefix}-inverse { color: @fa-inverse; }
23 | 


--------------------------------------------------------------------------------
/package/public/images/technology/nuxt-cat-icon.svg:
--------------------------------------------------------------------------------
1 | <svg width="36" height="24" viewBox="0 0 36 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M15.8181 1.2951C14.8138 -0.431701 12.3031 -0.431701 11.2988 1.2951L0.353465 20.1146C-0.650832 21.8415 0.604536 24 2.61314 24H11.1576C10.2994 23.2499 9.98151 21.9523 10.631 20.8389L18.9205 6.62947L15.8181 1.2951Z" fill="#80EEC0"/>
3 | <path d="M22.7535 5.42292C23.5847 4.01007 25.6625 4.01007 26.4937 5.42292L35.5518 20.8207C36.383 22.2335 35.3441 23.9996 33.6817 23.9996H15.5654C13.9032 23.9996 12.8642 22.2335 13.6954 20.8207L22.7535 5.42292Z" fill="#00DC82"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_reset-text.scss:
--------------------------------------------------------------------------------
 1 | @mixin reset-text {
 2 |   font-family: $font-family-base;
 3 |   // We deliberately do NOT reset font-size or word-wrap.
 4 |   font-style: normal;
 5 |   font-weight: $font-weight-normal;
 6 |   line-height: $line-height-base;
 7 |   text-align: left; // Fallback for where `start` is not supported
 8 |   text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
 9 |   text-decoration: none;
10 |   text-shadow: none;
11 |   text-transform: none;
12 |   letter-spacing: normal;
13 |   word-break: normal;
14 |   word-spacing: normal;
15 |   white-space: normal;
16 |   line-break: auto;
17 | }
18 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_stacked.scss:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-stack {
 5 |   display: inline-block;
 6 |   height: 2em;
 7 |   line-height: 2em;
 8 |   position: relative;
 9 |   vertical-align: middle;
10 |   width: 2em;
11 | }
12 | 
13 | .#{$fa-css-prefix}-stack-1x,
14 | .#{$fa-css-prefix}-stack-2x {
15 |   left: 0;
16 |   position: absolute;
17 |   text-align: center;
18 |   width: 100%;
19 | }
20 | 
21 | .#{$fa-css-prefix}-stack-1x {
22 |   line-height: inherit;
23 | }
24 | 
25 | .#{$fa-css-prefix}-stack-2x {
26 |   font-size: 2em;
27 | }
28 | 
29 | .#{$fa-css-prefix}-inverse {
30 |   color: $fa-inverse;
31 | }
32 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/css/fa-brands.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4 |  */
5 | @font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_root.scss:
--------------------------------------------------------------------------------
 1 | :root {
 2 |   // Custom variable values only support SassScript inside `#{}`.
 3 |   @each $color, $value in $colors {
 4 |     --#{$color}: #{$value};
 5 |   }
 6 | 
 7 |   @each $color, $value in $theme-colors {
 8 |     --#{$color}: #{$value};
 9 |   }
10 | 
11 |   @each $bp, $value in $grid-breakpoints {
12 |     --breakpoint-#{$bp}: #{$value};
13 |   }
14 | 
15 |   // Use `inspect` for lists so that quoted items keep the quotes.
16 |   // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
17 |   --font-family-sans-serif: #{inspect($font-family-sans-serif)};
18 |   --font-family-monospace: #{inspect($font-family-monospace)};
19 | }
20 | 


--------------------------------------------------------------------------------
/package/assets/scss/style.scss:
--------------------------------------------------------------------------------
 1 | @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap");
 2 | @import './variables';
 3 | @import 'vuetify/styles/main.sass';
 4 | @import './override';
 5 | @import './layout/container';
 6 | @import './layout/sidebar';
 7 | @import './layout/topbar';
 8 | @import './components/VButtons';
 9 | @import './components/VCard';
10 | @import './components/VInput';
11 | @import './components/VNavigationDrawer';
12 | @import './components/VShadow';
13 | @import './components/VTextField';
14 | @import './pages/dashboards';
15 | @import './pages/authentication';
16 | @import 'vue3-perfect-scrollbar/dist/vue3-perfect-scrollbar.css';


--------------------------------------------------------------------------------
/package/components/ui-components/button/IconColorSizes.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="d-flex flex-wrap justify-center gap-3 align-center flex-column flex-sm-row fill-height">
 3 |         <v-btn color="primary" icon size="x-small" flat><BellIcon stroke-width="1.5"  /></v-btn>
 4 |         <v-btn color="secondary" icon  size="small" flat><BellIcon stroke-width="1.5"  /></v-btn>
 5 |         <v-btn color="success" icon flat><BellIcon stroke-width="1.5"  /></v-btn>
 6 |         <v-btn color="error" icon size="large" flat><BellIcon stroke-width="1.5" /></v-btn>
 7 |         <v-btn color="warning" icon  size="x-large" flat><BellIcon stroke-width="1.5"  /></v-btn>
 8 |     </div>
 9 | </template>
10 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/css/fa-solid.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4 |  */
5 | @font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:Font Awesome\ 5 Free;font-weight:900}


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/css/fa-regular.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4 |  */
5 | @font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome\ 5 Free;font-weight:400}


--------------------------------------------------------------------------------
/package/components/ui-components/button/SizeButtons.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="d-flex gap-2 justify-space-around align-center flex-column flex-md-row fill-height">
 3 |         <v-btn size="x-small" color="primary" flat>
 4 |             Extra small
 5 |         </v-btn>
 6 | 
 7 |         <v-btn size="small" color="primary" flat>
 8 |             Small
 9 |         </v-btn>
10 | 
11 |         <v-btn color="primary" flat>
12 |             Normal
13 |         </v-btn>
14 | 
15 |         <v-btn color="primary" size="large" flat>
16 |             Large
17 |         </v-btn>
18 | 
19 |         <v-btn size="x-large" color="primary" flat>
20 |             Extra large
21 |         </v-btn>
22 |     </div>
23 | </template>


--------------------------------------------------------------------------------
/package/assets/scss/components/_VInput.scss:
--------------------------------------------------------------------------------
 1 | // variant
 2 | .v-input--density-default,
 3 | .v-field--variant-solo,
 4 | .v-field--variant-filled {
 5 |     --v-input-control-height: 51px;
 6 |     --v-input-padding-top: 14px;
 7 | }
 8 | 
 9 | // comfortable
10 | .v-input--density-comfortable {
11 |     --v-input-control-height: 44px;
12 | }
13 | 
14 | // compact
15 | .v-input--density-compact {
16 |     --v-input-padding-top: 10px;
17 | }
18 | .v-label {
19 |     font-size: 0.875rem;
20 |     opacity: 1;
21 | }
22 | .v-switch .v-label,
23 | .v-checkbox .v-label {
24 |     opacity: 1;
25 | }
26 | 
27 | .v-text-field__suffix {
28 |     opacity: 1;
29 |     padding-left: 20px;
30 | }
31 | 
32 | .shadow-none .v-field--variant-solo {
33 |     box-shadow: none !important;
34 | }
35 | 


--------------------------------------------------------------------------------
/package/public/images/technology/angular-cat-icon.svg:
--------------------------------------------------------------------------------
 1 | <svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_908_99)">
 3 | <path d="M0.0102539 4.51888L12.7873 0.0693359L25.9085 4.43976L23.7839 20.9624L12.7873 26.9149L1.96274 21.0415L0.0102539 4.51888Z" fill="#E23237"/>
 4 | <path d="M25.9087 4.43976L12.7876 0.0693359V26.9149L23.7842 20.9723L25.9087 4.43976Z" fill="#B52E31"/>
 5 | <path d="M12.8078 3.2041L4.84619 20.5178L7.82037 20.4683L9.41883 16.5626H16.561L18.3112 20.5178L21.1539 20.5672L12.8078 3.2041ZM12.8281 8.75121L15.519 14.2488H10.4607L12.8281 8.75121Z" fill="white"/>
 6 | </g>
 7 | <defs>
 8 | <clipPath id="clip0_908_99">
 9 | <rect width="26" height="27" fill="white"/>
10 | </clipPath>
11 | </defs>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/css/fa-brands.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @font-face {
 6 |   font-family: 'Font Awesome 5 Brands';
 7 |   font-style: normal;
 8 |   font-weight: normal;
 9 |   src: url("../webfonts/fa-brands-400.eot");
10 |   src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
11 | 
12 | .fab {
13 |   font-family: 'Font Awesome 5 Brands'; }
14 | 


--------------------------------------------------------------------------------
/package/types/dashboard/index.ts:
--------------------------------------------------------------------------------
 1 | /*Recent Transaction*/
 2 | type recentTrans = {
 3 |     title: string;
 4 |     subtitle: string;
 5 |     textcolor: string;
 6 |     boldtext: boolean;
 7 |     line: boolean;
 8 |     link: string;
 9 |     url: string;
10 | };
11 | 
12 | /*product performance*/
13 | type productPerformanceType = {
14 |     id: number;
15 |     name: string;
16 |     post: string;
17 |     pname: string;
18 |     status: string;
19 |     statuscolor: string;
20 |     budget: string;
21 | };
22 | 
23 | /*Products card types*/
24 | type productsCards = {
25 |     title: string;
26 |     link: string;
27 |     photo: string;
28 |     salesPrice: number;
29 |     price: number;
30 |     rating: number;
31 | };
32 | 
33 | export type { recentTrans, productPerformanceType, productsCards }


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/css/fa-solid.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @font-face {
 6 |   font-family: 'Font Awesome 5 Free';
 7 |   font-style: normal;
 8 |   font-weight: 900;
 9 |   src: url("../webfonts/fa-solid-900.eot");
10 |   src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
11 | 
12 | .fa,
13 | .fas {
14 |   font-family: 'Font Awesome 5 Free';
15 |   font-weight: 900; }
16 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/css/fa-regular.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @font-face {
 6 |   font-family: 'Font Awesome 5 Free';
 7 |   font-style: normal;
 8 |   font-weight: 400;
 9 |   src: url("../webfonts/fa-regular-400.eot");
10 |   src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
11 | 
12 | .far {
13 |   font-family: 'Font Awesome 5 Free';
14 |   font-weight: 400; }
15 | 


--------------------------------------------------------------------------------
/package/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "spikeadmin",
 3 |   "version": "2.0.0",
 4 |   "type": "module",
 5 |   "private": true,
 6 |   "scripts": {
 7 |     "build": "nuxt build",
 8 |     "dev": "nuxt dev",
 9 |     "generate": "nuxt generate",
10 |     "preview": "nuxt preview",
11 |     "postinstall": "nuxt prepare"
12 |   },
13 |   "devDependencies": {
14 |     "nuxt": "3.16.2"
15 |   },
16 |   "dependencies": {
17 |     "@mdi/font": "7.4.47",
18 |     "@nuxt/vite-builder": "3.16.2",
19 |     "apexcharts": "4.5.0",
20 |     "@iconify/vue": "^4.1.1",
21 |     "sass": "1.70.0",
22 |     "vue": "3.5.13",
23 |     "vue-tabler-icons": "2.21.0",
24 |     "vue3-apexcharts": "1.5.2",
25 |     "vue3-perfect-scrollbar": "1.6.1",
26 |     "vuetify": "3.7.18"
27 |   },
28 |   "overrides": {
29 |     "nth-check": "2.1.1"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_table-row.scss:
--------------------------------------------------------------------------------
 1 | // Tables
 2 | 
 3 | @mixin table-row-variant($state, $background) {
 4 |   // Exact selectors below required to override `.table-striped` and prevent
 5 |   // inheritance to nested tables.
 6 |   .table-#{$state} {
 7 |     &,
 8 |     > th,
 9 |     > td {
10 |       background-color: $background;
11 |     }
12 |   }
13 | 
14 |   // Hover states for `.table-hover`
15 |   // Note: this is not available for cells or rows within `thead` or `tfoot`.
16 |   .table-hover {
17 |     $hover-background: darken($background, 5%);
18 | 
19 |     .table-#{$state} {
20 |       @include hover {
21 |         background-color: $hover-background;
22 | 
23 |         > td,
24 |         > th {
25 |           background-color: $hover-background;
26 |         }
27 |       }
28 |     }
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/bootstrap-grid.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
 3 |  * Copyright 2011-2018 The Bootstrap Authors
 4 |  * Copyright 2011-2018 Twitter, Inc.
 5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 6 |  */
 7 | 
 8 | @at-root {
 9 |   @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
10 | }
11 | 
12 | html {
13 |   box-sizing: border-box;
14 |   -ms-overflow-style: scrollbar;
15 | }
16 | 
17 | *,
18 | *::before,
19 | *::after {
20 |   box-sizing: inherit;
21 | }
22 | 
23 | @import "functions";
24 | @import "variables";
25 | 
26 | @import "mixins/breakpoints";
27 | @import "mixins/grid-framework";
28 | @import "mixins/grid";
29 | 
30 | @import "grid";
31 | @import "utilities/display";
32 | @import "utilities/flex";
33 | 


--------------------------------------------------------------------------------
/package/components/shared/CardHeaderFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 |     title: String
 4 | });
 5 | </script>
 6 | 
 7 | <template>
 8 |     <!-- -------------------------------------------------------------------- -->
 9 |     <!-- Card with Header & Footer -->
10 |     <!-- -------------------------------------------------------------------- -->
11 |     <v-card variant="outlined" elevation="0" >
12 |         <v-card-item>
13 |             <v-card-title class="text-18">{{ title }}</v-card-title>
14 |         </v-card-item>
15 |         <v-divider></v-divider>
16 |         <v-card-text>
17 |             <slot />
18 |         </v-card-text>
19 |         <v-divider></v-divider>
20 |         <v-card-actions>
21 |             <slot name="footer" />
22 |         </v-card-actions>
23 |     </v-card>
24 | </template>
25 | 


--------------------------------------------------------------------------------
/package/components/shared/UiParentCard.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | const props = defineProps({
 3 |     title: String
 4 | });
 5 | </script>
 6 | 
 7 | // ===============================|| Ui Parent Card||=============================== //
 8 | <template>
 9 |     <v-card elevation="10" >
10 |         <v-card-item class="py-4 px-6">
11 |             <div class="d-sm-flex align-center justify-space-between">
12 |                 <v-card-title class="text-h5 font-weight-semibold">{{ title }}</v-card-title>
13 |                 <!-- <template v-slot:append> -->
14 |                 <slot name="action"></slot>
15 |                 <!-- </template> -->
16 |             </div>
17 |         </v-card-item>
18 |         <v-divider></v-divider>
19 |         <v-card-text>
20 |             <slot />
21 |         </v-card-text>
22 |     </v-card>
23 | </template>
24 | 


--------------------------------------------------------------------------------
/package/components/ui-components/alert/Closable.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | const alert = ref(true);
 4 | </script>
 5 | <template>
 6 |    <div>
 7 |     <v-alert
 8 |       v-model="alert"
 9 |       border="start"
10 |       variant="tonal"
11 |       closable
12 |       close-label="Close Alert"
13 |       color="primary"
14 |       title="Closable Alert"
15 |     >
16 |       Aenean imperdiet. Quisque id odio. Cras dapibus. Pellentesque ut neque. Cras dapibus.
17 | 
18 |       Vivamus consectetuer hendrerit lacus. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non
19 |     </v-alert>
20 |     <div
21 |       v-if="!alert"
22 |     >
23 |       <v-btn
24 |         color="primary"
25 |         @click="alert = true" flat>
26 |         Reset
27 |       </v-btn>
28 |     </div>
29 |   </div>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_rotated-flipped.less:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
 9 | .@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
10 | .@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(-1, -1, 2); }
11 | 
12 | // Hook for IE8-9
13 | // -------------------------
14 | 
15 | :root {
16 |   .@{fa-css-prefix}-rotate-90,
17 |   .@{fa-css-prefix}-rotate-180,
18 |   .@{fa-css-prefix}-rotate-270,
19 |   .@{fa-css-prefix}-flip-horizontal,
20 |   .@{fa-css-prefix}-flip-vertical {
21 |     filter: none;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/fa-brands.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import 'variables';
 6 | 
 7 | @font-face {
 8 |   font-family: 'Font Awesome 5 Brands';
 9 |   font-style: normal;
10 |   font-weight: normal;
11 |   src: url('#{$fa-font-path}/fa-brands-400.eot');
12 |   src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
13 |   url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
14 |   url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
15 |   url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
16 |   url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
17 | }
18 | 
19 | .fab {
20 |   font-family: 'Font Awesome 5 Brands';
21 | }
22 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_position.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Common values
 4 | 
 5 | // Sass list not in variables since it's not intended for customization.
 6 | // stylelint-disable-next-line scss/dollar-variable-default
 7 | $positions: static, relative, absolute, fixed, sticky;
 8 | 
 9 | @each $position in $positions {
10 |   .position-#{$position} { position: $position !important; }
11 | }
12 | 
13 | // Shorthand
14 | 
15 | .fixed-top {
16 |   position: fixed;
17 |   top: 0;
18 |   right: 0;
19 |   left: 0;
20 |   z-index: $zindex-fixed;
21 | }
22 | 
23 | .fixed-bottom {
24 |   position: fixed;
25 |   right: 0;
26 |   bottom: 0;
27 |   left: 0;
28 |   z-index: $zindex-fixed;
29 | }
30 | 
31 | .sticky-top {
32 |   @supports (position: sticky) {
33 |     position: sticky;
34 |     top: 0;
35 |     z-index: $zindex-sticky;
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/fa-brands.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import "_variables.less";
 6 | 
 7 | @font-face {
 8 |   font-family: 'Font Awesome 5 Brands';
 9 |   font-style: normal;
10 |   font-weight: normal;
11 |   src: url('@{fa-font-path}/fa-brands-400.eot');
12 |   src: url('@{fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
13 |     url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'),
14 |     url('@{fa-font-path}/fa-brands-400.woff') format('woff'),
15 |     url('@{fa-font-path}/fa-brands-400.ttf') format('truetype'),
16 |     url('@{fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
17 | }
18 | 
19 | .fab {
20 |   font-family: 'Font Awesome 5 Brands';
21 | }
22 | 


--------------------------------------------------------------------------------
/package/assets/scss/layout/_container.scss:
--------------------------------------------------------------------------------
 1 | html {
 2 |     overflow-y: auto;
 3 | }
 4 | 
 5 | .v-application__wrap {
 6 |     background-color: rgba(var(--v-theme-background));
 7 | }
 8 | 
 9 | .v-main {
10 |     min-height: 100vh;
11 |     padding-top: 10px;
12 |     padding-left:calc(var(--v-layout-left) + 0px) !important;
13 | }
14 | 
15 | .v-application {
16 |     background: transparent;
17 | }
18 | 
19 | .cursor-pointer {
20 |     cursor: pointer;
21 | }
22 | @media screen and (min-width:1300px) {
23 |     .maxWidth {
24 |         max-width: 1300px;
25 |         margin: 0 auto;
26 |     }
27 | }
28 | .fixed-width {
29 |     max-width: 1300px;
30 | }
31 | 
32 | @media screen and (max-width:1024px) {
33 |     .v-toolbar__content {
34 |         justify-content: space-between;
35 |     }
36 | 
37 |     .v-toolbar__content>.v-btn:last-child {
38 |         margin-inline-end: 0px !important;
39 |     }
40 | }


--------------------------------------------------------------------------------
/package/components/shared/UiParentCardLogo.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import Logo from "@/layouts/full/logo/Logo.vue";
 4 | </script>
 5 | 
 6 | // ===============================|| Ui Parent Card||=============================== //
 7 | <template>
 8 |     <v-card elevation="10"  class="overflow-hidden">
 9 |         <v-card-item class="v-card-item bg-surface pt-4 pb-2">
10 |             <div class="d-sm-flex align-center justify-space-between ">
11 |                 <v-card-title class="text-h5"><Logo/></v-card-title>
12 |                 <!-- <template v-slot:append> -->
13 |                 <slot name="action"></slot>
14 |                 <!-- </template> -->
15 |             </div>
16 |         </v-card-item>
17 |         <v-divider></v-divider>
18 |         <v-card-text>
19 |             <slot />
20 |         </v-card-text>
21 |     </v-card>
22 | </template>
23 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/fa-solid.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import 'variables';
 6 | 
 7 | @font-face {
 8 |   font-family: 'Font Awesome 5 Free';
 9 |   font-style: normal;
10 |   font-weight: 900;
11 |   src: url('#{$fa-font-path}/fa-solid-900.eot');
12 |   src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
13 |   url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
14 |   url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
15 |   url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
16 |   url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
17 | }
18 | 
19 | .fa,
20 | .fas {
21 |   font-family: 'Font Awesome 5 Free';
22 |   font-weight: 900;
23 | }
24 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/fa-regular.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import 'variables';
 6 | 
 7 | @font-face {
 8 |   font-family: 'Font Awesome 5 Free';
 9 |   font-style: normal;
10 |   font-weight: 400;
11 |   src: url('#{$fa-font-path}/fa-regular-400.eot');
12 |   src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
13 |   url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
14 |   url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
15 |   url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
16 |   url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
17 | }
18 | 
19 | .far {
20 |   font-family: 'Font Awesome 5 Free';
21 |   font-weight: 400;
22 | }
23 | 


--------------------------------------------------------------------------------
/package/public/images/technology/tailwind-icon.svg:
--------------------------------------------------------------------------------
1 | <svg height="1504" preserveAspectRatio="xMidYMid" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 153.6"><linearGradient id="a" x1="-2.778%" y1="32%" y2="67.556%"><stop offset="0" stop-color="#2298bd"/><stop offset="1" stop-color="#0ed7b5"/></linearGradient><path d="M128 0C93.867 0 72.533 17.067 64 51.2 76.8 34.133 91.733 27.733 108.8 32c9.737 2.434 16.697 9.499 24.401 17.318C145.751 62.057 160.275 76.8 192 76.8c34.133 0 55.467-17.067 64-51.2-12.8 17.067-27.733 23.467-44.8 19.2-9.737-2.434-16.697-9.499-24.401-17.318C174.249 14.743 159.725 0 128 0zM64 76.8C29.867 76.8 8.533 93.867 0 128c12.8-17.067 27.733-23.467 44.8-19.2 9.737 2.434 16.697 9.499 24.401 17.318C81.751 138.857 96.275 153.6 128 153.6c34.133 0 55.467-17.067 64-51.2-12.8 17.067-27.733 23.467-44.8 19.2-9.737-2.434-16.697-9.499-24.401-17.318C110.249 91.543 95.725 76.8 64 76.8z" fill="url(#a)"/></svg>


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/fa-solid.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import "_variables.less";
 6 | 
 7 | @font-face {
 8 |   font-family: 'Font Awesome 5 Free';
 9 |   font-style: normal;
10 |   font-weight: 900;
11 |   src: url('@{fa-font-path}/fa-solid-900.eot');
12 |   src: url('@{fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
13 |     url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'),
14 |     url('@{fa-font-path}/fa-solid-900.woff') format('woff'),
15 |     url('@{fa-font-path}/fa-solid-900.ttf') format('truetype'),
16 |     url('@{fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
17 | }
18 | 
19 | .fa,
20 | .fas {
21 |   font-family: 'Font Awesome 5 Free';
22 |   font-weight: 900;
23 | }
24 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/fa-regular.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 4 |  */
 5 | @import "_variables.less";
 6 | 
 7 | @font-face {
 8 |   font-family: 'Font Awesome 5 Free';
 9 |   font-style: normal;
10 |   font-weight: 400;
11 |   src: url('@{fa-font-path}/fa-regular-400.eot');
12 |   src: url('@{fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
13 |     url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'),
14 |     url('@{fa-font-path}/fa-regular-400.woff') format('woff'),
15 |     url('@{fa-font-path}/fa-regular-400.ttf') format('truetype'),
16 |     url('@{fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
17 | }
18 | 
19 | .far {
20 |   font-family: 'Font Awesome 5 Free';
21 |   font-weight: 400;
22 | }
23 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
 9 | .#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
10 | .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
11 | 
12 | // Hook for IE8-9
13 | // -------------------------
14 | 
15 | :root {
16 |   .#{$fa-css-prefix}-rotate-90,
17 |   .#{$fa-css-prefix}-rotate-180,
18 |   .#{$fa-css-prefix}-rotate-270,
19 |   .#{$fa-css-prefix}-flip-horizontal,
20 |   .#{$fa-css-prefix}-flip-vertical {
21 |     filter: none;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_border-radius.scss:
--------------------------------------------------------------------------------
 1 | // Single side border-radius
 2 | 
 3 | @mixin border-radius($radius: $border-radius) {
 4 |   @if $enable-rounded {
 5 |     border-radius: $radius;
 6 |   }
 7 | }
 8 | 
 9 | @mixin border-top-radius($radius) {
10 |   @if $enable-rounded {
11 |     border-top-left-radius: $radius;
12 |     border-top-right-radius: $radius;
13 |   }
14 | }
15 | 
16 | @mixin border-right-radius($radius) {
17 |   @if $enable-rounded {
18 |     border-top-right-radius: $radius;
19 |     border-bottom-right-radius: $radius;
20 |   }
21 | }
22 | 
23 | @mixin border-bottom-radius($radius) {
24 |   @if $enable-rounded {
25 |     border-bottom-right-radius: $radius;
26 |     border-bottom-left-radius: $radius;
27 |   }
28 | }
29 | 
30 | @mixin border-left-radius($radius) {
31 |   @if $enable-rounded {
32 |     border-top-left-radius: $radius;
33 |     border-bottom-left-radius: $radius;
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_screen-reader.scss:
--------------------------------------------------------------------------------
 1 | // Only display content to screen readers
 2 | //
 3 | // See: https://a11yproject.com/posts/how-to-hide-content/
 4 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
 5 | 
 6 | @mixin sr-only {
 7 |   position: absolute;
 8 |   width: 1px;
 9 |   height: 1px;
10 |   padding: 0;
11 |   overflow: hidden;
12 |   clip: rect(0, 0, 0, 0);
13 |   white-space: nowrap;
14 |   border: 0;
15 | }
16 | 
17 | // Use in conjunction with .sr-only to only display content when it's focused.
18 | //
19 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
20 | //
21 | // Credit: HTML5 Boilerplate
22 | 
23 | @mixin sr-only-focusable {
24 |   &:active,
25 |   &:focus {
26 |     position: static;
27 |     width: auto;
28 |     height: auto;
29 |     overflow: visible;
30 |     clip: auto;
31 |     white-space: normal;
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_hover.scss:
--------------------------------------------------------------------------------
 1 | // Hover mixin and `$enable-hover-media-query` are deprecated.
 2 | //
 3 | // Originally added during our alphas and maintained during betas, this mixin was
 4 | // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
 5 | // would persist after initial touch.
 6 | //
 7 | // For backward compatibility, we've kept these mixins and updated them to
 8 | // always return their regular pseudo-classes instead of a shimmed media query.
 9 | //
10 | // Issue: https://github.com/twbs/bootstrap/issues/25195
11 | 
12 | @mixin hover {
13 |   &:hover { @content; }
14 | }
15 | 
16 | @mixin hover-focus {
17 |   &:hover,
18 |   &:focus {
19 |     @content;
20 |   }
21 | }
22 | 
23 | @mixin plain-hover-focus {
24 |   &,
25 |   &:hover,
26 |   &:focus {
27 |     @content;
28 |   }
29 | }
30 | 
31 | @mixin hover-focus-active {
32 |   &:hover,
33 |   &:focus,
34 |   &:active {
35 |     @content;
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_embed.scss:
--------------------------------------------------------------------------------
 1 | // Credit: Nicolas Gallagher and SUIT CSS.
 2 | 
 3 | .embed-responsive {
 4 |   position: relative;
 5 |   display: block;
 6 |   width: 100%;
 7 |   padding: 0;
 8 |   overflow: hidden;
 9 | 
10 |   &::before {
11 |     display: block;
12 |     content: "";
13 |   }
14 | 
15 |   .embed-responsive-item,
16 |   iframe,
17 |   embed,
18 |   object,
19 |   video {
20 |     position: absolute;
21 |     top: 0;
22 |     bottom: 0;
23 |     left: 0;
24 |     width: 100%;
25 |     height: 100%;
26 |     border: 0;
27 |   }
28 | }
29 | 
30 | .embed-responsive-21by9 {
31 |   &::before {
32 |     padding-top: percentage(9 / 21);
33 |   }
34 | }
35 | 
36 | .embed-responsive-16by9 {
37 |   &::before {
38 |     padding-top: percentage(9 / 16);
39 |   }
40 | }
41 | 
42 | .embed-responsive-4by3 {
43 |   &::before {
44 |     padding-top: percentage(3 / 4);
45 |   }
46 | }
47 | 
48 | .embed-responsive-1by1 {
49 |   &::before {
50 |     padding-top: percentage(1 / 1);
51 |   }
52 | }
53 | 


--------------------------------------------------------------------------------
/package/components/ui-components/cards/CardsMedia.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import proimg2 from '/images/blog/blog-img4.jpg';
 3 | </script>
 4 | 
 5 | <template>
 6 |   <!-- ----------------------------------------------------------------------------- -->
 7 |   <!-- Media -->
 8 |   <!-- ----------------------------------------------------------------------------- -->
 9 | 
10 |   <v-card  elevation="0">
11 |     <v-img
12 |       class="align-end text-white"
13 |       height="200"
14 |       :src='proimg2'
15 |       cover
16 |     >
17 |       <v-card-title>Top 10 Australian beaches</v-card-title>
18 |     </v-img>
19 | 
20 |     <v-card-subtitle class="pt-4"> Number 10 </v-card-subtitle>
21 | 
22 |     <v-card-text>
23 |       <div>Whitehaven Beach</div>
24 | 
25 |       <div>Whitsunday Island, Whitsunday Islands</div>
26 |     </v-card-text>
27 | 
28 |     <v-card-actions>
29 |       <v-btn color="orange"> Share </v-btn>
30 | 
31 |       <v-btn color="orange"> Explore </v-btn>
32 |     </v-card-actions>
33 |   </v-card>
34 | </template>
35 | 


--------------------------------------------------------------------------------
/package/types/themeTypes/ThemeType.ts:
--------------------------------------------------------------------------------
 1 | export type ThemeTypes = {
 2 |     name: string;
 3 |     dark: boolean;
 4 |     variables?: object;
 5 |     colors: {
 6 |         primary?: string;
 7 |         secondary?: string;
 8 |         info?: string;
 9 |         success?: string;
10 |         warning?: string;
11 |         error?: string;
12 |         indigo?: string;
13 |         lightprimary?: string;
14 |         lightsecondary?: string;
15 |         lightsuccess?: string;
16 |         lighterror?: string;
17 |         lightinfo?: string;
18 |         lightwarning?: string;
19 |         lightindigo?: string;
20 |         textPrimary?: string;
21 |         textSecondary?: string;
22 |         borderColor?: string;
23 |         hoverColor?: string;
24 |         inputBorder?: string;
25 |         containerBg?: string;
26 |         background?: string;
27 |         surface?: string;
28 |         grey100?: string;
29 |         grey200?: string;
30 |         darkbg?:string;
31 |         bglight?:string;
32 |         bgdark?:string;
33 |     };
34 | };
35 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_progress.scss:
--------------------------------------------------------------------------------
 1 | @keyframes progress-bar-stripes {
 2 |   from { background-position: $progress-height 0; }
 3 |   to { background-position: 0 0; }
 4 | }
 5 | 
 6 | .progress {
 7 |   display: flex;
 8 |   height: $progress-height;
 9 |   overflow: hidden; // force rounded corners by cropping it
10 |   font-size: $progress-font-size;
11 |   background-color: $progress-bg;
12 |   @include border-radius($progress-border-radius);
13 |   @include box-shadow($progress-box-shadow);
14 | }
15 | 
16 | .progress-bar {
17 |   display: flex;
18 |   flex-direction: column;
19 |   justify-content: center;
20 |   color: $progress-bar-color;
21 |   text-align: center;
22 |   white-space: nowrap;
23 |   background-color: $progress-bar-bg;
24 |   @include transition($progress-bar-transition);
25 | }
26 | 
27 | .progress-bar-striped {
28 |   @include gradient-striped();
29 |   background-size: $progress-height $progress-height;
30 | }
31 | 
32 | .progress-bar-animated {
33 |   animation: progress-bar-stripes $progress-bar-animation-timing;
34 | }
35 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_close.scss:
--------------------------------------------------------------------------------
 1 | .close {
 2 |   float: right;
 3 |   font-size: $close-font-size;
 4 |   font-weight: $close-font-weight;
 5 |   line-height: 1;
 6 |   color: $close-color;
 7 |   text-shadow: $close-text-shadow;
 8 |   opacity: .5;
 9 | 
10 |   &:not(:disabled):not(.disabled) {
11 | 
12 |     @include hover-focus {
13 |       color: $close-color;
14 |       text-decoration: none;
15 |       opacity: .75;
16 |     }
17 | 
18 |     // Opinionated: add "hand" cursor to non-disabled .close elements
19 |     cursor: pointer;
20 |   }
21 | }
22 | 
23 | // Additional properties for button version
24 | // iOS requires the button element instead of an anchor tag.
25 | // If you want the anchor version, it requires `href="#"`.
26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
27 | 
28 | // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
29 | button.close {
30 |   padding: 0;
31 |   background-color: transparent;
32 |   border: 0;
33 |   -webkit-appearance: none;
34 | }
35 | // stylelint-enable
36 | 


--------------------------------------------------------------------------------
/package/README.md:
--------------------------------------------------------------------------------
 1 | # Nuxt 3 Minimal Starter
 2 | 
 3 | Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 4 | 
 5 | ## Setup
 6 | 
 7 | Make sure to install the dependencies:
 8 | 
 9 | ```bash
10 | # npm
11 | npm install
12 | 
13 | # pnpm
14 | pnpm install
15 | 
16 | # yarn
17 | yarn install
18 | ```
19 | 
20 | ## Development Server
21 | 
22 | Start the development server on `http://localhost:3000`:
23 | 
24 | ```bash
25 | # npm
26 | npm run dev
27 | 
28 | # pnpm
29 | pnpm run dev
30 | 
31 | # yarn
32 | yarn dev
33 | ```
34 | 
35 | ## Production
36 | 
37 | Build the application for production:
38 | 
39 | ```bash
40 | # npm
41 | npm run build
42 | 
43 | # pnpm
44 | pnpm run build
45 | 
46 | # yarn
47 | yarn build
48 | ```
49 | 
50 | Locally preview production build:
51 | 
52 | ```bash
53 | # npm
54 | npm run preview
55 | 
56 | # pnpm
57 | pnpm run preview
58 | 
59 | # yarn
60 | yarn preview
61 | ```
62 | 
63 | Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
64 | 


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/owl.theme.green.min.css:
--------------------------------------------------------------------------------
1 | /**
2 |  * Owl Carousel v2.3.4
3 |  * Copyright 2013-2018 David Deutsch
4 |  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 |  */
6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}


--------------------------------------------------------------------------------
/package/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref, onMounted } from "vue";
 3 | import Topbar from "~/components/Layout/Topbar.vue";
 4 | const title = ref("spikeadmin Nuxt 3 - Vuetify 3 - vite - Typescript Based Free Dashboard");
 5 | useHead({
 6 |   meta: [{ content: title }],
 7 |   titleTemplate: (titleChunk) => {
 8 |     return titleChunk
 9 |       ? `${titleChunk} - Nuxt3 Typescript based Free Admin Dashboard Template`
10 |       : "spikeadmin Nuxt 3 - Vuetify 3 - vite - Typescript Based Free Dashboard";
11 |   },
12 | });
13 | </script>
14 | 
15 | <template>
16 |     <v-locale-provider >
17 |         <Topbar/>
18 |         <v-app>
19 |      
20 |             <v-main>
21 |                 <LayoutMain/>
22 |                 <v-container fluid class="page-wrapper bg-background px-sm-5 px-4 pt-12 rounded-xl">
23 |                     <div class="maxWidth">
24 |                         <NuxtPage  />
25 |                     </div>
26 |                 </v-container>
27 |             </v-main>
28 |         </v-app>
29 |     </v-locale-provider>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/owl.theme.default.min.css:
--------------------------------------------------------------------------------
1 | /**
2 |  * Owl Carousel v2.3.4
3 |  * Copyright 2013-2018 David Deutsch
4 |  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 |  */
6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


--------------------------------------------------------------------------------
/package/components/auth/RegisterForm.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | const checkbox = ref(false);
 4 | </script>
 5 | <template>
 6 |  
 7 |     <v-row class="d-flex  mb-3">
 8 | 
 9 |         <v-col cols="12">
10 |             <v-label class="font-weight-medium mb-1">Name</v-label>
11 |             <v-text-field variant="outlined" hide-details color="primary"></v-text-field>
12 |         </v-col>
13 |         <v-col cols="12">
14 |             <v-label class="font-weight-medium mb-1">Email Address</v-label>
15 |             <v-text-field variant="outlined" type="email" hide-details color="primary"></v-text-field>
16 |         </v-col>
17 |         <v-col cols="12">
18 |             <v-label class="font-weight-medium mb-1">Password</v-label>
19 |             <v-text-field variant="outlined" type="password"  hide-details color="primary"></v-text-field>
20 |         </v-col>
21 |         <v-col cols="12" >
22 |             <v-btn to="/" color="primary" rounded="pill" size="large" block   flat>Sign up</v-btn>
23 |         </v-col>
24 |     </v-row>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/bootstrap.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v4.1.2 (https://getbootstrap.com/)
 3 |  * Copyright 2011-2018 The Bootstrap Authors
 4 |  * Copyright 2011-2018 Twitter, Inc.
 5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 6 |  */
 7 | 
 8 | @import "functions";
 9 | @import "variables";
10 | @import "mixins";
11 | @import "root";
12 | @import "reboot";
13 | @import "type";
14 | @import "images";
15 | @import "code";
16 | @import "grid";
17 | @import "tables";
18 | @import "forms";
19 | @import "buttons";
20 | @import "transitions";
21 | @import "dropdown";
22 | @import "button-group";
23 | @import "input-group";
24 | @import "custom-forms";
25 | @import "nav";
26 | @import "navbar";
27 | @import "card";
28 | @import "breadcrumb";
29 | @import "pagination";
30 | @import "badge";
31 | @import "jumbotron";
32 | @import "alert";
33 | @import "progress";
34 | @import "media";
35 | @import "list-group";
36 | @import "close";
37 | @import "modal";
38 | @import "tooltip";
39 | @import "popover";
40 | @import "carousel";
41 | @import "utilities";
42 | @import "print";
43 | 


--------------------------------------------------------------------------------
/package/assets/scss/components/_VCard.scss:
--------------------------------------------------------------------------------
 1 | // Outline Card
 2 | .v-card--variant-outlined {
 3 |     border-color: rgba(var(--v-theme-borderColor)) !important;
 4 | }
 5 | 
 6 | .v-card--variant-elevated,
 7 | .v-card--variant-flat {
 8 |     color: rgb(var(--v-theme-textPrimary));
 9 | }
10 | 
11 | .card-hover {
12 |     transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
13 |     &:hover {
14 |         scale: 1.01;
15 |         transition: all 0.1s ease-in 0s;
16 |     }
17 | }
18 | 
19 | .v-card {
20 |     width: 100%;
21 |     overflow: hidden;
22 |     z-index: 1 !important;
23 |     .color-inherits {
24 |         color: inherit;
25 |     }
26 |     .feature-card {
27 |         .v-responsive__content {
28 |             height: 100%;
29 |         }
30 |     }
31 |     .v-timeline-divider__before,.v-timeline-divider__after {
32 |         background: rgba(var(--v-border-color), 1);
33 |     }
34 | }
35 | 
36 | // Theme cards
37 | .cardBordered {
38 |     .v-card {
39 |         box-shadow: none !important;
40 |         border: 1px solid rgb(var(--v-theme-borderColor));
41 |     }
42 | }
43 | 
44 | .elevation-o-card{
45 |     .v-card-item{
46 |         padding: 0.625rem 1rem;
47 |     }
48 | }


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_mixins.scss:
--------------------------------------------------------------------------------
 1 | // Toggles
 2 | //
 3 | // Used in conjunction with global variables to enable certain theme features.
 4 | 
 5 | // Utilities
 6 | @import "mixins/breakpoints";
 7 | @import "mixins/hover";
 8 | @import "mixins/image";
 9 | @import "mixins/badge";
10 | @import "mixins/resize";
11 | @import "mixins/screen-reader";
12 | @import "mixins/size";
13 | @import "mixins/reset-text";
14 | @import "mixins/text-emphasis";
15 | @import "mixins/text-hide";
16 | @import "mixins/text-truncate";
17 | @import "mixins/visibility";
18 | 
19 | // // Components
20 | @import "mixins/alert";
21 | @import "mixins/buttons";
22 | @import "mixins/caret";
23 | @import "mixins/pagination";
24 | @import "mixins/lists";
25 | @import "mixins/list-group";
26 | @import "mixins/nav-divider";
27 | @import "mixins/forms";
28 | @import "mixins/table-row";
29 | 
30 | // // Skins
31 | @import "mixins/background-variant";
32 | @import "mixins/border-radius";
33 | @import "mixins/box-shadow";
34 | @import "mixins/gradients";
35 | @import "mixins/transition";
36 | 
37 | // // Layout
38 | @import "mixins/clearfix";
39 | @import "mixins/grid-framework";
40 | @import "mixins/grid";
41 | @import "mixins/float";
42 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_code.scss:
--------------------------------------------------------------------------------
 1 | // Inline code
 2 | code {
 3 |   font-size: $code-font-size;
 4 |   color: $code-color;
 5 |   word-break: break-word;
 6 | 
 7 |   // Streamline the style when inside anchors to avoid broken underline and more
 8 |   a > & {
 9 |     color: inherit;
10 |   }
11 | }
12 | 
13 | // User input typically entered via keyboard
14 | kbd {
15 |   padding: $kbd-padding-y $kbd-padding-x;
16 |   font-size: $kbd-font-size;
17 |   color: $kbd-color;
18 |   background-color: $kbd-bg;
19 |   @include border-radius($border-radius-sm);
20 |   @include box-shadow($kbd-box-shadow);
21 | 
22 |   kbd {
23 |     padding: 0;
24 |     font-size: 100%;
25 |     font-weight: $nested-kbd-font-weight;
26 |     @include box-shadow(none);
27 |   }
28 | }
29 | 
30 | // Blocks of code
31 | pre {
32 |   display: block;
33 |   font-size: $code-font-size;
34 |   color: $pre-color;
35 | 
36 |   // Account for some code outputs that place code tags in pre tags
37 |   code {
38 |     font-size: inherit;
39 |     color: inherit;
40 |     word-break: normal;
41 |   }
42 | }
43 | 
44 | // Enable scrollable blocks of code
45 | .pre-scrollable {
46 |   max-height: $pre-scrollable-max-height;
47 |   overflow-y: scroll;
48 | }
49 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_badge.scss:
--------------------------------------------------------------------------------
 1 | // Base class
 2 | //
 3 | // Requires one of the contextual, color modifier classes for `color` and
 4 | // `background-color`.
 5 | 
 6 | .badge {
 7 |   display: inline-block;
 8 |   padding: $badge-padding-y $badge-padding-x;
 9 |   font-size: $badge-font-size;
10 |   font-weight: $badge-font-weight;
11 |   line-height: 1;
12 |   text-align: center;
13 |   white-space: nowrap;
14 |   vertical-align: baseline;
15 |   @include border-radius($badge-border-radius);
16 | 
17 |   // Empty badges collapse automatically
18 |   &:empty {
19 |     display: none;
20 |   }
21 | }
22 | 
23 | // Quick fix for badges in buttons
24 | .btn .badge {
25 |   position: relative;
26 |   top: -1px;
27 | }
28 | 
29 | // Pill badges
30 | //
31 | // Make them extra rounded with a modifier to replace v3's badges.
32 | 
33 | .badge-pill {
34 |   padding-right: $badge-pill-padding-x;
35 |   padding-left: $badge-pill-padding-x;
36 |   @include border-radius($badge-pill-border-radius);
37 | }
38 | 
39 | // Colors
40 | //
41 | // Contextual variations (linked badges get darker on :hover).
42 | 
43 | @each $color, $value in $theme-colors {
44 |   .badge-#{$color} {
45 |     @include badge-variant($value);
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/package/theme/LightTheme.ts:
--------------------------------------------------------------------------------
 1 | import type { ThemeTypes } from '@/types/themeTypes/ThemeType';
 2 | 
 3 | const BLUE_THEME: ThemeTypes = {
 4 |     name: 'BLUE_THEME',
 5 |     dark: false,
 6 |     variables: {
 7 |         'border-color': '#e5eaef'
 8 |     },
 9 |     colors: {
10 |         primary: '#0085db',
11 |         secondary: '#707a82',
12 |         info: '#46caeb',
13 |         success: '#4bd08b',
14 |         warning: '#f8c076',
15 |         error: '#fb977d',
16 |         indigo:'#8763da',
17 |         lightprimary: '#e5f3fb',
18 |         lightinfo:'#e1f5fa',
19 |         lightsecondary: '#e7ecf0',
20 |         lightsuccess: '#dffff3',
21 |         lighterror: '#ffede9',
22 |         lightwarning: '#fff6ea',
23 |         lightindigo:'#f1ebff',
24 |         textPrimary: '#2A3547',
25 |         textSecondary: '#2A3547',
26 |         borderColor: '#e5eaef',
27 |         inputBorder: '#DFE5EF',
28 |         containerBg: '#ffffff',
29 |         background: '#f0f5f9',
30 |         hoverColor: '#f6f9fc',
31 |         surface: '#fff',
32 |         grey100: '#707a82',
33 |         grey200: '#111c2d',
34 |         darkbg:'#2a3447',
35 |         bglight:'#f5f8fb',
36 |         bgdark:'#111c2d'
37 |        
38 |     }
39 | };
40 | 
41 | 
42 | export { BLUE_THEME};
43 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_grid.scss:
--------------------------------------------------------------------------------
 1 | // Container widths
 2 | //
 3 | // Set the container width, and override it for fixed navbars in media queries.
 4 | 
 5 | @if $enable-grid-classes {
 6 |   .container {
 7 |     @include make-container();
 8 |     @include make-container-max-widths();
 9 |   }
10 | }
11 | 
12 | // Fluid container
13 | //
14 | // Utilizes the mixin meant for fixed width containers, but with 100% width for
15 | // fluid, full width layouts.
16 | 
17 | @if $enable-grid-classes {
18 |   .container-fluid {
19 |     @include make-container();
20 |   }
21 | }
22 | 
23 | // Row
24 | //
25 | // Rows contain and clear the floats of your columns.
26 | 
27 | @if $enable-grid-classes {
28 |   .row {
29 |     @include make-row();
30 |   }
31 | 
32 |   // Remove the negative margin from default .row, then the horizontal padding
33 |   // from all immediate children columns (to prevent runaway style inheritance).
34 |   .no-gutters {
35 |     margin-right: 0;
36 |     margin-left: 0;
37 | 
38 |     > .col,
39 |     > [class*="col-"] {
40 |       padding-right: 0;
41 |       padding-left: 0;
42 |     }
43 |   }
44 | }
45 | 
46 | // Columns
47 | //
48 | // Common styles for small and large grid columns
49 | 
50 | @if $enable-grid-classes {
51 |   @include make-grid-columns();
52 | }
53 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_images.scss:
--------------------------------------------------------------------------------
 1 | // Responsive images (ensure images don't scale beyond their parents)
 2 | //
 3 | // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2,
 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
 6 | // which weren't expecting the images within themselves to be involuntarily resized.
 7 | // See also https://github.com/twbs/bootstrap/issues/18178
 8 | .img-fluid {
 9 |   @include img-fluid;
10 | }
11 | 
12 | 
13 | // Image thumbnails
14 | .img-thumbnail {
15 |   padding: $thumbnail-padding;
16 |   background-color: $thumbnail-bg;
17 |   border: $thumbnail-border-width solid $thumbnail-border-color;
18 |   @include border-radius($thumbnail-border-radius);
19 |   @include box-shadow($thumbnail-box-shadow);
20 | 
21 |   // Keep them at most 100% wide
22 |   @include img-fluid;
23 | }
24 | 
25 | //
26 | // Figures
27 | //
28 | 
29 | .figure {
30 |   // Ensures the caption's text aligns with the image.
31 |   display: inline-block;
32 | }
33 | 
34 | .figure-img {
35 |   margin-bottom: ($spacer / 2);
36 |   line-height: 1;
37 | }
38 | 
39 | .figure-caption {
40 |   font-size: $figure-caption-font-size;
41 |   color: $figure-caption-color;
42 | }
43 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_image.scss:
--------------------------------------------------------------------------------
 1 | // Image Mixins
 2 | // - Responsive image
 3 | // - Retina image
 4 | 
 5 | 
 6 | // Responsive image
 7 | //
 8 | // Keep images from scaling beyond the width of their parents.
 9 | 
10 | @mixin img-fluid {
11 |   // Part 1: Set a maximum relative to the parent
12 |   max-width: 100%;
13 |   // Part 2: Override the height to auto, otherwise images will be stretched
14 |   // when setting a width and height attribute on the img element.
15 |   height: auto;
16 | }
17 | 
18 | 
19 | // Retina image
20 | //
21 | // Short retina mixin for setting background-image and -size.
22 | 
23 | // stylelint-disable indentation, media-query-list-comma-newline-after
24 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
25 |   background-image: url($file-1x);
26 | 
27 |   // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
28 |   // but doesn't convert dppx=>dpi.
29 |   // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
30 |   // Compatibility info: https://caniuse.com/#feat=css-media-resolution
31 |   @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
32 |   only screen and (min-resolution: 2dppx) { // Standardized
33 |     background-image: url($file-2x);
34 |     background-size: $width-1x $height-1x;
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/package/pages/ui-components/Alerts.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import UiParentCard from '@/components/shared/UiParentCard.vue';
 4 | import UiChildCard from '@/components/shared/UiChildCard.vue';
 5 | 
 6 | import Basic from '@/components/ui-components/alert/Basic.vue';
 7 | import Filled from '@/components/ui-components/alert/Filled.vue';
 8 | import Closable from '@/components/ui-components/alert/Closable.vue';
 9 | 
10 | </script>
11 | 
12 | <template>
13 |     <v-row>
14 |         <v-col cols="12">
15 |             <v-row>
16 |                 <!-- Basic -->
17 |                 <v-col cols="12">
18 |                     <UiChildCard title="Alert Basic">
19 |                         <Basic />
20 |                     </UiChildCard>
21 |                 </v-col>
22 |                 <!-- Filled -->
23 |                 <v-col cols="12">
24 |                     <UiChildCard title="Alert Filled">
25 |                         <Filled />
26 |                     </UiChildCard>
27 |                 </v-col>
28 |                 <!-- Closable -->
29 |                 <v-col cols="12">
30 |                     <UiChildCard title="Alert Closable">
31 |                         <Closable />
32 |                     </UiChildCard>
33 |                 </v-col>
34 |             </v-row>
35 |         </v-col>
36 |     </v-row>
37 | </template>
38 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_alert.scss:
--------------------------------------------------------------------------------
 1 | //
 2 | // Base styles
 3 | //
 4 | 
 5 | .alert {
 6 |   position: relative;
 7 |   padding: $alert-padding-y $alert-padding-x;
 8 |   margin-bottom: $alert-margin-bottom;
 9 |   border: $alert-border-width solid transparent;
10 |   @include border-radius($alert-border-radius);
11 | }
12 | 
13 | // Headings for larger alerts
14 | .alert-heading {
15 |   // Specified to prevent conflicts of changing $headings-color
16 |   color: inherit;
17 | }
18 | 
19 | // Provide class for links that match alerts
20 | .alert-link {
21 |   font-weight: $alert-link-font-weight;
22 | }
23 | 
24 | 
25 | // Dismissible alerts
26 | //
27 | // Expand the right padding and account for the close button's positioning.
28 | 
29 | .alert-dismissible {
30 |   padding-right: ($close-font-size + $alert-padding-x * 2);
31 | 
32 |   // Adjust close link position
33 |   .close {
34 |     position: absolute;
35 |     top: 0;
36 |     right: 0;
37 |     padding: $alert-padding-y $alert-padding-x;
38 |     color: inherit;
39 |   }
40 | }
41 | 
42 | 
43 | // Alternate styles
44 | //
45 | // Generate contextual modifier classes for colorizing the alert.
46 | 
47 | @each $color, $value in $theme-colors {
48 |   .alert-#{$color} {
49 |     @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-sidebar/Dropdown/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | const props = defineProps({ item: Object, level: Number });
 3 | </script>
 4 | 
 5 | <template>
 6 | 
 7 |     <div class="mb-0">
 8 |     <!---Single Item-->
 9 |     <v-list-item
10 |        :href="item.external ? item.to : undefined"
11 |         :to="!item.external ? item.to : undefined"
12 |         rounded="lg"
13 |         class=""
14 |         color=""
15 |         :ripple="false"
16 |         :disabled="item.disabled"
17 |          :target="item.external === true ? '_blank' : undefined"
18 |     >
19 |         <!---If icon-->
20 |         <template v-slot:prepend >
21 |             <div class="sublink-dot ms-4"></div>
22 |         </template>
23 |         <v-list-item-title class="ml-4 text-body-1 text-darkText">{{ item.title}}</v-list-item-title>
24 |         <!---If Caption-->
25 |         <v-list-item-subtitle v-if="item.subCaption" class="text-caption mt-n1 hide-menu">
26 |             {{ item.subCaption }}
27 |         </v-list-item-subtitle>
28 |         
29 |         <!---If any chip or label-->
30 |         <template v-slot:append v-if="item.chip">
31 |             <v-chip
32 |                 color="primary"
33 |                  class="sidebarchip hide-menu bg-lightprimary"
34 |                 size="x-small"
35 |             >
36 |                 {{ item.chip }}
37 |             </v-chip>
38 |         </template>
39 |     </v-list-item>
40 | 
41 | </div>
42 | </template>
43 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_breadcrumb.scss:
--------------------------------------------------------------------------------
 1 | .breadcrumb {
 2 |   display: flex;
 3 |   flex-wrap: wrap;
 4 |   padding: $breadcrumb-padding-y $breadcrumb-padding-x;
 5 |   margin-bottom: $breadcrumb-margin-bottom;
 6 |   list-style: none;
 7 |   background-color: $breadcrumb-bg;
 8 |   @include border-radius($breadcrumb-border-radius);
 9 | }
10 | 
11 | .breadcrumb-item {
12 |   // The separator between breadcrumbs (by default, a forward-slash: "/")
13 |   + .breadcrumb-item {
14 |     padding-left: $breadcrumb-item-padding;
15 | 
16 |     &::before {
17 |       display: inline-block; // Suppress underlining of the separator in modern browsers
18 |       padding-right: $breadcrumb-item-padding;
19 |       color: $breadcrumb-divider-color;
20 |       content: $breadcrumb-divider;
21 |     }
22 |   }
23 | 
24 |   // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
25 |   // without `<ul>`s. The `::before` pseudo-element generates an element
26 |   // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
27 |   //
28 |   // To trick IE into suppressing the underline, we give the pseudo-element an
29 |   // underline and then immediately remove it.
30 |   + .breadcrumb-item:hover::before {
31 |     text-decoration: underline;
32 |   }
33 |   // stylelint-disable-next-line no-duplicate-selectors
34 |   + .breadcrumb-item:hover::before {
35 |     text-decoration: none;
36 |   }
37 | 
38 |   &.active {
39 |     color: $breadcrumb-active-color;
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/package/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from "vue";
 3 | import ProfitExpanse from "@/components/dashboards/ProfitExpense.vue";
 4 | import TrafficDistribution from "@/components/dashboards/TrafficDistribution.vue";
 5 | import ProductSales from "@/components/dashboards/ProductSales.vue";
 6 | import UpcommingSchedule from "@/components/dashboards/UpcommingSchedule.vue";
 7 | import TopPayingClients from "@/components/dashboards/TopPayingClients.vue";
 8 | import ProductCards from "@/components/dashboards/ProductCards.vue";
 9 | </script>
10 | 
11 | <template>
12 |     <v-row>
13 |         <v-col cols="12" sm="12" lg="8">
14 |             <ProfitExpanse />
15 |         </v-col>
16 |         <v-col cols="12" sm="12" lg="4">
17 |             <div class="mb-6">
18 |                 <TrafficDistribution/>
19 |             </div>
20 |             <div>
21 |                 <ProductSales/>
22 |             </div>
23 |         </v-col>
24 |         <v-col cols="12" sm="12" lg="4">
25 |             <UpcommingSchedule/>
26 |         </v-col>
27 |         <v-col cols="12" sm="12" lg="8">
28 |             <TopPayingClients/>
29 |         </v-col>
30 |         <v-col cols="12" sm="12" lg="12">
31 |             <ProductCards/>
32 |         </v-col>
33 |         <v-col class="text-center mt-2">
34 |             <p class="text-muted">Design and Developed by <a flat variant="text" href="https://www.wrappixel.com/" target="_blank" class="pl-1 text-primary">wrappixel.com</a></p>
35 |         </v-col>
36 |     </v-row>
37 | </template>


--------------------------------------------------------------------------------
/package/pages/dashboard/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from "vue";
 3 | import ProfitExpanse from "@/components/dashboards/ProfitExpense.vue";
 4 | import TrafficDistribution from "@/components/dashboards/TrafficDistribution.vue";
 5 | import ProductSales from "@/components/dashboards/ProductSales.vue";
 6 | import UpcommingSchedule from "@/components/dashboards/UpcommingSchedule.vue";
 7 | import TopPayingClients from "@/components/dashboards/TopPayingClients.vue";
 8 | import ProductCards from "@/components/dashboards/ProductCards.vue";
 9 | </script>
10 | 
11 | <template>
12 |     <v-row>
13 |         <v-col cols="12" sm="12" lg="8">
14 |             <ProfitExpanse />
15 |         </v-col>
16 |         <v-col cols="12" sm="12" lg="4">
17 |             <div class="mb-6">
18 |                 <TrafficDistribution/>
19 |             </div>
20 |             <div>
21 |                 <ProductSales/>
22 |             </div>
23 |         </v-col>
24 |         <v-col cols="12" sm="12" lg="4">
25 |             <UpcommingSchedule/>
26 |         </v-col>
27 |         <v-col cols="12" sm="12" lg="8">
28 |             <TopPayingClients/>
29 |         </v-col>
30 |         <v-col cols="12" sm="12" lg="12">
31 |             <ProductCards/>
32 |         </v-col>
33 |         <v-col class="text-center mt-2">
34 |             <p class="text-muted">Design and Developed by <a flat variant="text" href="https://www.wrappixel.com/" target="_blank" class="pl-1 text-primary">wrappixel.com</a></p>
35 |         </v-col>
36 |     </v-row>
37 | </template>


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/less/_mixins.less:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | .fa-icon() {
 5 |   -moz-osx-font-smoothing: grayscale;
 6 |   -webkit-font-smoothing: antialiased;
 7 |   display: inline-block;
 8 |   font-style: normal;
 9 |   font-variant: normal;
10 |   font-weight: normal;
11 |   line-height: 1;
12 |   vertical-align: -.125em;
13 | }
14 | 
15 | .fa-icon-rotate(@degrees, @rotation) {
16 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
17 |   transform: rotate(@degrees);
18 | }
19 | 
20 | .fa-icon-flip(@horiz, @vert, @rotation) {
21 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
22 |   transform: scale(@horiz, @vert);
23 | }
24 | 
25 | 
26 | // Only display content to screen readers. A la Bootstrap 4.
27 | //
28 | // See: http://a11yproject.com/posts/how-to-hide-content/
29 | 
30 | .sr-only() {
31 |   border: 0;
32 |   clip: rect(0,0,0,0);
33 |   height: 1px;
34 |   margin: -1px;
35 |   overflow: hidden;
36 |   padding: 0;
37 |   position: absolute;
38 |   width: 1px;
39 | }
40 | 
41 | // Use in conjunction with .sr-only to only display content when it's focused.
42 | //
43 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
44 | //
45 | // Credit: HTML5 Boilerplate
46 | 
47 | .sr-only-focusable() {
48 |   &:active,
49 |   &:focus {
50 |     clip: auto;
51 |     height: auto;
52 |     margin: 0;
53 |     overflow: visible;
54 |     position: static;
55 |     width: auto;
56 |   }
57 | }
58 | 


--------------------------------------------------------------------------------
/package/plugins/vuetify.ts:
--------------------------------------------------------------------------------
 1 | import { createVuetify } from "vuetify";
 2 | import "@mdi/font/css/materialdesignicons.css";
 3 | import * as components from "vuetify/components";
 4 | import * as directives from "vuetify/directives";
 5 | import PerfectScrollbar from "vue3-perfect-scrollbar";
 6 | import VueApexCharts from "vue3-apexcharts";
 7 | import VueTablerIcons from "vue-tabler-icons";
 8 | import "@/assets/scss/style.scss";
 9 | 
10 | import {
11 |   BLUE_THEME,
12 | } from "@/theme/LightTheme";
13 | export default defineNuxtPlugin((nuxtApp) => {
14 |   const vuetify = createVuetify({
15 |     components,
16 |     directives,
17 |     theme: {
18 |       defaultTheme: "BLUE_THEME",
19 |       themes: {
20 |         BLUE_THEME,
21 |       },
22 |     },
23 |     defaults: {
24 |       VCard: {
25 |         rounded: "xl",
26 |       },
27 |       VTextField: {
28 |         variant: "outlined",
29 |         density: "comfortable",
30 |         color: "primary",
31 |       },
32 |       VTextarea: {
33 |         variant: "outlined",
34 |         density: "comfortable",
35 |         color: "primary",
36 |       },
37 |       VSelect: {
38 |         variant: "outlined",
39 |         density: "comfortable",
40 |         color: "primary",
41 |       },
42 |       VListItem: {
43 |         minHeight: "45px",
44 |       },
45 |       VTooltip: {
46 |         location: "top",
47 |       },
48 |     },
49 |   });
50 |   nuxtApp.vueApp.use(vuetify);
51 |   nuxtApp.vueApp.use(PerfectScrollbar);
52 |   nuxtApp.vueApp.use(VueApexCharts);
53 |   nuxtApp.vueApp.use(VueTablerIcons);
54 | });
55 | 


--------------------------------------------------------------------------------
/landingpage/dist/css/icons/font-awesome/scss/_mixins.scss:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | @mixin fa-icon {
 5 |   -webkit-font-smoothing: antialiased;
 6 |   -moz-osx-font-smoothing: grayscale;
 7 |   display: inline-block;
 8 |   font-style: normal;
 9 |   font-variant: normal;
10 |   font-weight: normal;
11 |   line-height: 1;
12 |   vertical-align: -.125em;
13 | }
14 | 
15 | @mixin fa-icon-rotate($degrees, $rotation) {
16 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
17 |   transform: rotate($degrees);
18 | }
19 | 
20 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
21 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
22 |   transform: scale($horiz, $vert);
23 | }
24 | 
25 | 
26 | // Only display content to screen readers. A la Bootstrap 4.
27 | //
28 | // See: http://a11yproject.com/posts/how-to-hide-content/
29 | 
30 | @mixin sr-only {
31 |   border: 0;
32 |   clip: rect(0, 0, 0, 0);
33 |   height: 1px;
34 |   margin: -1px;
35 |   overflow: hidden;
36 |   padding: 0;
37 |   position: absolute;
38 |   width: 1px;
39 | }
40 | 
41 | // Use in conjunction with .sr-only to only display content when it's focused.
42 | //
43 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
44 | //
45 | // Credit: HTML5 Boilerplate
46 | 
47 | @mixin sr-only-focusable {
48 |   &:active,
49 |   &:focus {
50 |     clip: auto;
51 |     height: auto;
52 |     margin: 0;
53 |     overflow: visible;
54 |     position: static;
55 |     width: auto;
56 |   }
57 | }
58 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_display.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | //
 4 | // Utilities for common `display` values
 5 | //
 6 | 
 7 | @each $breakpoint in map-keys($grid-breakpoints) {
 8 |   @include media-breakpoint-up($breakpoint) {
 9 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10 | 
11 |     .d#{$infix}-none         { display: none !important; }
12 |     .d#{$infix}-inline       { display: inline !important; }
13 |     .d#{$infix}-inline-block { display: inline-block !important; }
14 |     .d#{$infix}-block        { display: block !important; }
15 |     .d#{$infix}-table        { display: table !important; }
16 |     .d#{$infix}-table-row    { display: table-row !important; }
17 |     .d#{$infix}-table-cell   { display: table-cell !important; }
18 |     .d#{$infix}-flex         { display: flex !important; }
19 |     .d#{$infix}-inline-flex  { display: inline-flex !important; }
20 |   }
21 | }
22 | 
23 | 
24 | //
25 | // Utilities for toggling `display` in print
26 | //
27 | 
28 | @media print {
29 |   .d-print-none         { display: none !important; }
30 |   .d-print-inline       { display: inline !important; }
31 |   .d-print-inline-block { display: inline-block !important; }
32 |   .d-print-block        { display: block !important; }
33 |   .d-print-table        { display: table !important; }
34 |   .d-print-table-row    { display: table-row !important; }
35 |   .d-print-table-cell   { display: table-cell !important; }
36 |   .d-print-flex         { display: flex !important; }
37 |   .d-print-inline-flex  { display: inline-flex !important; }
38 | }
39 | 


--------------------------------------------------------------------------------
/package/assets/scss/_override.scss:
--------------------------------------------------------------------------------
 1 | html {
 2 |     .bg-success,.bg-primary,.bg-secondary,.bg-warning,.bg-error,.bg-info,.bg-indigo{
 3 |         color: white !important;
 4 |     }
 5 |     .text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6{
 6 |         color: rgb(var(--v-theme-grey200));
 7 |     }
 8 | }
 9 | 
10 | //Button Bg Shadow
11 | .v-btn--elevated{
12 |     &.bg-primary{
13 |         box-shadow: 0 4px 12px rgba(var(--v-theme-primary),0.3);
14 |     }
15 | }
16 | 
17 | .border,
18 | .v-divider {
19 |     border-color: rgba(var(--v-border-color), 1) !important;
20 | }
21 | .v-divider{
22 |     opacity: 1;
23 | }
24 | .avtar-border {
25 |     border: 2px solid rgb(var(--v-theme-surface)) !important;
26 | }
27 | .subtext{
28 |     font-size: $font-size-root;
29 |     line-height: 1.75rem;
30 | }
31 | .border-right {
32 |     border-right: 1px solid rgba(var(--v-border-color), 1) !important;
33 | }
34 | .color-inherit{
35 |     color: inherit;
36 | }
37 | 
38 | .add-class .ps__thumb-x{
39 |     display: none !important;
40 | }
41 | 
42 | .v-table>.v-table__wrapper>table>tbody>tr>th,
43 | .v-table>.v-table__wrapper>table>thead>tr>th,
44 | .v-table>.v-table__wrapper>table>tfoot>tr>th {
45 |     font-weight: 600;
46 | }
47 | .v-table .v-table__wrapper > table > thead > tr > th{
48 |     font-size: 16px;
49 | }
50 | 
51 | .v-table .v-table__wrapper > table > tbody > tr > td{
52 |     font-size: 14px;
53 | }
54 | .h-100vh{
55 |     height: 100vh;
56 | }
57 | .gap-3{
58 |     gap:10px;
59 | }
60 | 
61 | .z-1{
62 |     z-index: 1 !important;
63 | }
64 | .lh-0{
65 |     line-height: 0;
66 | }
67 | .lh-normal{
68 |     line-height: normal;
69 | }


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/owl.theme.green.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Owl Carousel v2.3.4
 3 |  * Copyright 2013-2018 David Deutsch
 4 |  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 5 |  */
 6 | /*
 7 |  * 	Green theme - Owl Carousel CSS File
 8 |  */
 9 | .owl-theme .owl-nav {
10 |   margin-top: 10px;
11 |   text-align: center;
12 |   -webkit-tap-highlight-color: transparent; }
13 |   .owl-theme .owl-nav [class*='owl-'] {
14 |     color: #FFF;
15 |     font-size: 14px;
16 |     margin: 5px;
17 |     padding: 4px 7px;
18 |     background: #D6D6D6;
19 |     display: inline-block;
20 |     cursor: pointer;
21 |     border-radius: 3px; }
22 |     .owl-theme .owl-nav [class*='owl-']:hover {
23 |       background: #4DC7A0;
24 |       color: #FFF;
25 |       text-decoration: none; }
26 |   .owl-theme .owl-nav .disabled {
27 |     opacity: 0.5;
28 |     cursor: default; }
29 | 
30 | .owl-theme .owl-nav.disabled + .owl-dots {
31 |   margin-top: 10px; }
32 | 
33 | .owl-theme .owl-dots {
34 |   text-align: center;
35 |   -webkit-tap-highlight-color: transparent; }
36 |   .owl-theme .owl-dots .owl-dot {
37 |     display: inline-block;
38 |     zoom: 1;
39 |     *display: inline; }
40 |     .owl-theme .owl-dots .owl-dot span {
41 |       width: 10px;
42 |       height: 10px;
43 |       margin: 5px 7px;
44 |       background: #D6D6D6;
45 |       display: block;
46 |       -webkit-backface-visibility: visible;
47 |       transition: opacity 200ms ease;
48 |       border-radius: 30px; }
49 |     .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
50 |       background: #4DC7A0; }
51 | 


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/owl.theme.default.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Owl Carousel v2.3.4
 3 |  * Copyright 2013-2018 David Deutsch
 4 |  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 5 |  */
 6 | /*
 7 |  * 	Default theme - Owl Carousel CSS File
 8 |  */
 9 | .owl-theme .owl-nav {
10 |   margin-top: 10px;
11 |   text-align: center;
12 |   -webkit-tap-highlight-color: transparent; }
13 |   .owl-theme .owl-nav [class*='owl-'] {
14 |     color: #FFF;
15 |     font-size: 14px;
16 |     margin: 5px;
17 |     padding: 4px 7px;
18 |     background: #D6D6D6;
19 |     display: inline-block;
20 |     cursor: pointer;
21 |     border-radius: 3px; }
22 |     .owl-theme .owl-nav [class*='owl-']:hover {
23 |       background: #869791;
24 |       color: #FFF;
25 |       text-decoration: none; }
26 |   .owl-theme .owl-nav .disabled {
27 |     opacity: 0.5;
28 |     cursor: default; }
29 | 
30 | .owl-theme .owl-nav.disabled + .owl-dots {
31 |   margin-top: 10px; }
32 | 
33 | .owl-theme .owl-dots {
34 |   text-align: center;
35 |   -webkit-tap-highlight-color: transparent; }
36 |   .owl-theme .owl-dots .owl-dot {
37 |     display: inline-block;
38 |     zoom: 1;
39 |     *display: inline; }
40 |     .owl-theme .owl-dots .owl-dot span {
41 |       width: 10px;
42 |       height: 10px;
43 |       margin: 5px 7px;
44 |       background: #D6D6D6;
45 |       display: block;
46 |       -webkit-backface-visibility: visible;
47 |       transition: opacity 200ms ease;
48 |       border-radius: 30px; }
49 |     .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
50 |       background: #869791; }
51 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_spacing.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Margin and Padding
 4 | 
 5 | @each $breakpoint in map-keys($grid-breakpoints) {
 6 |   @include media-breakpoint-up($breakpoint) {
 7 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 8 | 
 9 |     @each $prop, $abbrev in (margin: m, padding: p) {
10 |       @each $size, $length in $spacers {
11 | 
12 |         .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
13 |         .#{$abbrev}t#{$infix}-#{$size},
14 |         .#{$abbrev}y#{$infix}-#{$size} {
15 |           #{$prop}-top: $length !important;
16 |         }
17 |         .#{$abbrev}r#{$infix}-#{$size},
18 |         .#{$abbrev}x#{$infix}-#{$size} {
19 |           #{$prop}-right: $length !important;
20 |         }
21 |         .#{$abbrev}b#{$infix}-#{$size},
22 |         .#{$abbrev}y#{$infix}-#{$size} {
23 |           #{$prop}-bottom: $length !important;
24 |         }
25 |         .#{$abbrev}l#{$infix}-#{$size},
26 |         .#{$abbrev}x#{$infix}-#{$size} {
27 |           #{$prop}-left: $length !important;
28 |         }
29 |       }
30 |     }
31 | 
32 |     // Some special margin utils
33 |     .m#{$infix}-auto { margin: auto !important; }
34 |     .mt#{$infix}-auto,
35 |     .my#{$infix}-auto {
36 |       margin-top: auto !important;
37 |     }
38 |     .mr#{$infix}-auto,
39 |     .mx#{$infix}-auto {
40 |       margin-right: auto !important;
41 |     }
42 |     .mb#{$infix}-auto,
43 |     .my#{$infix}-auto {
44 |       margin-bottom: auto !important;
45 |     }
46 |     .ml#{$infix}-auto,
47 |     .mx#{$infix}-auto {
48 |       margin-left: auto !important;
49 |     }
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/package/pages/auth/Login.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | /*-For Set Blank Layout-*/
 3 | definePageMeta({
 4 |   layout: "blank",
 5 | });
 6 | </script>
 7 | <template>
 8 |     <div class="authentication">
 9 |         <v-container fluid class="pa-3">
10 |             <v-row class="h-100vh d-flex justify-center align-center">
11 |                 <v-col cols="12" class="d-flex align-center">
12 |                     <div class="boxed-auth-wrap">
13 |                         <v-card rounded="xl" elevation="10" class="px-sm-1 px-0  mx-auto index-2" max-width="450">
14 |                             <v-card-item class="pa-sm-8">
15 |                                 <div class="d-flex justify-center mb-5">
16 |                                     <LayoutFullLogoDark />
17 |                                 </div>
18 |                                 <!-- <div class="text-h6 text-medium-emphasis text-center mb-6">Your Social Campaigns</div> -->
19 |                                 <AuthLoginForm />
20 |                                 <h6 class="text-subtitle-1  text-grey100 d-flex justify-center align-center mt-3">
21 |                                     New to Spike?
22 |                                     <v-btn class="pl-0 text-primary text-body-1 font-weight-medium  opacity-1 pl-2" height="auto"
23 |                                         to="/auth/register" variant="plain">Create an account</v-btn>
24 |                                 </h6>
25 |                             </v-card-item>
26 |                         </v-card>
27 |                     </div>
28 |                 </v-col>
29 |             </v-row>
30 | 
31 |         </v-container>
32 |     </div>
33 | </template>
34 | 


--------------------------------------------------------------------------------
/package/pages/ui-components/Cards.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from "vue";
 3 | 
 4 | import UiChildCard from '@/components/shared/UiChildCard.vue';
 5 | 
 6 | import CardsProps from "@/components/ui-components/cards/CardsProps.vue";
 7 | import CardsSlots from "@/components/ui-components/cards/CardsSlots.vue";
 8 | import CardsContentWrap from "@/components/ui-components/cards/CardsContentWrap.vue";
 9 | import CardsMedia from "@/components/ui-components/cards/CardsMedia.vue";
10 | import CardsWeather from "@/components/ui-components/cards/CardsWeather.vue";
11 | import CardsTwitter from "@/components/ui-components/cards/CardsTwitter.vue";
12 | </script>
13 | 
14 | <template>
15 |   <v-row>
16 |     <v-col cols="12" sm="12" lg="6">
17 |       <UiChildCard title="With Props">
18 |         <CardsProps />
19 |       </UiChildCard>
20 |     </v-col>
21 |     <v-col cols="12" sm="12" lg="6">
22 |       <UiChildCard title="With Slots">
23 |         <CardsSlots />
24 |       </UiChildCard>
25 |     </v-col>
26 |     <v-col cols="12" sm="12" lg="6" class="d-flex align-items-stretch">
27 |       <UiChildCard title="Content Wrap">
28 |         <CardsContentWrap />
29 |       </UiChildCard>
30 |     </v-col>
31 | 
32 |     <v-col cols="12" sm="12" lg="6" class="d-flex align-items-stretch">
33 |       <UiChildCard title="Card Media">
34 |         <CardsMedia />
35 |       </UiChildCard>
36 |     </v-col>
37 | 
38 |     <v-col cols="12" sm="12" lg="6" class="d-flex align-items-stretch">
39 |       <UiChildCard title="Weather Card">
40 |         <CardsWeather />
41 |       </UiChildCard>
42 |     </v-col>
43 | 
44 |     <v-col cols="12" sm="12" lg="6">
45 |       <UiChildCard title="Twitter Card">
46 |         <CardsTwitter />
47 |       </UiChildCard>
48 |     </v-col>
49 |   </v-row>
50 | </template>
51 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_caret.scss:
--------------------------------------------------------------------------------
 1 | @mixin caret-down {
 2 |   border-top: $caret-width solid;
 3 |   border-right: $caret-width solid transparent;
 4 |   border-bottom: 0;
 5 |   border-left: $caret-width solid transparent;
 6 | }
 7 | 
 8 | @mixin caret-up {
 9 |   border-top: 0;
10 |   border-right: $caret-width solid transparent;
11 |   border-bottom: $caret-width solid;
12 |   border-left: $caret-width solid transparent;
13 | }
14 | 
15 | @mixin caret-right {
16 |   border-top: $caret-width solid transparent;
17 |   border-right: 0;
18 |   border-bottom: $caret-width solid transparent;
19 |   border-left: $caret-width solid;
20 | }
21 | 
22 | @mixin caret-left {
23 |   border-top: $caret-width solid transparent;
24 |   border-right: $caret-width solid;
25 |   border-bottom: $caret-width solid transparent;
26 | }
27 | 
28 | @mixin caret($direction: down) {
29 |   @if $enable-caret {
30 |     &::after {
31 |       display: inline-block;
32 |       width: 0;
33 |       height: 0;
34 |       margin-left: $caret-width * .85;
35 |       vertical-align: $caret-width * .85;
36 |       content: "";
37 |       @if $direction == down {
38 |         @include caret-down;
39 |       } @else if $direction == up {
40 |         @include caret-up;
41 |       } @else if $direction == right {
42 |         @include caret-right;
43 |       }
44 |     }
45 | 
46 |     @if $direction == left {
47 |       &::after {
48 |         display: none;
49 |       }
50 | 
51 |       &::before {
52 |         display: inline-block;
53 |         width: 0;
54 |         height: 0;
55 |         margin-right: $caret-width * .85;
56 |         vertical-align: $caret-width * .85;
57 |         content: "";
58 |         @include caret-left;
59 |       }
60 |     }
61 | 
62 |     &:empty::after {
63 |       margin-left: 0;
64 |     }
65 |   }
66 | }
67 | 


--------------------------------------------------------------------------------
/package/public/images/technology/bt-cat-icon.svg:
--------------------------------------------------------------------------------
 1 | <svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M6.74151 0C5.09409 0 3.87508 1.44193 3.92967 3.00566C3.98206 4.50798 3.91399 6.45371 3.42418 8.04045C2.93261 9.63164 2.10186 10.64 0.744629 10.7694V12.2306C2.10186 12.3603 2.93261 13.3681 3.42412 14.9596C3.91399 16.5463 3.982 18.492 3.92961 19.9943C3.87503 21.5578 5.09404 23 6.74174 23H23.6223C25.2697 23 26.4885 21.5581 26.4339 19.9943C26.3815 18.492 26.4496 16.5463 26.9394 14.9596C27.431 13.3681 28.2597 12.3599 29.617 12.2306V10.7694C28.2598 10.6397 27.431 9.63187 26.9394 8.04045C26.4496 6.45393 26.3815 4.50798 26.4339 3.00566C26.4885 1.44215 25.2697 0 23.6223 0H6.74128H6.74151Z" fill="url(#paint0_linear_908_106)"/>
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3209 14.1549C20.3209 16.3081 18.7148 17.6139 16.0494 17.6139H11.5123C11.3825 17.6139 11.2581 17.5624 11.1663 17.4706C11.0745 17.3788 11.0229 17.2544 11.0229 17.1246V5.86925C11.0229 5.73946 11.0745 5.61499 11.1663 5.52321C11.2581 5.43144 11.3825 5.37988 11.5123 5.37988H16.0236C18.2461 5.37988 19.7046 6.58373 19.7046 8.43201C19.7046 9.72929 18.7234 10.8907 17.4734 11.0941V11.1618C19.1751 11.3485 20.3209 12.527 20.3209 14.1549ZM15.5547 6.93115H12.9677V10.5853H15.1466C16.831 10.5853 17.7598 9.90704 17.7598 8.69468C17.7596 7.55851 16.9611 6.93115 15.5547 6.93115ZM12.9677 12.0352V16.0622H15.6499C17.4037 16.0622 18.3326 15.3584 18.3326 14.036C18.3326 12.7135 17.3776 12.035 15.5371 12.035H12.9677V12.0352Z" fill="white"/>
 4 | <defs>
 5 | <linearGradient id="paint0_linear_908_106" x1="0.744629" y1="11.5" x2="29.617" y2="11.5" gradientUnits="userSpaceOnUse">
 6 | <stop stop-color="#8B12FD"/>
 7 | <stop offset="1" stop-color="#6E11F4"/>
 8 | </linearGradient>
 9 | </defs>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_borders.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | //
 4 | // Border
 5 | //
 6 | 
 7 | .border         { border: $border-width solid $border-color !important; }
 8 | .border-top     { border-top: $border-width solid $border-color !important; }
 9 | .border-right   { border-right: $border-width solid $border-color !important; }
10 | .border-bottom  { border-bottom: $border-width solid $border-color !important; }
11 | .border-left    { border-left: $border-width solid $border-color !important; }
12 | 
13 | .border-0        { border: 0 !important; }
14 | .border-top-0    { border-top: 0 !important; }
15 | .border-right-0  { border-right: 0 !important; }
16 | .border-bottom-0 { border-bottom: 0 !important; }
17 | .border-left-0   { border-left: 0 !important; }
18 | 
19 | @each $color, $value in $theme-colors {
20 |   .border-#{$color} {
21 |     border-color: $value !important;
22 |   }
23 | }
24 | 
25 | .border-white {
26 |   border-color: $white !important;
27 | }
28 | 
29 | //
30 | // Border-radius
31 | //
32 | 
33 | .rounded {
34 |   border-radius: $border-radius !important;
35 | }
36 | .rounded-top {
37 |   border-top-left-radius: $border-radius !important;
38 |   border-top-right-radius: $border-radius !important;
39 | }
40 | .rounded-right {
41 |   border-top-right-radius: $border-radius !important;
42 |   border-bottom-right-radius: $border-radius !important;
43 | }
44 | .rounded-bottom {
45 |   border-bottom-right-radius: $border-radius !important;
46 |   border-bottom-left-radius: $border-radius !important;
47 | }
48 | .rounded-left {
49 |   border-top-left-radius: $border-radius !important;
50 |   border-bottom-left-radius: $border-radius !important;
51 | }
52 | 
53 | .rounded-circle {
54 |   border-radius: 50% !important;
55 | }
56 | 
57 | .rounded-0 {
58 |   border-radius: 0 !important;
59 | }
60 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_grid.scss:
--------------------------------------------------------------------------------
 1 | /// Grid system
 2 | //
 3 | // Generate semantic grid columns with these mixins.
 4 | 
 5 | @mixin make-container() {
 6 |   width: 100%;
 7 |   padding-right: ($grid-gutter-width / 2);
 8 |   padding-left: ($grid-gutter-width / 2);
 9 |   margin-right: auto;
10 |   margin-left: auto;
11 | }
12 | 
13 | 
14 | // For each breakpoint, define the maximum width of the container in a media query
15 | @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
16 |   @each $breakpoint, $container-max-width in $max-widths {
17 |     @include media-breakpoint-up($breakpoint, $breakpoints) {
18 |       max-width: $container-max-width;
19 |     }
20 |   }
21 | }
22 | 
23 | @mixin make-row() {
24 |   display: flex;
25 |   flex-wrap: wrap;
26 |   margin-right: ($grid-gutter-width / -2);
27 |   margin-left: ($grid-gutter-width / -2);
28 | }
29 | 
30 | @mixin make-col-ready() {
31 |   position: relative;
32 |   // Prevent columns from becoming too narrow when at smaller grid tiers by
33 |   // always setting `width: 100%;`. This works because we use `flex` values
34 |   // later on to override this initial width.
35 |   width: 100%;
36 |   min-height: 1px; // Prevent collapsing
37 |   padding-right: ($grid-gutter-width / 2);
38 |   padding-left: ($grid-gutter-width / 2);
39 | }
40 | 
41 | @mixin make-col($size, $columns: $grid-columns) {
42 |   flex: 0 0 percentage($size / $columns);
43 |   // Add a `max-width` to ensure content within each column does not blow out
44 |   // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
45 |   // do not appear to require this.
46 |   max-width: percentage($size / $columns);
47 | }
48 | 
49 | @mixin make-col-offset($size, $columns: $grid-columns) {
50 |   $num: $size / $columns;
51 |   margin-left: if($num == 0, 0, percentage($num));
52 | }
53 | 


--------------------------------------------------------------------------------
/package/components/dashboards/ProductCards.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { productsCard } from '@/data/dashboard/dashboardData';
 3 | </script>
 4 | <template>
 5 |     <v-row>
 6 |         <v-col cols="12" lg="3" sm="6" v-for="card in productsCard" :key="card.title">
 7 |             <v-card elevation="10" class="withbg" >
 8 |                 <RouterLink :to="card.link">
 9 |                     <v-img :src="card.photo" height="100%" class="rounded-t-md"></v-img>
10 |                 </RouterLink>
11 |                 <div class="d-flex justify-end mr-4 mt-n5">
12 |                     <v-btn size="30" icon class="bg-primary d-flex">
13 |                         <v-avatar size="20" class="text-surface">
14 |                             <BasketIcon size="15" />
15 |                         </v-avatar>
16 |                         <v-tooltip
17 |                             activator="parent"
18 |                             location="bottom"
19 |                         >Add To Cart
20 |                         </v-tooltip>
21 |                     </v-btn>
22 |                 </div>
23 |                 <v-card-item class="pa-4">
24 |                     <h6 class="text-h6" v-text="card.title"></h6>
25 |                     <div class="d-flex align-center justify-space-between mt-1">
26 |                         <div>
27 |                             <span class="text-h6" v-text="'$'+ card.price"></span>
28 |                             <span class="text-body-1 ml-2 text-medium-emphasis text-decoration-line-through" v-text="'$'+ card.salesPrice"></span>
29 |                         </div>
30 |                         <v-rating density="compact" color="warning" size="small" v-model="card.rating" readonly></v-rating>
31 |                     </div>
32 |                 </v-card-item>
33 |             </v-card>
34 |         </v-col>
35 |     </v-row>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_text.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | //
 4 | // Text
 5 | //
 6 | 
 7 | .text-monospace { font-family: $font-family-monospace; }
 8 | 
 9 | // Alignment
10 | 
11 | .text-justify  { text-align: justify !important; }
12 | .text-nowrap   { white-space: nowrap !important; }
13 | .text-truncate { @include text-truncate; }
14 | 
15 | // Responsive alignment
16 | 
17 | @each $breakpoint in map-keys($grid-breakpoints) {
18 |   @include media-breakpoint-up($breakpoint) {
19 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
20 | 
21 |     .text#{$infix}-left   { text-align: left !important; }
22 |     .text#{$infix}-right  { text-align: right !important; }
23 |     .text#{$infix}-center { text-align: center !important; }
24 |   }
25 | }
26 | 
27 | // Transformation
28 | 
29 | .text-lowercase  { text-transform: lowercase !important; }
30 | .text-uppercase  { text-transform: uppercase !important; }
31 | .text-capitalize { text-transform: capitalize !important; }
32 | 
33 | // Weight and italics
34 | 
35 | .font-weight-light  { font-weight: $font-weight-light !important; }
36 | .font-weight-normal { font-weight: $font-weight-normal !important; }
37 | .font-weight-bold   { font-weight: $font-weight-bold !important; }
38 | .font-italic        { font-style: italic !important; }
39 | 
40 | // Contextual colors
41 | 
42 | .text-white { color: $white !important; }
43 | 
44 | @each $color, $value in $theme-colors {
45 |   @include text-emphasis-variant(".text-#{$color}", $value);
46 | }
47 | 
48 | .text-body { color: $body-color !important; }
49 | .text-muted { color: $text-muted !important; }
50 | 
51 | .text-black-50 { color: rgba($black, .5) !important; }
52 | .text-white-50 { color: rgba($white, .5) !important; }
53 | 
54 | // Misc
55 | 
56 | .text-hide {
57 |   @include text-hide($ignore-warning: true);
58 | }
59 | 


--------------------------------------------------------------------------------
/package/components/ui-components/cards/CardsTwitter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts"></script>
 2 | 
 3 | <template>
 4 |   <!-- ----------------------------------------------------------------------------- -->
 5 |   <!-- Twiteter -->
 6 |   <!-- ----------------------------------------------------------------------------- -->
 7 |   <v-card
 8 |     class="mx-auto"
 9 |     color="#26c6da"
10 |     theme="dark"
11 |     max-width="450"
12 |     prepend-icon="mdi-twitter"
13 |     title="Twitter"
14 |     elevation="0"
15 |   >
16 |     <template v-slot:prepend>
17 |       <v-icon size="x-large"></v-icon>
18 |     </template>
19 | 
20 |     <v-card-text class="text-h5 py-2">
21 |       "Turns out semicolon-less style is easier and safer in TS because most gotcha edge cases are type invalid as well."
22 |     </v-card-text>
23 | 
24 |     <v-card-actions>
25 |       <v-list-item class="w-100">
26 |         <template v-slot:prepend>
27 |           <v-avatar
28 |             color="grey-darken-3"
29 |             image="https://avataaars.io/?avatarStyle=Transparent&topType=ShortHairShortCurly&accessoriesType=Prescription02&hairColor=Black&facialHairType=Blank&clotheType=Hoodie&clotheColor=White&eyeType=Default&eyebrowType=DefaultNatural&mouthType=Default&skinColor=Light"
30 |           ></v-avatar>
31 |         </template>
32 | 
33 |         <v-list-item-title>Evan You</v-list-item-title>
34 | 
35 |         <v-list-item-subtitle>Vue Creator</v-list-item-subtitle>
36 | 
37 |         <template v-slot:append>
38 |           <div class="justify-self-end">
39 |             <v-icon class="me-1" icon="mdi-heart"></v-icon>
40 |             <span class="subheading me-2">256</span>
41 |             <span class="me-1">·</span>
42 |             <v-icon class="me-1" icon="mdi-share-variant"></v-icon>
43 |             <span class="subheading">45</span>
44 |           </div>
45 |         </template>
46 |       </v-list-item>
47 |     </v-card-actions>
48 |   </v-card>
49 | </template>
50 | 


--------------------------------------------------------------------------------
/package/components/auth/LoginForm.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | const checkbox = ref(false);
 4 | </script>
 5 | 
 6 | <template>
 7 |     <div class="d-flex align-center text-center mb-6">
 8 |         <div class="text-h6 w-100 px-5 font-weight-regular auth-divider position-relative">
 9 |             <span class="bg-surface px-5 py-3 position-relative text-subtitle-1 text-grey100">Your Social Campaigns</span>
10 |         </div>
11 |     </div>
12 |     <div>
13 |         <v-row class="mb-3">
14 |             <v-col cols="12">
15 |                 <v-label class="font-weight-medium mb-1">Username</v-label>
16 |                 <v-text-field variant="outlined" class="pwdInput" hide-details color="primary"></v-text-field>
17 |             </v-col>
18 |             <v-col cols="12">
19 |                 <v-label class="font-weight-medium mb-1">Password</v-label>
20 |                 <v-text-field variant="outlined" class="border-borderColor" type="password" hide-details
21 |                     color="primary"></v-text-field>
22 |             </v-col>
23 |             <v-col cols="12 " class="py-0">
24 |                 <div class="d-flex flex-wrap align-center w-100 ">
25 |                     <v-checkbox hide-details color="primary">
26 |                         <template v-slot:label class="">Remeber this Device</template>
27 |                     </v-checkbox>
28 |                     <div class="ml-sm-auto">
29 |                         <RouterLink to=""
30 |                             class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium">
31 |                             Forgot Password ?</RouterLink>
32 |                     </div>
33 |                 </div>
34 |             </v-col>
35 |             <v-col cols="12">
36 |                 <v-btn size="large" rounded="pill" color="primary" class="rounded-pill" block type="submit" flat>Sign
37 |                     In</v-btn>
38 |             </v-col>
39 |         </v-row>
40 |     </div>
41 | </template>
42 | 


--------------------------------------------------------------------------------
/package/pages/auth/Register.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | /*-For Set Blank Layout-*/
 3 | definePageMeta({
 4 |   layout: "blank",
 5 | });
 6 | </script>
 7 | <template>
 8 |     <div class="authentication">
 9 |         <v-container fluid class="pa-3">
10 |             <v-row class="h-100vh d-flex justify-center align-center">
11 |                 <v-col cols="12" class="d-flex align-center">
12 |                     <div class="boxed-auth-wrap">
13 |                         <v-card rounded="xl" elevation="10" class="px-sm-1 px-0  mx-auto index-2" max-width="450">
14 |                             <v-card-item class="pa-sm-8">
15 |                                 <div class="d-flex justify-center mb-5">
16 |                                     <LayoutFullLogoDark />
17 |                                 </div>
18 |                                 <div class="d-flex align-center text-center mb-6">
19 |                                     <div class="text-h6 w-100 px-5 font-weight-regular auth-divider position-relative">
20 |                                         <span
21 |                                             class="bg-surface px-5 py-3 position-relative text-subtitle-1 text-grey100">Your
22 |                                             Social Campaigns</span>
23 |                                     </div>
24 |                                 </div>
25 |                                 <AuthRegisterForm />
26 |                                 <h6 class="text-subtitle-1  text-grey100 d-flex justify-center align-center mt-3">
27 |                                     Already have an Account?
28 |                                     <v-btn variant="plain" to="/auth/login"
29 |                                         class="text-primary text-body-1 opacity-1 font-weight-medium pl-2">Sign In</v-btn>
30 |                                 </h6>
31 |                             </v-card-item>
32 |                         </v-card>
33 |                     </div>
34 |                 </v-col>
35 |             </v-row>
36 |         </v-container>
37 |     </div></template>
38 | 


--------------------------------------------------------------------------------
/package/components/dashboards/UpcommingSchedule.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import { CircleIcon } from 'vue-tabler-icons';
 4 | import { recentTransaction } from '@/data/dashboard/dashboardData';
 5 | </script>
 6 | <template>
 7 |     <v-card elevation="10" class="withbg pa-3">
 8 |         <v-card-item class="pb-0">
 9 |             <v-card-title class="text-h5 pt-sm-2">Upcoming Schedules</v-card-title>
10 |             <div class="recent-transaction mt-10 px-3">
11 |                 <div v-for="list in recentTransaction" :key="list.title">
12 |                     <v-row class="d-flex mb-4">
13 |                         <v-col cols="4" lg="3" md="auto" sm="auto" class="px-0 pt-0 pb-1 d-flex align-start">
14 |                             <h6 class="text-body-1 textSecondary text-no-wrap">{{ list.title }}</h6>
15 |                         </v-col>
16 |                         <v-col cols="1" sm="1" class="px-0 text-center pt-0 pb-1">
17 |                             <CircleIcon size="13" :class="'text-' + list.textcolor" />
18 |                             <div v-if="list.line" class="line mx-auto bg-borderColor"></div>
19 |                         </v-col>
20 |                         <v-col cols="7" sm="8" class="pt-0">
21 |                             <h6 v-if="list.boldtext" class="text-body-1 font-weight-bold">{{ list.subtitle }}</h6>
22 |                             <h6 v-else class="text-body-1 textSecondary">{{ list.subtitle }}</h6>
23 |                             <div class="mt-n1">
24 |                                 <RouterLink :to="list.url" class="text-body-1 text-primary text-decoration-none" v-if="list.link">{{
25 |                                     list.link
26 |                                 }}</RouterLink>
27 |                             </div>
28 |                         </v-col>
29 |                     </v-row>
30 |                 </div>
31 |             </div>
32 |         </v-card-item>
33 |     </v-card>
34 | </template>
35 | <style lang="scss">
36 | .recent-transaction {
37 |     .line {
38 |         width: 2px;
39 |         height: 35px;
40 |     }
41 | }
42 | </style>
43 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-sidebar/NavItem/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | import { Icon } from '@iconify/vue';
 3 | const props = defineProps({ item: Object, level: Number });
 4 | </script>
 5 | 
 6 | <template>
 7 |     <!---Single Item-->
 8 |     <div class="mb-1">
 9 |         <v-list-item   :href="item.external ? item.to : undefined"
10 |         :to="!item.external ? item.to : undefined"
11 |             class="bg-hover-primary" color="primary" :ripple="false" :disabled="item.disabled"
12 |             :target="item.external === true ? '_blank' : undefined">
13 |             <!---If icon-->
14 |             <template v-slot:prepend>
15 |                 <div class="navbox  bg-hover-primary" >
16 |                     <span class="icon-box">
17 |                         <Icon :icon="'solar:' + item.icon" height="24" width="24" :level="level"  :class="'position-relative z-index-2 '" />
18 |                     </span>
19 |                 </div>
20 |             </template>
21 |             <v-list-item-title class="text-subtitle-1 font-weight-medium" color="primary">{{item.title }}
22 | 
23 |                 <span v-if="item.children">
24 |                 <span v-if="item.chip" class="ps-3">
25 |                     <v-chip
26 |                         color="primary"
27 |                         class="sidebarchip hide-menu bg-lightprimary"
28 |                         size="x-small"
29 |                     >
30 |                         {{ item.chip }}
31 |                     </v-chip>
32 |                 </span>
33 |             </span>
34 |             </v-list-item-title>
35 |             <!---If Caption-->
36 |             <v-list-item-subtitle v-if="item.subCaption" class="text-caption mt-n1 hide-menu">
37 |                 {{ item.subCaption }}
38 |             </v-list-item-subtitle>
39 |             <!---If any chip or label-->
40 |             <template v-slot:append v-if="item.chip">
41 |                 <v-chip color="primary" class="sidebarchip hide-menu"
42 |                     size="x-small" >
43 |                     {{ item.chip }}
44 |                 </v-chip>
45 |             </template>
46 |         </v-list-item>
47 |     </div>
48 | </template>
49 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-header/ProfileDD.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { UserIcon, MailIcon, ListCheckIcon } from 'vue-tabler-icons';
 3 | </script>
 4 | 
 5 | <template>
 6 |     <!-- ---------------------------------------------- -->
 7 |     <!-- notifications DD -->
 8 |     <!-- ---------------------------------------------- -->
 9 |     <v-menu :close-on-content-click="false">
10 |         <template v-slot:activator="{ props }">
11 |             <v-btn class="" variant="text" v-bind="props" icon>
12 |                 <v-avatar size="35">
13 |                     <img src="/images/profile/user-1.jpg" height="35" alt="user" />
14 |                 </v-avatar>
15 |             </v-btn>
16 |         </template>
17 |         <v-sheet rounded="xl" width="200" elevation="10" class="mt-2">
18 |             <v-list class="py-0" lines="one" density="compact">
19 |                 <v-list-item value="item1" color="primary" >
20 |                     <template v-slot:prepend>
21 |                         <UserIcon stroke-width="1.5" size="20"/>
22 |                     </template>
23 |                     <v-list-item-title class="pl-4 text-body-1">My Profile</v-list-item-title>
24 |                 </v-list-item>
25 |                 <v-list-item value="item2" color="primary">
26 |                     <template v-slot:prepend>
27 |                         <MailIcon stroke-width="1.5" size="20"/>
28 |                     </template>
29 |                     <v-list-item-title  class="pl-4 text-body-1">My Account</v-list-item-title>
30 |                 </v-list-item>
31 |                 <v-list-item value="item3" color="primary"> 
32 |                     <template v-slot:prepend>
33 |                         <ListCheckIcon stroke-width="1.5"  size="20"/>
34 |                     </template>
35 |                     <v-list-item-title class="pl-4 text-body-1">My Task</v-list-item-title>
36 |                 </v-list-item>
37 |             </v-list>
38 |             <div class="pt-4 pb-4 px-5 text-center">
39 |                 <v-btn to="/auth/login" color="primary" variant="outlined" class="rounded-pill" block>Logout</v-btn>
40 |             </div>
41 |         </v-sheet>
42 |     </v-menu>
43 | </template>
44 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_grid-framework.scss:
--------------------------------------------------------------------------------
 1 | // Framework grid generation
 2 | //
 3 | // Used only by Bootstrap to generate the correct number of grid classes given
 4 | // any value of `$grid-columns`.
 5 | 
 6 | @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
 7 |   // Common properties for all breakpoints
 8 |   %grid-column {
 9 |     position: relative;
10 |     width: 100%;
11 |     min-height: 1px; // Prevent columns from collapsing when empty
12 |     padding-right: ($gutter / 2);
13 |     padding-left: ($gutter / 2);
14 |   }
15 | 
16 |   @each $breakpoint in map-keys($breakpoints) {
17 |     $infix: breakpoint-infix($breakpoint, $breakpoints);
18 | 
19 |     // Allow columns to stretch full width below their breakpoints
20 |     @for $i from 1 through $columns {
21 |       .col#{$infix}-#{$i} {
22 |         @extend %grid-column;
23 |       }
24 |     }
25 |     .col#{$infix},
26 |     .col#{$infix}-auto {
27 |       @extend %grid-column;
28 |     }
29 | 
30 |     @include media-breakpoint-up($breakpoint, $breakpoints) {
31 |       // Provide basic `.col-{bp}` classes for equal-width flexbox columns
32 |       .col#{$infix} {
33 |         flex-basis: 0;
34 |         flex-grow: 1;
35 |         max-width: 100%;
36 |       }
37 |       .col#{$infix}-auto {
38 |         flex: 0 0 auto;
39 |         width: auto;
40 |         max-width: none; // Reset earlier grid tiers
41 |       }
42 | 
43 |       @for $i from 1 through $columns {
44 |         .col#{$infix}-#{$i} {
45 |           @include make-col($i, $columns);
46 |         }
47 |       }
48 | 
49 |       .order#{$infix}-first { order: -1; }
50 | 
51 |       .order#{$infix}-last { order: $columns + 1; }
52 | 
53 |       @for $i from 0 through $columns {
54 |         .order#{$infix}-#{$i} { order: $i; }
55 |       }
56 | 
57 |       // `$columns - 1` because offsetting by the width of an entire row isn't possible
58 |       @for $i from 0 through ($columns - 1) {
59 |         @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
60 |           .offset#{$infix}-#{$i} {
61 |             @include make-col-offset($i, $columns);
62 |           }
63 |         }
64 |       }
65 |     }
66 |   }
67 | }
68 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_pagination.scss:
--------------------------------------------------------------------------------
 1 | .pagination {
 2 |   display: flex;
 3 |   @include list-unstyled();
 4 |   @include border-radius();
 5 | }
 6 | 
 7 | .page-link {
 8 |   position: relative;
 9 |   display: block;
10 |   padding: $pagination-padding-y $pagination-padding-x;
11 |   margin-left: -$pagination-border-width;
12 |   line-height: $pagination-line-height;
13 |   color: $pagination-color;
14 |   background-color: $pagination-bg;
15 |   border: $pagination-border-width solid $pagination-border-color;
16 | 
17 |   &:hover {
18 |     z-index: 2;
19 |     color: $pagination-hover-color;
20 |     text-decoration: none;
21 |     background-color: $pagination-hover-bg;
22 |     border-color: $pagination-hover-border-color;
23 |   }
24 | 
25 |   &:focus {
26 |     z-index: 2;
27 |     outline: $pagination-focus-outline;
28 |     box-shadow: $pagination-focus-box-shadow;
29 |   }
30 | 
31 |   // Opinionated: add "hand" cursor to non-disabled .page-link elements
32 |   &:not(:disabled):not(.disabled) {
33 |     cursor: pointer;
34 |   }
35 | }
36 | 
37 | .page-item {
38 |   &:first-child {
39 |     .page-link {
40 |       margin-left: 0;
41 |       @include border-left-radius($border-radius);
42 |     }
43 |   }
44 |   &:last-child {
45 |     .page-link {
46 |       @include border-right-radius($border-radius);
47 |     }
48 |   }
49 | 
50 |   &.active .page-link {
51 |     z-index: 1;
52 |     color: $pagination-active-color;
53 |     background-color: $pagination-active-bg;
54 |     border-color: $pagination-active-border-color;
55 |   }
56 | 
57 |   &.disabled .page-link {
58 |     color: $pagination-disabled-color;
59 |     pointer-events: none;
60 |     // Opinionated: remove the "hand" cursor set previously for .page-link
61 |     cursor: auto;
62 |     background-color: $pagination-disabled-bg;
63 |     border-color: $pagination-disabled-border-color;
64 |   }
65 | }
66 | 
67 | 
68 | //
69 | // Sizing
70 | //
71 | 
72 | .pagination-lg {
73 |   @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
74 | }
75 | 
76 | .pagination-sm {
77 |   @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
78 | }
79 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/mixins/_gradients.scss:
--------------------------------------------------------------------------------
 1 | // Gradients
 2 | 
 3 | @mixin gradient-bg($color) {
 4 |   @if $enable-gradients {
 5 |     background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
 6 |   } @else {
 7 |     background-color: $color;
 8 |   }
 9 | }
10 | 
11 | // Horizontal gradient, from left to right
12 | //
13 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
14 | @mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
15 |   background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
16 |   background-repeat: repeat-x;
17 | }
18 | 
19 | // Vertical gradient, from top to bottom
20 | //
21 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
22 | @mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
23 |   background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
24 |   background-repeat: repeat-x;
25 | }
26 | 
27 | @mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
28 |   background-image: linear-gradient($deg, $start-color, $end-color);
29 |   background-repeat: repeat-x;
30 | }
31 | @mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
32 |   background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
33 |   background-repeat: no-repeat;
34 | }
35 | @mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
36 |   background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
37 |   background-repeat: no-repeat;
38 | }
39 | @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
40 |   background-image: radial-gradient(circle, $inner-color, $outer-color);
41 |   background-repeat: no-repeat;
42 | }
43 | @mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
44 |   background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
45 | }
46 | 


--------------------------------------------------------------------------------
/package/components/ui-components/cards/CardsContentWrap.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from "vue";
 3 | import proimg1 from '/images/blog/blog-img1.jpg';
 4 | 
 5 | const messages = ref([
 6 |   {
 7 |     from: "You",
 8 |     message: `Sure, I'll see you later.`,
 9 |     time: "10:42am",
10 |     color: "primary",
11 |   },
12 |   {
13 |     from: "John Doe",
14 |     message: "Yeah, sure. Does 1:00pm work?",
15 |     time: "10:37am",
16 |     color: "secondary",
17 |   },
18 |   {
19 |     from: "You",
20 |     message: "Did you still want to grab lunch today?",
21 |     time: "9:47am",
22 |     color: "success",
23 |   },
24 | ]);
25 | </script>
26 | 
27 | <template>
28 |   <!-- ----------------------------------------------------------------------------- -->
29 |   <!-- Content Wrap -->
30 |   <!-- ----------------------------------------------------------------------------- -->
31 |   <div class="pa-3">
32 |     <v-row justify="space-around">
33 |       <v-card elevation="0">
34 |         <v-img
35 |           height="200"
36 |           :src='proimg1'
37 |           cover
38 |           class="text-white"
39 |         >
40 |           <v-layout full-height>
41 |             <v-app-bar
42 |               density="comfortable"
43 |               color="rgba(0, 0, 0, 0)"
44 |               flat
45 |               theme="dark"
46 |             >
47 |               <template v-slot:prepend>
48 |                 <v-app-bar-nav-icon></v-app-bar-nav-icon>
49 |               </template>
50 | 
51 |               <v-toolbar-title class="text-subtitle-1"> Messages </v-toolbar-title>
52 | 
53 |               <template v-slot:append>
54 |                 <v-icon icon="mdi-dots-vertical"></v-icon>
55 |               </template>
56 |             </v-app-bar>
57 |           </v-layout>
58 |         </v-img>
59 | 
60 |         <v-card-text>
61 |           <div class="font-weight-bold ml-1 mb-2">Today</div>
62 | 
63 |           <v-timeline density="compact">
64 |             <v-timeline-item
65 |               v-for="message in messages"
66 |               :key="message.time"
67 |               :dot-color="message.color"
68 |               size="x-small"
69 |             >
70 |               <div class="mb-4">
71 |                 <div class="font-weight-normal">
72 |                   <strong>{{ message.from }}</strong> @{{ message.time }}
73 |                 </div>
74 |                 <div>{{ message.message }}</div>
75 |               </div>
76 |             </v-timeline-item>
77 |           </v-timeline>
78 |         </v-card-text>
79 |       </v-card>
80 |     </v-row>
81 |   </div>
82 | </template>
83 | 


--------------------------------------------------------------------------------
/package/assets/scss/pages/_dashboards.scss:
--------------------------------------------------------------------------------
  1 | .month-table {
  2 | 
  3 |     td,
  4 |     th {
  5 |         border-bottom: 0 !important;
  6 |     }
  7 | 
  8 |     &.custom-px-0 {
  9 |         thead {
 10 |             tr {
 11 | 
 12 |                 th:first-child {
 13 |                     padding-left: 0 !important;
 14 |                 }
 15 | 
 16 |                 th:last-child {
 17 |                     padding-right: 0 !important;
 18 |                 }
 19 |             }
 20 |         }
 21 | 
 22 |         tr.month-item {
 23 |             td:first-child {
 24 |                 padding-left: 0 !important;
 25 |             }
 26 | 
 27 |             td:last-child {
 28 |                 padding-right: 0 !important;
 29 |             }
 30 |         }
 31 |     }
 32 | 
 33 |     tr.month-item {
 34 |         td {
 35 |             padding-top: 12px !important;
 36 |             padding-bottom: 12px !important;
 37 |         }
 38 | 
 39 |         &:hover {
 40 |             background: transparent !important;
 41 |         }
 42 |     }
 43 | }
 44 | 
 45 | .recent-transaction {
 46 |     .line {
 47 |         width: 1px;
 48 |         height: 35px;
 49 |     }
 50 | }
 51 | 
 52 | 
 53 | .chip-label {
 54 |     width: 80px;
 55 |     justify-content: center;
 56 | }
 57 | 
 58 | .border-left-indigo {
 59 |     border-left: 5px solid rgb(var(--v-theme-indigo)) !important;
 60 | }
 61 | 
 62 | .border-left-success {
 63 |     border-left: 5px solid rgb(var(--v-theme-success)) !important;
 64 | }
 65 | 
 66 | .border-left-error {
 67 |     border-left: 5px solid rgb(var(--v-theme-error)) !important;
 68 | }
 69 | 
 70 | .border-left-primary {
 71 |     border-left: 5px solid rgb(var(--v-theme-primary)) !important;
 72 | }
 73 | 
 74 | .border-left-info {
 75 |     border-left: 5px solid rgb(var(--v-theme-info)) !important;
 76 | }
 77 | 
 78 | .border-left-secondary {
 79 |     border-left: 5px solid rgb(var(--v-theme-secondary)) !important;
 80 | }
 81 | 
 82 | .upcomming-schedule {
 83 |     .v-tabs {
 84 |         --v-tabs-height: 42px !important;
 85 | 
 86 |         .v-slide-group-item--active {
 87 |             background-color: rgb(var(--v-theme-primary));
 88 |         }
 89 | 
 90 |         .v-tab--selected .v-tab__slider {
 91 |             opacity: 0;
 92 |         }
 93 |     }
 94 | 
 95 |     &.tabs_group {
 96 |         .v-slide-group__content {
 97 |             justify-content: space-between;
 98 |         }
 99 |     }
100 | 
101 |     .v-tab.v-tab {
102 |         --v-btn-height: 42px;
103 |         min-width: 75px;
104 |     }
105 |     .v-tabs--grow .v-tab {
106 |         flex: none;
107 |     }
108 | }


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_nav.scss:
--------------------------------------------------------------------------------
  1 | // Base class
  2 | //
  3 | // Kickstart any navigation component with a set of style resets. Works with
  4 | // `<nav>`s or `<ul>`s.
  5 | 
  6 | .nav {
  7 |   display: flex;
  8 |   flex-wrap: wrap;
  9 |   padding-left: 0;
 10 |   margin-bottom: 0;
 11 |   list-style: none;
 12 | }
 13 | 
 14 | .nav-link {
 15 |   display: block;
 16 |   padding: $nav-link-padding-y $nav-link-padding-x;
 17 | 
 18 |   @include hover-focus {
 19 |     text-decoration: none;
 20 |   }
 21 | 
 22 |   // Disabled state lightens text
 23 |   &.disabled {
 24 |     color: $nav-link-disabled-color;
 25 |   }
 26 | }
 27 | 
 28 | //
 29 | // Tabs
 30 | //
 31 | 
 32 | .nav-tabs {
 33 |   border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
 34 | 
 35 |   .nav-item {
 36 |     margin-bottom: -$nav-tabs-border-width;
 37 |   }
 38 | 
 39 |   .nav-link {
 40 |     border: $nav-tabs-border-width solid transparent;
 41 |     @include border-top-radius($nav-tabs-border-radius);
 42 | 
 43 |     @include hover-focus {
 44 |       border-color: $nav-tabs-link-hover-border-color;
 45 |     }
 46 | 
 47 |     &.disabled {
 48 |       color: $nav-link-disabled-color;
 49 |       background-color: transparent;
 50 |       border-color: transparent;
 51 |     }
 52 |   }
 53 | 
 54 |   .nav-link.active,
 55 |   .nav-item.show .nav-link {
 56 |     color: $nav-tabs-link-active-color;
 57 |     background-color: $nav-tabs-link-active-bg;
 58 |     border-color: $nav-tabs-link-active-border-color;
 59 |   }
 60 | 
 61 |   .dropdown-menu {
 62 |     // Make dropdown border overlap tab border
 63 |     margin-top: -$nav-tabs-border-width;
 64 |     // Remove the top rounded corners here since there is a hard edge above the menu
 65 |     @include border-top-radius(0);
 66 |   }
 67 | }
 68 | 
 69 | 
 70 | //
 71 | // Pills
 72 | //
 73 | 
 74 | .nav-pills {
 75 |   .nav-link {
 76 |     @include border-radius($nav-pills-border-radius);
 77 |   }
 78 | 
 79 |   .nav-link.active,
 80 |   .show > .nav-link {
 81 |     color: $nav-pills-link-active-color;
 82 |     background-color: $nav-pills-link-active-bg;
 83 |   }
 84 | }
 85 | 
 86 | 
 87 | //
 88 | // Justified variants
 89 | //
 90 | 
 91 | .nav-fill {
 92 |   .nav-item {
 93 |     flex: 1 1 auto;
 94 |     text-align: center;
 95 |   }
 96 | }
 97 | 
 98 | .nav-justified {
 99 |   .nav-item {
100 |     flex-basis: 0;
101 |     flex-grow: 1;
102 |     text-align: center;
103 |   }
104 | }
105 | 
106 | 
107 | // Tabbable tabs
108 | //
109 | // Hide tabbable panes to start, show them when `.active`
110 | 
111 | .tab-content {
112 |   > .tab-pane {
113 |     display: none;
114 |   }
115 |   > .active {
116 |     display: block;
117 |   }
118 | }
119 | 


--------------------------------------------------------------------------------
/package/assets/scss/pages/_authentication.scss:
--------------------------------------------------------------------------------
  1 | .authentication {
  2 |     &::before {
  3 |         content: "";
  4 |         position: absolute;
  5 |         height: 100%;
  6 |         width: 100%;
  7 |         opacity: 0.3;
  8 |         left: 0;
  9 |         top: 0;
 10 |         bottom: 0;
 11 |         background: radial-gradient(rgb(210, 241, 223), rgb(211, 215, 250), rgb(186, 216, 244)) 0% 0% / 400% 400%;
 12 |     }
 13 | 
 14 |     .auth-header {
 15 |         position: absolute;
 16 |         top: 0;
 17 |         left: 0;
 18 |     }
 19 | 
 20 | 
 21 |     .boxed-auth-wrap {
 22 |         margin: 0 auto;
 23 |         max-width: 450px;
 24 |         position: relative;
 25 |     }
 26 | 
 27 |     @media screen and (max-width:1280px) {
 28 |         .auth-header {
 29 |             position: unset;
 30 |         }
 31 |     }
 32 | 
 33 | 
 34 | 
 35 | 
 36 | }
 37 | 
 38 | .verification {
 39 |     .v-field__input {
 40 |         text-align: center;
 41 |     }
 42 | }
 43 | 
 44 | .auth-divider {
 45 |     span {
 46 |         z-index: 1;
 47 |     }
 48 | 
 49 |     &::before {
 50 |         position: absolute;
 51 |         width: 100%;
 52 |         border-top: thin solid rgb(229, 234, 239);
 53 |         top: 50%;
 54 |         content: "";
 55 |         transform: translateY(50%);
 56 |         left: 0;
 57 |     }
 58 | 
 59 |     &::after {
 60 |         position: absolute;
 61 |         width: 100%;
 62 |         border-top: thin solid rgb(229, 234, 239);
 63 |         top: 50%;
 64 |         content: "";
 65 |         transform: translateY(50%);
 66 |         right: 0;
 67 |     }
 68 | }
 69 | 
 70 | @media (min-width: 1536px) {
 71 |     .auth {
 72 |         .v-col-lg-7 {
 73 |             flex: 0 0 66.66%;
 74 |             max-width: 66.66%;
 75 |         }
 76 | 
 77 |         .v-col-lg-5 {
 78 |             flex: 0 0 33.33%;
 79 |             max-width: 33.33%;
 80 |         }
 81 |     }
 82 | 
 83 | }
 84 | 
 85 | @media screen and (max-width:1280px) {
 86 |     .mh-100 {
 87 |         height: 100% !important;
 88 |     }
 89 | }
 90 | 
 91 | @media screen and (max-width:600px) {
 92 |     .mw-100 {
 93 |         width: 100%;
 94 |         padding: 0 15px;
 95 |     }
 96 | }
 97 | 
 98 | .authpage {
 99 |     .v-application__wrap {
100 |         display: block;
101 |         
102 |     }
103 | 
104 |     .login-app-wrapper{
105 |         height: 100%;
106 |         display: flex;
107 |         justify-content: center;
108 |         overflow: hidden;
109 |     }
110 |     
111 | 
112 |     .auth-login {
113 |         max-width: 1600px;
114 |         margin: 10px auto;
115 |         width: 100%;
116 |         display: flex !important;
117 |         justify-content: center;
118 | 
119 |     }
120 | }
121 | 
122 | 


--------------------------------------------------------------------------------
/package/assets/scss/layout/_topbar.scss:
--------------------------------------------------------------------------------
  1 | .verticalLayout {
  2 |     .v-app-bar {
  3 |         .v-toolbar__content {
  4 |             padding: 0 20px;
  5 |             max-width: 1300px;
  6 |             margin: 0 auto;
  7 |             background-color: rgba(var(--v-theme-containerBg));
  8 |             border-radius: 18px;
  9 |             box-shadow: 0 2px 6px rgba(37, 83, 185, .1) !important;
 10 | 
 11 |             >.v-btn:first-child {
 12 |                 margin-inline-start: 0;
 13 |             }
 14 | 
 15 |         }
 16 | 
 17 |         &.v-toolbar {
 18 |             top: 20px !important;
 19 |             background-color: rgba(var(--v-theme-background));
 20 |             z-index: 2;
 21 |             max-width: 1300px;
 22 |             width: 100% !important;
 23 |             left: 0 !important;
 24 |             margin: 0 auto;
 25 |             border-radius: 15px;
 26 |             box-shadow: 0 2px 6px rgba(37, 83, 185, 0.1) !important;
 27 |         }
 28 | 
 29 |       
 30 |     }
 31 | 
 32 |     
 33 | }
 34 | 
 35 | 
 36 | 
 37 | 
 38 | 
 39 | @media screen and (max-width:1279px) {
 40 |   
 41 | 
 42 |     .v-main {
 43 |         padding-left: calc(var(--v-layout-left) + 0px) !important;
 44 |     }
 45 | 
 46 | }
 47 | 
 48 | @media screen and (max-width: 767px) {
 49 |     .verticalLayout {
 50 |         .v-app-bar.v-toolbar {
 51 |             max-width: calc(100% - 30px - 0px) !important;
 52 |         }
 53 |     }
 54 | 
 55 | }
 56 | 
 57 | .feature-topbar{
 58 |     position: sticky;
 59 |     top: 0;
 60 |     z-index: 10;
 61 |     background: linear-gradient(90deg, #0F0533 0%, #1B0A5C 100%);
 62 |     .text-linear-gradient {
 63 |         background: linear-gradient(90deg, #FFFFFF 0%, #8D70F8 100%);
 64 |         -webkit-background-clip: text;
 65 |         -webkit-text-fill-color: transparent;
 66 |         background-clip: text;
 67 |     }
 68 |     .border-blue{
 69 |         border: 1px solid rgb(236, 240, 242,0.5) ;
 70 |     }
 71 |     .purple-btn{
 72 |         background-color: #8D70F8;
 73 |         &:hover{
 74 |             background-color: #714BFF;
 75 |         }
 76 |     }
 77 |     .green-btn{
 78 |         background-color: #B3F143;
 79 | 
 80 |         &:hover{
 81 |             background-color: #90DE03;
 82 |         }
 83 |     }
 84 | }
 85 | .top-header{
 86 |     position: relative !important;
 87 |     z-index: 0 !important;
 88 | }
 89 | .topbar-links{
 90 |     .v-btn{
 91 |         &:hover{
 92 |             background-color: rgba(var(--v-theme-primary));
 93 |         }
 94 |     }
 95 | }
 96 | 
 97 | .topbar-links{
 98 |     a{
 99 |         text-decoration: none;
100 |         color: rgba(var(--v-theme-surface));
101 |         &:hover{
102 |             color: #714BFF !important;
103 |         }
104 |     }
105 | }


--------------------------------------------------------------------------------
/discount-code.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |   <title>Discount Code</title>
  8 |   <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet">
  9 |   <style>
 10 |     body {
 11 |       background: #eee;
 12 |       font-family: "Manrope", serif;
 13 |     }
 14 | 
 15 |     .card {
 16 |       width: 350px;
 17 |       padding: 10px;
 18 |       border-radius: 20px;
 19 |       background: orange;
 20 |       border: none;
 21 |       color: #fff;
 22 |       height: 350px;
 23 |       display: flex;
 24 |       flex-direction: column;
 25 |       position: relative;
 26 |       align-items: center;
 27 |       justify-content: center;
 28 |     }
 29 | 
 30 |     .container {
 31 |       height: 100vh;
 32 |       display: flex;
 33 |       align-items: center;
 34 |       justify-content: center;
 35 |     }
 36 | 
 37 |     .card h1 {
 38 |       font-size: 48px;
 39 |       margin-bottom: 0px;
 40 |       margin-top: 0;
 41 |     }
 42 | 
 43 |     .card i{
 44 |       font-size: 26px;
 45 |     }
 46 | 
 47 |     .coupon-code{
 48 |       margin-top: 24px;
 49 |       border-radius: 8px;
 50 |       padding: 4px 10px;
 51 |       border: 1px dashed #ffffff;
 52 |     }
 53 | 
 54 |     .card span {
 55 |       font-size: 28px;
 56 |     }
 57 | 
 58 |     .image {
 59 |       position: absolute;
 60 |       opacity: .1;
 61 |       left: 0;
 62 |       top: 0;
 63 |     }
 64 | 
 65 |     .image2 {
 66 |       position: absolute;
 67 |       bottom: 0;
 68 |       right: 0;
 69 |       opacity: .1;
 70 |     }
 71 | 
 72 |     .btn {
 73 |       text-decoration: none;
 74 |       background-color: white;
 75 |       font-size: 16px;
 76 |       color: #000;
 77 |       padding: 12px 30px;
 78 |       border-radius: 10px;
 79 |       margin-top: 15px;
 80 |     }
 81 | 
 82 |     .btn:hover {
 83 |       background-color: #000;
 84 |       color: white;
 85 |     }
 86 |   </style>
 87 | </head>
 88 | 
 89 | <body>
 90 |   <div class="d-flex justify-content-center align-items-center container">
 91 |     <div class="d-flex card text-center">
 92 |       <div class="image"><img src="https://i.imgur.com/DC94rZe.png" width="150"></div>
 93 |       <div class="image2"><img src="https://i.imgur.com/DC94rZe.png" width="150"></div>
 94 |       <h1>30% OFF</h1>
 95 |       <span class="d-block">On Premium</span>
 96 |       <span class="d-block">Product</span>
 97 |       <div class="coupon-code mt-4"><small>Use Coupon code : upgrade30
 98 |         </small></div>
 99 | 
100 |         <a href="https://www.wrappixel.com/templates/category/nuxt-templates/?ref=376" class="btn" target="_blank">Get Now</a>
101 |     </div>
102 |   </div>
103 | </body>
104 | 
105 | </html>


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_type.scss:
--------------------------------------------------------------------------------
  1 | // stylelint-disable declaration-no-important, selector-list-comma-newline-after
  2 | 
  3 | //
  4 | // Headings
  5 | //
  6 | 
  7 | h1, h2, h3, h4, h5, h6,
  8 | .h1, .h2, .h3, .h4, .h5, .h6 {
  9 |   margin-bottom: $headings-margin-bottom;
 10 |   font-family: $headings-font-family;
 11 |   font-weight: $headings-font-weight;
 12 |   line-height: $headings-line-height;
 13 |   color: $headings-color;
 14 | }
 15 | 
 16 | h1, .h1 { font-size: $h1-font-size; }
 17 | h2, .h2 { font-size: $h2-font-size; }
 18 | h3, .h3 { font-size: $h3-font-size; }
 19 | h4, .h4 { font-size: $h4-font-size; }
 20 | h5, .h5 { font-size: $h5-font-size; }
 21 | h6, .h6 { font-size: $h6-font-size; }
 22 | 
 23 | .lead {
 24 |   font-size: $lead-font-size;
 25 |   font-weight: $lead-font-weight;
 26 | }
 27 | 
 28 | // Type display classes
 29 | .display-1 {
 30 |   font-size: $display1-size;
 31 |   font-weight: $display1-weight;
 32 |   line-height: $display-line-height;
 33 | }
 34 | .display-2 {
 35 |   font-size: $display2-size;
 36 |   font-weight: $display2-weight;
 37 |   line-height: $display-line-height;
 38 | }
 39 | .display-3 {
 40 |   font-size: $display3-size;
 41 |   font-weight: $display3-weight;
 42 |   line-height: $display-line-height;
 43 | }
 44 | .display-4 {
 45 |   font-size: $display4-size;
 46 |   font-weight: $display4-weight;
 47 |   line-height: $display-line-height;
 48 | }
 49 | 
 50 | 
 51 | //
 52 | // Horizontal rules
 53 | //
 54 | 
 55 | hr {
 56 |   margin-top: $hr-margin-y;
 57 |   margin-bottom: $hr-margin-y;
 58 |   border: 0;
 59 |   border-top: $hr-border-width solid $hr-border-color;
 60 | }
 61 | 
 62 | 
 63 | //
 64 | // Emphasis
 65 | //
 66 | 
 67 | small,
 68 | .small {
 69 |   font-size: $small-font-size;
 70 |   font-weight: $font-weight-normal;
 71 | }
 72 | 
 73 | mark,
 74 | .mark {
 75 |   padding: $mark-padding;
 76 |   background-color: $mark-bg;
 77 | }
 78 | 
 79 | 
 80 | //
 81 | // Lists
 82 | //
 83 | 
 84 | .list-unstyled {
 85 |   @include list-unstyled;
 86 | }
 87 | 
 88 | // Inline turns list items into inline-block
 89 | .list-inline {
 90 |   @include list-unstyled;
 91 | }
 92 | .list-inline-item {
 93 |   display: inline-block;
 94 | 
 95 |   &:not(:last-child) {
 96 |     margin-right: $list-inline-padding;
 97 |   }
 98 | }
 99 | 
100 | 
101 | //
102 | // Misc
103 | //
104 | 
105 | // Builds on `abbr`
106 | .initialism {
107 |   font-size: 90%;
108 |   text-transform: uppercase;
109 | }
110 | 
111 | // Blockquotes
112 | .blockquote {
113 |   margin-bottom: $spacer;
114 |   font-size: $blockquote-font-size;
115 | }
116 | 
117 | .blockquote-footer {
118 |   display: block;
119 |   font-size: 80%; // back to default font-size
120 |   color: $blockquote-small-color;
121 | 
122 |   &::before {
123 |     content: "\2014 \00A0"; // em dash, nbsp
124 |   }
125 | }
126 | 


--------------------------------------------------------------------------------
/package/public/images/technology/next-cat-icon.svg:
--------------------------------------------------------------------------------
1 | <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M11.2141 0.00645944C11.1625 0.0111515 10.9982 0.0275738 10.8504 0.039304C7.44164 0.346635 4.24868 2.18593 2.22639 5.01291C1.10029 6.58476 0.380059 8.36775 0.107918 10.2563C0.0117302 10.9156 0 11.1103 0 12.0041C0 12.898 0.0117302 13.0927 0.107918 13.7519C0.760117 18.2587 3.96716 22.0452 8.31672 23.4481C9.0956 23.6991 9.91672 23.8704 10.8504 23.9736C11.2141 24.0135 12.7859 24.0135 13.1496 23.9736C14.7613 23.7953 16.1267 23.3965 17.4733 22.7091C17.6798 22.6035 17.7196 22.5754 17.6915 22.5519C17.6727 22.5378 16.793 21.3578 15.7372 19.9314L13.8182 17.339L11.4135 13.7801C10.0903 11.8235 9.00176 10.2235 8.99238 10.2235C8.98299 10.2211 8.97361 11.8024 8.96891 13.7331C8.96188 17.1138 8.95953 17.2499 8.9173 17.3296C8.85631 17.4446 8.80938 17.4915 8.71085 17.5431C8.63578 17.5807 8.57009 17.5877 8.21584 17.5877H7.80997L7.70205 17.5197C7.63167 17.4751 7.58006 17.4164 7.54487 17.3484L7.4956 17.2428L7.50029 12.539L7.50733 7.83285L7.58006 7.74136C7.6176 7.69209 7.69736 7.62875 7.75367 7.59825C7.84985 7.55133 7.88739 7.54664 8.29325 7.54664C8.77185 7.54664 8.85161 7.5654 8.97595 7.70147C9.01114 7.73901 10.3132 9.7003 11.871 12.0628C13.4287 14.4252 15.5589 17.651 16.6053 19.2346L18.5056 22.1132L18.6018 22.0499C19.4534 21.4962 20.3543 20.7079 21.0674 19.8868C22.5853 18.1437 23.5636 16.0182 23.8921 13.7519C23.9883 13.0927 24 12.898 24 12.0041C24 11.1103 23.9883 10.9156 23.8921 10.2563C23.2399 5.74957 20.0328 1.96306 15.6833 0.560125C14.9161 0.311445 14.0997 0.140184 13.1848 0.036958C12.9595 0.0134976 11.4088 -0.0123089 11.2141 0.00645944ZM16.1267 7.26511C16.2393 7.32142 16.3308 7.42933 16.3636 7.54194C16.3824 7.60294 16.3871 8.90734 16.3824 11.8469L16.3754 16.0651L15.6317 14.9249L14.8856 13.7848V10.7185C14.8856 8.73608 14.895 7.62171 14.9091 7.56775C14.9466 7.43637 15.0287 7.33315 15.1413 7.27215C15.2375 7.22288 15.2727 7.21819 15.6411 7.21819C15.9883 7.21819 16.0493 7.22288 16.1267 7.26511Z" fill="black"/>
3 | <path d="M18.3869 22.1645C18.3048 22.2161 18.279 22.2513 18.3517 22.2114C18.4033 22.1809 18.4878 22.1176 18.4737 22.1152C18.4667 22.1152 18.4268 22.1387 18.3869 22.1645ZM18.225 22.2701C18.1828 22.3029 18.1828 22.3053 18.2344 22.2795C18.2626 22.2654 18.286 22.249 18.286 22.2443C18.286 22.2255 18.2743 22.2302 18.225 22.2701ZM18.1077 22.3405C18.0655 22.3733 18.0655 22.3756 18.1171 22.3498C18.1453 22.3358 18.1687 22.3193 18.1687 22.3146C18.1687 22.2959 18.157 22.3006 18.1077 22.3405ZM17.9904 22.4108C17.9482 22.4437 17.9482 22.446 17.9998 22.4202C18.028 22.4061 18.0514 22.3897 18.0514 22.385C18.0514 22.3663 18.0397 22.371 17.9904 22.4108ZM17.8121 22.5047C17.723 22.5516 17.7277 22.5704 17.8168 22.5258C17.8567 22.5047 17.8872 22.4836 17.8872 22.4789C17.8872 22.4624 17.8848 22.4648 17.8121 22.5047Z" fill="black"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/package/pages/ui-components/Buttons.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | /*import tabler icons*/
 4 | import { TrashIcon, SendIcon, BellIcon } from 'vue-tabler-icons';
 5 | import UiChildCard from '@/components/shared/UiChildCard.vue';
 6 | // icons
 7 | import { AccessPointIcon } from 'vue-tabler-icons';
 8 | import BaseButtons from '@/components/ui-components/button/BaseButtons.vue';
 9 | import ColorsButtons from '@/components/ui-components/button/ColorsButtons.vue';
10 | import OutlinedButtons from '@/components/ui-components/button/OutlinedButtons.vue';
11 | import SizeButtons from '@/components/ui-components/button/SizeButtons.vue';
12 | import TextButtons from '@/components/ui-components/button/TextButtons.vue';
13 | import IconColorSizes from '@/components/ui-components/button/IconColorSizes.vue';
14 | // buttons color data
15 | const btnsColor = ref(['primary', 'secondary', 'success', 'error', 'warning']);
16 | 
17 | </script>
18 | 
19 | // ===============================|| Ui Buttons ||=============================== //
20 | <template>
21 |     <v-row>
22 |         <v-col cols="12">
23 | 
24 |                 <v-row>
25 |                     <!-- Base Buttons -->
26 |                     <v-col cols="12" sm="12">
27 |                         <UiChildCard title="Default">
28 |                             <BaseButtons />
29 |                         </UiChildCard>
30 |                     </v-col>
31 |                     <!-- Color Buttons -->
32 |                     <v-col cols="12" lg="6">
33 |                         <UiChildCard title="Colors">
34 |                             <ColorsButtons />
35 |                         </UiChildCard>
36 |                     </v-col>
37 |                     <!-- Outlined Buttons -->
38 |                     <v-col cols="12" lg="6">
39 |                         <UiChildCard title="Outlined">
40 |                             <OutlinedButtons />
41 |                         </UiChildCard>
42 |                     </v-col>
43 |                     <!-- Sizes -->
44 |                     <v-col cols="12" lg="12">
45 |                         <UiChildCard title="Size">
46 |                             <SizeButtons />
47 |                         </UiChildCard>
48 |                     </v-col>
49 |                     <!-- Text Buttons -->
50 |                     <v-col cols="12" lg="6">
51 |                         <UiChildCard title="Text Color">
52 |                             <TextButtons />
53 |                         </UiChildCard>
54 |                     </v-col>
55 |                     <!-- Icon Color Sizes -->
56 |                     <v-col cols="12" lg="6">
57 |                         <UiChildCard title="Icon Size">
58 |                             <IconColorSizes />
59 |                         </UiChildCard>
60 |                     </v-col>
61 |                 </v-row>
62 |         </v-col>
63 |     </v-row>
64 | </template>
65 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/utilities/_flex.scss:
--------------------------------------------------------------------------------
 1 | // stylelint-disable declaration-no-important
 2 | 
 3 | // Flex variation
 4 | //
 5 | // Custom styles for additional flex alignment options.
 6 | 
 7 | @each $breakpoint in map-keys($grid-breakpoints) {
 8 |   @include media-breakpoint-up($breakpoint) {
 9 |     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10 | 
11 |     .flex#{$infix}-row            { flex-direction: row !important; }
12 |     .flex#{$infix}-column         { flex-direction: column !important; }
13 |     .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
14 |     .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15 | 
16 |     .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
17 |     .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
18 |     .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19 |     .flex#{$infix}-fill         { flex: 1 1 auto !important; }
20 |     .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
21 |     .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
22 |     .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
23 |     .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
24 | 
25 |     .justify-content#{$infix}-start   { justify-content: flex-start !important; }
26 |     .justify-content#{$infix}-end     { justify-content: flex-end !important; }
27 |     .justify-content#{$infix}-center  { justify-content: center !important; }
28 |     .justify-content#{$infix}-between { justify-content: space-between !important; }
29 |     .justify-content#{$infix}-around  { justify-content: space-around !important; }
30 | 
31 |     .align-items#{$infix}-start    { align-items: flex-start !important; }
32 |     .align-items#{$infix}-end      { align-items: flex-end !important; }
33 |     .align-items#{$infix}-center   { align-items: center !important; }
34 |     .align-items#{$infix}-baseline { align-items: baseline !important; }
35 |     .align-items#{$infix}-stretch  { align-items: stretch !important; }
36 | 
37 |     .align-content#{$infix}-start   { align-content: flex-start !important; }
38 |     .align-content#{$infix}-end     { align-content: flex-end !important; }
39 |     .align-content#{$infix}-center  { align-content: center !important; }
40 |     .align-content#{$infix}-between { align-content: space-between !important; }
41 |     .align-content#{$infix}-around  { align-content: space-around !important; }
42 |     .align-content#{$infix}-stretch { align-content: stretch !important; }
43 | 
44 |     .align-self#{$infix}-auto     { align-self: auto !important; }
45 |     .align-self#{$infix}-start    { align-self: flex-start !important; }
46 |     .align-self#{$infix}-end      { align-self: flex-end !important; }
47 |     .align-self#{$infix}-center   { align-self: center !important; }
48 |     .align-self#{$infix}-baseline { align-self: baseline !important; }
49 |     .align-self#{$infix}-stretch  { align-self: stretch !important; }
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_functions.scss:
--------------------------------------------------------------------------------
 1 | // Bootstrap functions
 2 | //
 3 | // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
 4 | 
 5 | // Ascending
 6 | // Used to evaluate Sass maps like our grid breakpoints.
 7 | @mixin _assert-ascending($map, $map-name) {
 8 |   $prev-key: null;
 9 |   $prev-num: null;
10 |   @each $key, $num in $map {
11 |     @if $prev-num == null {
12 |       // Do nothing
13 |     } @else if not comparable($prev-num, $num) {
14 |       @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15 |     } @else if $prev-num >= $num {
16 |       @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17 |     }
18 |     $prev-key: $key;
19 |     $prev-num: $num;
20 |   }
21 | }
22 | 
23 | // Starts at zero
24 | // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
25 | @mixin _assert-starts-at-zero($map) {
26 |   $values: map-values($map);
27 |   $first-value: nth($values, 1);
28 |   @if $first-value != 0 {
29 |     @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
30 |   }
31 | }
32 | 
33 | // Replace `$search` with `$replace` in `$string`
34 | // Used on our SVG icon backgrounds for custom forms.
35 | //
36 | // @author Hugo Giraudel
37 | // @param {String} $string - Initial string
38 | // @param {String} $search - Substring to replace
39 | // @param {String} $replace ('') - New value
40 | // @return {String} - Updated string
41 | @function str-replace($string, $search, $replace: "") {
42 |   $index: str-index($string, $search);
43 | 
44 |   @if $index {
45 |     @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
46 |   }
47 | 
48 |   @return $string;
49 | }
50 | 
51 | // Color contrast
52 | @function color-yiq($color) {
53 |   $r: red($color);
54 |   $g: green($color);
55 |   $b: blue($color);
56 | 
57 |   $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
58 | 
59 |   @if ($yiq >= $yiq-contrasted-threshold) {
60 |     @return $yiq-text-dark;
61 |   } @else {
62 |     @return $yiq-text-light;
63 |   }
64 | }
65 | 
66 | // Retrieve color Sass maps
67 | @function color($key: "blue") {
68 |   @return map-get($colors, $key);
69 | }
70 | 
71 | @function theme-color($key: "primary") {
72 |   @return map-get($theme-colors, $key);
73 | }
74 | 
75 | @function gray($key: "100") {
76 |   @return map-get($grays, $key);
77 | }
78 | 
79 | // Request a theme color level
80 | @function theme-color-level($color-name: "primary", $level: 0) {
81 |   $color: theme-color($color-name);
82 |   $color-base: if($level > 0, $black, $white);
83 |   $level: abs($level);
84 | 
85 |   @return mix($color-base, $color, $level * $theme-color-interval);
86 | }
87 | 


--------------------------------------------------------------------------------
/package/components/Layout/Full/vertical-sidebar/NavCollapse/index.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | import { Icon } from "@iconify/vue";
 3 | const props = defineProps({ item: Object, level: Number });
 4 | </script>
 5 | 
 6 | <template>
 7 |   <!-- ---------------------------------------------- -->
 8 |   <!---Item Childern -->
 9 |   <!-- ---------------------------------------------- -->
10 |   <div class="mb-1">
11 |     <v-list-group no-action>
12 |       <!-- ---------------------------------------------- -->
13 |       <!---Dropdown  -->
14 |       <!-- ---------------------------------------------- -->
15 |       <template v-slot:activator="{ props }">
16 |         <v-list-item
17 |           v-bind="props"
18 |           :value="item.title"
19 |           :ripple="false"
20 |           class="bg-hover-primary"
21 |           color="primary"
22 |         >
23 |           <!---Icon  -->
24 |           <template v-slot:prepend>
25 |             <div
26 |               class="navbox bg-hover-primary"
27 |               color="primary"
28 |             >
29 |               <span class="icon-box" v-if="level > 0">
30 |                 <div class="sublink-dot" width="30"></div>
31 |               </span>
32 |               <span class="icon-box" v-else>
33 |                 <Icon
34 |                   :icon="'solar:' + item.icon"
35 |                   height="24"
36 |                   width="24"
37 |                   :level="level"
38 |                   :class="
39 |                     'position-relative z-index-2 texthover-' + item.BgColor
40 |                   "
41 |                 />
42 |               </span>
43 |             </div>
44 |           </template>
45 |           <!---Title  -->
46 |           <v-list-item-title class="text-subtitle-1 font-weight-medium">{{
47 |             item.title
48 |           }}</v-list-item-title>
49 |           <!---If Caption-->
50 |           <v-list-item-subtitle
51 |             v-if="item.subCaption"
52 |             class="text-caption mt-n1 hide-menu"
53 |           >
54 |             {{ item.subCaption }}
55 |           </v-list-item-subtitle>
56 |         </v-list-item>
57 |       </template>
58 |       <!-- ---------------------------------------------- -->
59 |       <!---Sub Item-->
60 |       <!-- ---------------------------------------------- -->
61 |       <div class="mb-4 sublinks">
62 |         <template
63 |           v-for="(subitem, i) in item.children"
64 |           :key="i"
65 |           v-if="item.children"
66 |         >
67 |           <LayoutFullVerticalSidebarNavCollapse
68 |             :item="subitem"
69 |             v-if="subitem.children"
70 |             :level="level + 1"
71 |           />
72 |           <LayoutFullVerticalSidebarDropdown
73 |             :item="subitem"
74 |             :level="level + 1"
75 |             v-else
76 |           ></LayoutFullVerticalSidebarDropdown>
77 |         </template>
78 |       </div>
79 |     </v-list-group>
80 |   </div>
81 |   <!-- ---------------------------------------------- -->
82 |   <!---End Item Sub Header -->
83 |   <!-- ---------------------------------------------- -->
84 | </template>
85 | 


--------------------------------------------------------------------------------
/landingpage/dist/scss/bootstrap/_tooltip.scss:
--------------------------------------------------------------------------------
  1 | // Base class
  2 | .tooltip {
  3 |   position: absolute;
  4 |   z-index: $zindex-tooltip;
  5 |   display: block;
  6 |   margin: $tooltip-margin;
  7 |   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
  8 |   // So reset our font and text properties to avoid inheriting weird values.
  9 |   @include reset-text();
 10 |   font-size: $tooltip-font-size;
 11 |   // Allow breaking very long words so they don't overflow the tooltip's bounds
 12 |   word-wrap: break-word;
 13 |   opacity: 0;
 14 | 
 15 |   &.show { opacity: $tooltip-opacity; }
 16 | 
 17 |   .arrow {
 18 |     position: absolute;
 19 |     display: block;
 20 |     width: $tooltip-arrow-width;
 21 |     height: $tooltip-arrow-height;
 22 | 
 23 |     &::before {
 24 |       position: absolute;
 25 |       content: "";
 26 |       border-color: transparent;
 27 |       border-style: solid;
 28 |     }
 29 |   }
 30 | }
 31 | 
 32 | .bs-tooltip-top {
 33 |   padding: $tooltip-arrow-height 0;
 34 | 
 35 |   .arrow {
 36 |     bottom: 0;
 37 | 
 38 |     &::before {
 39 |       top: 0;
 40 |       border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
 41 |       border-top-color: $tooltip-arrow-color;
 42 |     }
 43 |   }
 44 | }
 45 | 
 46 | .bs-tooltip-right {
 47 |   padding: 0 $tooltip-arrow-height;
 48 | 
 49 |   .arrow {
 50 |     left: 0;
 51 |     width: $tooltip-arrow-height;
 52 |     height: $tooltip-arrow-width;
 53 | 
 54 |     &::before {
 55 |       right: 0;
 56 |       border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
 57 |       border-right-color: $tooltip-arrow-color;
 58 |     }
 59 |   }
 60 | }
 61 | 
 62 | .bs-tooltip-bottom {
 63 |   padding: $tooltip-arrow-height 0;
 64 | 
 65 |   .arrow {
 66 |     top: 0;
 67 | 
 68 |     &::before {
 69 |       bottom: 0;
 70 |       border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
 71 |       border-bottom-color: $tooltip-arrow-color;
 72 |     }
 73 |   }
 74 | }
 75 | 
 76 | .bs-tooltip-left {
 77 |   padding: 0 $tooltip-arrow-height;
 78 | 
 79 |   .arrow {
 80 |     right: 0;
 81 |     width: $tooltip-arrow-height;
 82 |     height: $tooltip-arrow-width;
 83 | 
 84 |     &::before {
 85 |       left: 0;
 86 |       border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
 87 |       border-left-color: $tooltip-arrow-color;
 88 |     }
 89 |   }
 90 | }
 91 | 
 92 | .bs-tooltip-auto {
 93 |   &[x-placement^="top"] {
 94 |     @extend .bs-tooltip-top;
 95 |   }
 96 |   &[x-placement^="right"] {
 97 |     @extend .bs-tooltip-right;
 98 |   }
 99 |   &[x-placement^="bottom"] {
100 |     @extend .bs-tooltip-bottom;
101 |   }
102 |   &[x-placement^="left"] {
103 |     @extend .bs-tooltip-left;
104 |   }
105 | }
106 | 
107 | // Wrapper for the tooltip content
108 | .tooltip-inner {
109 |   max-width: $tooltip-max-width;
110 |   padding: $tooltip-padding-y $tooltip-padding-x;
111 |   color: $tooltip-color;
112 |   text-align: center;
113 |   background-color: $tooltip-bg;
114 |   @include border-radius($tooltip-border-radius);
115 | }
116 | 


--------------------------------------------------------------------------------
/package/components/dashboards/ProductSales.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import { computed } from 'vue';
 4 | import { useTheme } from 'vuetify';
 5 | const theme = useTheme();
 6 | const indigo = theme.current.value.colors.indigo;
 7 | 
 8 | 
 9 | /* Chart */
10 | const areachartOptions = computed(() => {
11 |     return {
12 |         chart: {
13 |             id: "sparkline3",
14 |             type: "area",
15 |             height: 60,
16 |             sparkline: {
17 |                 enabled: true,
18 |             },
19 |             group: "sparklines",
20 |             fontFamily:'inherit',
21 |             foreColor: "#adb0bb",
22 |         },
23 |         series: [
24 |             {
25 |                 name: "Earnings",
26 |                 color: "#8763da",
27 |                 data: [25, 66, 20, 40, 12, 58, 20],
28 |             },
29 |         ],
30 |         stroke: {
31 |             curve: "smooth",
32 |             width: 2,
33 |         },
34 |         fill: {
35 |             colors: ["#f3feff"],
36 |             type: "solid",
37 |             opacity: 0.05,
38 |         },
39 | 
40 |         markers: {
41 |             size: 0,
42 |         },
43 |         tooltip: {
44 |             theme: "dark",
45 |             fixed: {
46 |                 enabled: true,
47 |                 position: "right",
48 |             },
49 |             x: {
50 |                 show: false,
51 |             },
52 |         },
53 |     };
54 | });
55 | 
56 | const areaChart = {
57 |     series: [
58 |         {
59 |             name: '',
60 |             data: [25, 66, 20, 40, 12, 58, 20]
61 |         }
62 |     ]
63 | };
64 | </script>
65 | <template>
66 |     <v-card elevation="10" class="withbg">
67 |         <v-card-item class="pa-6">
68 |             <div class="d-flex align-center justify-space-between pt-sm-2">
69 |                 <v-card-title class="text-h5">Product Sales</v-card-title>
70 |                 <v-btn  size="small" icon class="bg-error">
71 |                     <v-avatar size="20" class="text-surface">
72 |                         <CurrencyDollarIcon size="20" />
73 |                     </v-avatar>
74 |                 </v-btn>
75 |             </div>
76 |             <v-row>
77 |                 <v-col cols="12">
78 |                     <div class="mt-2">
79 |                         <h3 class="text-h4">$6,820</h3>
80 |                         <div class="mt-2">
81 |                             <v-avatar class="bg-lighterror text-accent" size="20">
82 |                                 <ArrowDownRightIcon class="text-error" size="15" />
83 |                             </v-avatar>
84 |                             <span class="text-subtitle-1 ml-2 font-weight-bold">+9%</span>
85 |                             <span class="text-subtitle-1 text-muted ml-2">last year</span>
86 |                         </div>
87 |                     </div>
88 |                 </v-col>
89 |             </v-row>
90 |         </v-card-item>
91 |         <div class="mt-3">
92 |             <apexchart type="area" height="60" :options="areachartOptions" :series="areaChart.series"> </apexchart>
93 |         </div>
94 |     </v-card>
95 | </template>
96 | 


--------------------------------------------------------------------------------
/package/components/dashboards/TopPayingClients.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue';
 3 | import {productPerformance} from '@/data/dashboard/dashboardData';
 4 | const items = ref([
 5 |     { title: "Action" },
 6 |     { title: "Another action" },
 7 |     { title: "Something else here" },
 8 | ]);
 9 | </script>
10 | <template>
11 |     <v-card elevation="10" class="pb-5">
12 |         <v-card-item class="pa-6">
13 |             <div class="d-flex align-center justify-space-between">
14 |                 <div>
15 |                     <h5 class="text-h5 mb-1 font-weight-semibold">Top Paying Clients</h5>
16 |                 </div>
17 |                 <div>
18 |                     <v-menu bottom left>
19 |                         <template v-slot:activator="{ props }">
20 |                             <v-btn icon color="inherit" v-bind="props" flat>
21 |                                 <DotsVerticalIcon stroke-width="1.5" size="24" class="text-grey100" />
22 |                             </v-btn>
23 |                         </template>
24 |                         <v-list density="compact">
25 |                             <v-list-item v-for="(item, i) in items" :key="i" :value="i">
26 |                                 <v-list-item-title>{{ item.title }}</v-list-item-title>
27 |                             </v-list-item>
28 |                         </v-list>
29 |                     </v-menu>
30 |                 </div>
31 |             </div>
32 |         <v-table class="month-table">
33 |             <thead>
34 |                 <tr>
35 |                     <th class="text-subtitle-1 font-weight-bold">Id</th>
36 |                     <th class="text-subtitle-1 font-weight-bold">Assigned</th>
37 |                     <th class="text-subtitle-1 font-weight-bold">Name</th>
38 |                     <th class="text-subtitle-1 font-weight-bold">Priority</th>
39 |                     <th class="text-subtitle-1 font-weight-bold text-right">Budget</th>
40 |                 </tr>
41 |             </thead>
42 |             <tbody>
43 |                 <tr v-for="item in productPerformance" :key="item.name" class="month-item">
44 |                     <td>
45 |                         <p class="text-15 font-weight-medium">{{ item.id }}</p>
46 |                     </td>
47 |                     <td>
48 |                         <div class="">
49 |                                 <h6 class="text-subtitle-1 font-weight-bold">{{ item.name }}</h6>
50 |                                 <div class="text-subtitle-2 mt-1 text-muted">{{ item.post }}</div>
51 |                         </div>
52 |                     </td>
53 |                     <td>
54 |                         <h6 class="text-body-1 text-muted">{{ item.pname }}</h6>
55 |                     </td>
56 |                     <td>
57 |                         <v-chip  :class="'text-body-2 bg-' + item.statuscolor " color="white"  size="small" >{{
58 |                             item.status
59 |                         }}</v-chip>
60 |                     </td>
61 |                     <td>
62 |                         <h6 class="text-h6 text-right">{{ item.budget }}</h6>
63 |                     </td>
64 |                 </tr>
65 |             </tbody>
66 |         </v-table>
67 |         </v-card-item>
68 |     </v-card>
69 | </template>
70 | 


--------------------------------------------------------------------------------
/landingpage/assets/plugins/owl.carousel/dist/assets/owl.carousel.min.css:
--------------------------------------------------------------------------------
1 | /**
2 |  * Owl Carousel v2.3.4
3 |  * Copyright 2013-2018 David Deutsch
4 |  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 |  */
6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


--------------------------------------------------------------------------------
/package/components/ui-components/cards/CardsWeather.vue:
--------------------------------------------------------------------------------
  1 | <script setup lang="ts">
  2 | import { ref } from "vue";
  3 | 
  4 | const labels = ref({
  5 |   0: "SU",
  6 |   1: "MO",
  7 |   2: "TU",
  8 |   3: "WED",
  9 |   4: "TH",
 10 |   5: "FR",
 11 |   6: "SA",
 12 | });
 13 | 
 14 | const expand = ref(false);
 15 | const time = ref(0);
 16 | 
 17 | const forecast = ref([
 18 |   { day: "Tuesday", icon: "mdi-white-balance-sunny", temp: "24\xB0/12\xB0" },
 19 |   { day: "Wednesday", icon: "mdi-white-balance-sunny", temp: "22\xB0/14\xB0" },
 20 |   { day: "Thursday", icon: "mdi-cloud", temp: "25\xB0/15\xB0" },
 21 | ]);
 22 | </script>
 23 | 
 24 | <template>
 25 |   <!-- ----------------------------------------------------------------------------- -->
 26 |   <!-- Weather -->
 27 |   <!-- ----------------------------------------------------------------------------- -->
 28 |   <v-card class="mx-auto"   elevation="0">
 29 |     <v-card-item title="Florida">
 30 |       <template v-slot:subtitle>
 31 |         <v-icon
 32 |           icon="mdi-alert"
 33 |           size="18"
 34 |           color="error"
 35 |           class="me-1 pb-1"
 36 |         ></v-icon>
 37 | 
 38 |         Extreme Weather Alert
 39 |       </template>
 40 |     </v-card-item>
 41 | 
 42 |     <v-card-text class="py-0">
 43 |       <v-row align="center" no-gutters>
 44 |         <v-col
 45 |           class="text-h3"
 46 |           cols="6"
 47 |         >
 48 |           64&deg;F
 49 |         </v-col>
 50 | 
 51 |         <v-col cols="6" class="text-right">
 52 |           <v-icon
 53 |             color="error"
 54 |             icon="mdi-weather-hurricane"
 55 |             size="40"
 56 |           ></v-icon>
 57 |         </v-col>
 58 |       </v-row>
 59 |     </v-card-text>
 60 | 
 61 |     <div class="d-flex py-3 justify-space-between">
 62 |       <v-list-item
 63 |         density="compact"
 64 |         prepend-icon="mdi-weather-windy"
 65 |       >
 66 |         <v-list-item-subtitle>123 km/h</v-list-item-subtitle>
 67 |       </v-list-item>
 68 | 
 69 |       <v-list-item
 70 |         density="compact"
 71 |         prepend-icon="mdi-weather-pouring"
 72 |       >
 73 |         <v-list-item-subtitle>48%</v-list-item-subtitle>
 74 |       </v-list-item>
 75 |     </div>
 76 | 
 77 |     <v-expand-transition>
 78 |       <div v-if="expand">
 79 |         <div class="py-2">
 80 |           <v-slider
 81 |             v-model="time"
 82 |             :max="6"
 83 |             :step="1"
 84 |             :ticks="labels"
 85 |             class="mx-4"
 86 |             color="primary"
 87 |             density="compact"
 88 |             hide-details
 89 |             show-ticks="always"
 90 |             thumb-size="10"
 91 |           ></v-slider>
 92 |         </div>
 93 | 
 94 |         <v-list class="bg-transparent">
 95 |           <v-list-item
 96 |             v-for="item in forecast"
 97 |             :key="item.day"
 98 |             :title="item.day"
 99 |             :append-icon="item.icon"
100 |             :subtitle="item.temp"
101 |           >
102 |           </v-list-item>
103 |         </v-list>
104 |       </div>
105 |     </v-expand-transition>
106 | 
107 |     <v-divider></v-divider>
108 | 
109 |     <v-card-actions>
110 |       <v-btn @click="expand = !expand">
111 |         {{ !expand ? 'Full Report' : 'Hide Report' }}
112 |       </v-btn>
113 |     </v-card-actions>
114 |   </v-card>
115 | </template>
116 | 


--------------------------------------------------------------------------------