@ozdao/prometheus-framework 0.2.322 → 0.2.323

package/src/styles/base/all.scss

@@ -164,11 +164,7 @@ body {
 	.o-auto 		{overflow: auto; }
 	.o-visible 	{overflow: visible; } 
 	// Display
-	.d-flex 				{display: flex; }
-	.d-block 				{display: block; }
-	.d-inline-block {display: inline-block; }
-	.d-inline-flex 	{display: inline-flex; }	
-	.d-grid 				{display: grid; }	
+
 	// Flex
 	.flex {
 		display: flex;
@@ -177,6 +173,12 @@ body {
 		&-center 					{ align-items: center; justify-content: center; }
 	}
 
+	.d-flex 				{display: flex; }
+	.d-block 				{display: block; }
+	.d-inline-block {display: inline-block; }
+	.d-inline-flex 	{display: inline-flex; }	
+	.d-grid 				{display: grid; }	
+
 	.align-self-start {
 		align-self: start;
 	}

package/src/modules/community/components/sections/JoinUs.vue

@@ -1,75 +0,0 @@
-<template>
-  <div class="pd-extra o-hidden w-100 container container-joinus">
-    <div class="content">
-      <span class="h0 mn-b-big">
-        {{ userCount.toLocaleString() }}
-      </span>
-      <p class="w-m-33r t-center mn-b-small p-big">
-        Together, we're shaping the future of the globals cannabis community.
-      </p>
-      <router-link :to="{ name: 'Sign In' }" class="bg-black t-medium t-white button">
-        Join Now
-      </router-link>
-    </div>
-    <FloatingImages 
-        :container="'.container-joinus'"
-        :images="[
-            '/avatars/01.png',
-            '/avatars/02.png',
-            '/avatars/03.png',
-            '/avatars/04.png',
-            '/avatars/05.png',
-            '/avatars/06.png'
-        ]" 
-        :config="{
-            size: '5rem',
-            square: true,
-            minDuration: 5,
-            maxDuration: 15,
-            spawnPoints: [10, 90],
-            animation: {
-              startOpacity: 0.1,
-              midOpacity: 1,
-              endOpacity: 0.0,
-              translateY: '-33vh'
-            },
-            class: 'my-custom-class'
-        }"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-import FloatingImages from '@pf/src/modules/landing/components/elements/FloatingImages.vue';
-
-const userCount = ref(1230);
-
-const increaseUserCount = () => {
-  setInterval(() => {
-    userCount.value += Math.floor(Math.random() * 2) + 1;
-  }, 1330);
-};
-
-onMounted(() => {
-  increaseUserCount();
-});
-</script>
-
-<style lang="scss">
-.container-joinus {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 66%;
-  position: relative;
-
-  .content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    z-index: 2;
-  }
-}
-</style>

package/src/modules/landing/components/sections/FeatureSection.vue

@@ -1,80 +0,0 @@
-<template>
-  <section  class="cols-2-golden-ration pd-thin gap-thin">
-      <div id="feature" class="cols-2">
-
-        <div class="col">
-          <h2 class="h1" v-html="t('title')"></h2>
-        </div>
-
-       
-      </div>
-
-      <ul class="cols-2 gap-thin">      
-        <li class="pd-medium bg-light radius-big p-big t-semi">{{t('friendly')}}</li>
-        <li class="pd-medium bg-light radius-big p-big t-semi">{{t('fast')}}</li>
-        <li class="pd-medium bg-light radius-big p-big t-semi">{{t('reasonable')}}</li>
-        <li class="pd-medium bg-light radius-big p-big t-semi">{{t('premium')}}</li>
-        <li class="pd-medium bg-light radius-big p-big t-semi">{{t('refund')}}</li>
-      </ul>
-
-    </section>
-</template>
-
-
-<script setup>
-  import { useI18n } from 'vue-i18n'
-    
-  const text = {
-    messages: {
-      en: {
-        title: 'Best Quality.<br><b class="t-white">Reasonable Price.</b>',
-        friendly: 'Friendly Service',
-        fast: 'Fast Shipment',
-        reasonable: 'Reasonable Prices',
-        premium: 'Premium Medical Grade',
-        refund: 'Refund Policy'
-      },
-      ru: {
-        title: 'Лучшее качество.<br><b class="t-white">Разумная цена.</b>',
-        subtitle: 'Мы придаем большое значение высокому качеству товаров и удовлетворенности клиентов',
-        friendly: 'Дружелюбный Сервис',
-        fast: 'Быстрая Доставка',
-        reasonable: 'Разумные Цены',
-        premium: 'Лабораторное качество',
-        refund: 'Политика возврата'
-      }
-    }
-  }
-
-  const { t } = useI18n(text)
-</script>
-
-<style lang="scss">
-#feature {
-  background-size: cover;
-  background-position: center center;
-  border-radius: 2rem;
-  padding: 4rem;  
-
-  .col {
-    ul {
-      li {
-        line-height: 1.5;
-        margin-bottom: 1rem;
-        color: white;
-
-
-
-        &:before {
-          content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
-          color: black; /* Change the color */
-          font-weight: bold; /* If you want it to be bold */
-          display: inline-block; /* Needed to add space between the bullet and the text */
-          width: 1em; /* Also needed for space (tweak if needed) */
-          margin-left: -1em; /* Also needed for space (tweak if needed) */
-        }
-      }
-    }
-  }
-}
-</style>

package/src/modules/landing/components/sections/HeroSection.vue

@@ -1,76 +0,0 @@
-<script setup>
-	import { useRouter } from 'vue-router'
-	
-	import { useI18n } from 'vue-i18n'
-
-	const router = useRouter()
-
-	const text = {
-    messages: {
-      en: {
-        HERO: {
-			    TITLE: "Phuket №1 Weed Shop with<br><b class='t-white'>Sameday Delivery</b>",
-			    DESCRIPTION: "Weeder Delivery stocks a wide range of quality CBD & high THC weed strains available for purchase whether you are a local, expat or tourist. We also receive new cannabis strains for our clients to enjoy daily!",
-			    ACTION: "Open Marketplace →",
-			    SUBACTION: "Get Recomendation"
-			  }
-      },
-      ru: {
-	      HERO: {
-			    TITLE: "Лучшая доставка травки<br><b class='t-white'> на Пхукете за 1 час</b>",
-			    DESCRIPTION: "Weeder Delivery предлагает широкий ассортимент качественных сортов с CBD и высоким содержанием THC, доступных для покупки независимо от того, являетесь ли вы местным, эмигрантом или туристом. Мы также ежедневно получаем новые сорта каннабиса для наших клиентов!",
-			    ACTION: "Открыть Маркетплейс →",
-			    SUBACTION: "Получить рекомендацию"
-			  }
-		  }
-  	}
-	}
-
-	const { t } = useI18n(text)
-</script>
-
-
-<template>
-	<div 
-		id="hero" 
-		class="t-center cols-1 flex-center flex"
-	>
-
-		<div 
-			class="flex-column flex-center flex pd-big radius-medium"
-		>
-			<h1 
-				class="mn-b-medium" 
-				v-html="t('HERO.TITLE')"
-			/>
-
-			<p 
-				class="w-m-60r mn-b-big t-transp p-big" 
-				v-html="t('HERO.DESCRIPTION')"
-			/>
-
-			<div 
-				class="mobile-w-100 t-white gap-small cols-2"
-			>
-				<button  
-					@click="router.push('/catalog')" 
-					class="w-100 bg-dark t-white button"
-				>
-					{{t('HERO.ACTION')}}
-				</button>
-
-				<button 
-					@click="store.commit('toggleBackCall')"
-					class="w-100 bg-light t-dark br-light button"
-				>
-					{{t('HERO.SUBACTION')}}
-				</button>
-			</div>
-
-		</div>
-	</div>
-</template>
-
-<style lang="scss" scoped>
-
-</style>

package/src/modules/landing/components/sections/HowItWorksSection.vue

@@ -1,88 +0,0 @@
-<template>
-  <section id="howtobuy" class="pd-thin pd-t-big">
-
-    <div class="mn-b-big t-center title">
-      <h2 class="mn-b-small">{{t('title')}}</h2>
-      <p class="t-transp">{{t('subtitle')}}</p>
-    </div>
-
-    <div class="cols-3">
-
-      <div class="cols-2 gap-medium radius-big bg-black t-white pd-medium">
-        <img loading="lazy" class="radius-medium w-100 mn-b-medium" src="@/assets/images/howitworks/1.jpg"> 
-        <div>
-        <h3 class="mn-b-medium">{{t('steps.step1.headline')}}</h3>
-        <p class="t-transp">{{t('steps.step1.text')}}</p>
-        </div>
-      </div>
-
-      <div class="cols-2 gap-medium radius-big bg-black t-white pd-medium">
-        <img loading="lazy" class="radius-medium  w-100 mn-b-medium" src="@/assets/images/howitworks/2.jpg"> 
-        <div>
-        <h3 class="mn-b-medium">{{t('steps.step2.headline')}}</h3>
-        <p class="t-transp">{{t('steps.step2.text')}}</p>
-        </div>
-      </div>
-
-      <div class="cols-2 gap-medium radius-big bg-black t-white pd-medium">
-        <img loading="lazy" class="radius-medium w-100 mn-b-medium" src="@/assets/images/howitworks/3.jpg">
-        <div>
-        <h3 class="mn-b-medium">{{t('steps.step3.headline')}}</h3>
-        <p class="t-transp">{{t('steps.step3.text')}}</p>
-        </div>
-      </div>
-    </div>
-
-  </section>
-</template>
-
-
-<script setup>
- import { useI18n }    from 'vue-i18n'
-    
-  const text = {
-    messages: {
-      en: {
-        title: 'How It Works 🚚',
-        subtitle: 'Get High THC Cannabis Delivered To Your Home Or Hotel',
-        steps: {
-          step1: {
-            headline: 'Build Your Box',
-            text: 'Select from a diverse choice of strains. Our selection of the highest quality cannabis allows you to enjoy the best possible experience.',
-          },
-          step2: {
-            headline: 'We Pack & Deliver',
-            text: 'Expertly selected, our products are grown organically, indoor to enhance the quality. Our clean and safe delivery process preserves that quality until your arrival at the hotel.',
-          },
-          step3: {
-            headline: 'Enjoy. Love. Repeat.',
-            text: 'When you arrive, everything will be all set. We strive for you to have the best experience at the best price.',
-          },
-        }
-      },
-      ru: {
-        title: 'Процесс Покупки 🚚',
-        subtitle: 'Получите высокачественный каннабис, доставленный до вашего дома или отеля',
-        steps: {
-          step1: {
-            headline: 'Выберите травку и оформите заказ',
-            text: 'Выберите из нашиъ разнообразных сортов. Наш выбор каннабиса высочайшего качества позволит вам получить наилучшие впечатления.',
-          },
-          step2: {
-            headline: 'Мы упакуем заказ и оформим доставку',
-            text: 'Наши продукты, отобранные экспертами, выращиваются органически в помещении для повышения качества. Наш чистый и безопасный процесс доставки сохраняет это качество до вашего прибытия в отель.',
-          },
-          step3: {
-            headline: 'Получите травку. Насладитесь. Повторите шаг 1.',
-            text: 'Когда вы получите товар, все будет готово. Мы стремимся к тому, чтобы вы получили лучший опыт по лучшей цене.',
-          },
-      }
-    }
-  }
-}
-
-const { t } = useI18n(text)
-</script>
-
-<style lang="scss">
-</style>

package/src/modules/landing/components/sections/MobileApp.vue

@@ -1,133 +0,0 @@
-<template>
-  <div id="mobileApp">
-    <section class="pos-relative cols-2 pd-thin o-hidden bg-black t-white radius-extra">
-      <div class="z-index-1 h-100">
-        <img loading="lazy" 
-          :src="(FILE_SERVER_URL || '') + mockupImage" 
-          alt="Desktop App Mockup" 
-          class="radius-extra h-100 w-100 object-fit-cover"
-        >
-      </div>
-
-      <div class="pd-big flex flex-h-center flex-column z-index-1 w-1/2">
-        <h2 class="mn-t-medium mn-b-semi w-m-40r">{{ t('title') }}</h2>
-        <p class="t-transp mn-b-big p-big w-m-33r">{{ t('description') }}</p>
-        
-        <div class="mn-b-big gap-medium cols-2">
-          <div class="feature">
-            <h4 class="mn-b-thin">{{ t('features.instantUpdates.title') }}</h4>
-            <p class="t-transp p-medium">{{ t('features.instantUpdates.text') }}</p>
-          </div>
-          <div class="feature">
-            <h4 class="mn-b-thin">{{ t('features.locate.title') }}</h4>
-            <p class="t-transp p-medium">{{ t('features.locate.text') }}</p>
-          </div>
-          <div class="feature">
-            <h4 class="mn-b-thin">{{ t('features.wallet.title') }}</h4>
-            <p class="t-transp p-medium">{{ t('features.wallet.text') }}</p>
-          </div>
-          <div class="feature">
-            <h4 class="mn-b-thin">{{ t('features.customization.title') }}</h4>
-            <p class="t-transp p-medium">{{ t('features.customization.text') }}</p>
-          </div>
-        </div>
-
-        <div class="w-m-25r flex-nowrap flex gap-medium">
-          <a 
-            :href="te('features.linkAppStore') ? t('features.linkAppStore') : null" 
-            :target="te('features.linkAppStore') ? '_blank' : null" 
-            class="pos-relative w-100 h-100"
-          > 
-            <span 
-              v-if="te('features.soonLabel')"
-              class="z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
-            >
-              {{ t('features.soonLabel') }}
-            </span>
-            <LabelAppStore class="w-100 h-max" alt="Download on App Store"/>
-          </a>
-
-          <a 
-            :href="te('features.linkGooglePlay') ? t('features.linkGooglePlay') : null" 
-            :target="te('features.linkGooglePlay') ? '_blank' : null" 
-            class="pos-relative w-100 h-100"
-          > 
-            <span 
-              v-if="te('features.soonLabel')"
-              class="z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
-            >
-              {{ t('features.soonLabel') }}
-            </span>
-            <LabelGooglePlay class="w-100 h-max" alt="Download on Google Play"/>
-          </a>
-
-        </div>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script setup>
-import { useI18n } from 'vue-i18n'
-
-import LabelAppStore from '@pf/src/modules/icons/labels/LabelAppStore.vue'
-import LabelGooglePlay from '@pf/src/modules/icons/labels/LabelGooglePlay.vue'
-
-const props = defineProps({
-  mockupImage: {
-    type: String,
-    default: "/landing/mockup.jpg"
-  },
-  bgImage: {
-    type: String,
-    default: ""
-  },
-  textData: {
-    type: Object,
-    default: () => ({
-      messages: {
-        en: {
-          title: 'Explore the Cannabis World at Your Fingertips',
-          description: 'Intuitive, Efficient, and Customized for Your Cannabis Needs',
-          features: {
-            soonLabel: "Soon",  
-
-            instantUpdates: {
-              title: 'Instant Updates',
-              text: 'Receive real-time notifications for new product releases and community updates. Always stay in the loop.'
-            },
-            locate: {
-              title: 'Locate with Ease',
-              text: 'Discover nearby dispensaries and cannabis events with our integrated geolocation services.'
-            },
-            wallet: {
-              title: 'Wallet Integration',
-              text: 'Quickly and securely manage your transactions with integrated digital wallet functionality. Safety and convenience come together.'
-            },
-            customization: {
-              title: 'Customization by AI',
-              text: 'Experience the AI difference with personalized recommendations based on your preferences and trends in the community.'
-            }
-          }
-        }
-      }
-    })
-  }
-})
-
-const { t, te } = useI18n(props.textData)
-</script>
-
-<style lang="scss">
- @media screen and (max-width: 1025px) {
-  #mobileApp {
-    text-align: center;
-    > section {
-      flex-direction: column;
-      > div {
-        order: 1;
-      }
-    }
-  }
-}
-</style>