@ozdao/prometheus-framework 0.2.48 → 0.2.50

package/src/modules/auth/controllers/invites.controller.js

@@ -9,7 +9,7 @@ const сontrollerFactory = (db) => {
 
   const getOneByCode = async (req, res) => {
     try {
-      const invite = await Invite.findOne({ code: req.params._id }).populate('user');
+      const invite = await Invite.findOne({ code: req.params._id })
       if (!invite) {
         return res.status(404).send({ message: "Приглашение не найдено" });
       }
@@ -21,7 +21,7 @@ const сontrollerFactory = (db) => {
 
   const read = async (req, res) => {
     try {
-      const invites = await Invite.find({ organization: req.params._id }).populate('user');
+      const invites = await Invite.find({ organization: req.params._id })
       if (!invites) {
         return res.status(404).send({ message: "Invites not found" });
       }
@@ -34,22 +34,29 @@ const сontrollerFactory = (db) => {
   const create = async (req, res) => {
     const userInviter = JSON.parse(req.cookies.user);
     const organizationId = req.params._id;
+
     try {
       const invites = req.body;
       for (let invite of invites) {
         let user = null;
+
         if (invite.contact.includes('@')) {
           user = await User.findOne({ email: invite.contact });
         } else {
           user = await User.findOne({ phone: invite.contact });
         }
+        
         if (user) {
+
+          console.log(invite)
+          
           const membership = new Membership({
             user: user._id,
-            organization: organizationId,
-            position: invite.role.name,
+            type: 'organization',
+            target: organizationId,
             role: invite.role,
           });
+
           await membership.save();
           res.status(200).json({ message: 'Invites sent successfully!' });
         } else {
@@ -65,14 +72,15 @@ const сontrollerFactory = (db) => {
 
           if (savedInvite.invitedEmail) {
             const to = savedInvite.invitedEmail;
-            const subject = 'Вас добавили в организацию';
-            const text = `Вы были приглашены присоединиться к организации в osi.plus! Используйте эту ссылку для регистрации: https://osi.plus/#/invite?inviteCode=${newInvite.code}&type=email"`;
+            const subject = 'You have been added to the organization';
+            const text = `You have been invited to join an organization on ${process.env.APP_NAME}! Use this link to register: ${process.env.API_URL}/auth/invite?inviteCode=${newInvite.code}&type=email"`;
             await sendEmail(to, subject, text);
           }
 
           if (savedInvite.invitedPhone !== null) {
             const phone = savedInvite.invitedPhone;
-            const message = `Вы были приглашены присоединиться к организации в osi.plus! Используйте эту ссылку для регистрации: https://osi.plus/#/invite?inviteCode=${newInvite.code}&type=phone`;
+            const message = `You have been invited to join an organization on ${process.env.APP_NAME}! Use this link to register: ${process.env.API_URL}/auth/invite?inviteCode=${newInvite.code}&type=phone`;
+
             await sendSms(phone, message);
           }
 
@@ -87,7 +95,8 @@ const сontrollerFactory = (db) => {
 
   const deleteInvite = async (req, res) => {
     try {
-      const invite = await Invite.findOneAndRemove({ _id: req.params._id });
+      const invite = await Invite.findOneAndDelete({ _id: req.params._id });
+
       if (!invite) {
         return res.status(404).send({ message: "Invite not found" });
       }

package/src/modules/auth/store/auth.js

@@ -86,8 +86,13 @@
     },
 
     async signup(user, type, invite) {
+
+
       const { password, passwordRepeat } = state.user;
 
+      console.log(password)
+      console.log(passwordRepeat)
+
       if (password !== passwordRepeat) {
         const error = {
           response: {
@@ -99,7 +104,7 @@
       }
 
       try {
-        user.phone = user.phone.number
+        if (user.phone?.number) user.phone = user.phone.number
 
         const response = await $axios.post('/api/auth/signup', {
           ...user,
@@ -107,6 +112,8 @@
           inviteCode: invite
         });
 
+        console.log(response)
+
         if (response.data.accessToken) {
           setCookie('user', response.data);
         }

package/src/modules/auth/store/invites.js

@@ -46,6 +46,7 @@ const actions = {
       });
   },
   async create(organizationId, invite) {
+    console.log(invite)
     await $axios
       .post(`/api/invites/${organizationId}/create`, invite)
       .then(() => {

package/src/modules/globals/store/globals.js

@@ -128,7 +128,11 @@ i18n.global.mergeLocaleMessage('en', errorMessages.en);
 
 // Mutations
 function setError(error) {
-  let errorData = error.response.data
+  let errorData 
+
+  errorData = error
+
+  if (error?.response?.data) errorData = error.response.data
 
   if (error && errorData.errorCode) {
     state.error.message = i18n.global.t(`errors.${errorData.errorCode}`);

package/src/modules/landing/components/blocks/MapBlock.vue

@@ -0,0 +1,37 @@
+<template>
+	<div :class="{'cols-2-2_1': map }" class="o-hidden radius-medium bg-white flex-nowrap flex">
+      <!-- Left col -->
+      <div class="pd-medium col">
+        <h3 class="mn-b-small">{{name}}</h3>
+        <a :href="link" v-if="link" target="_blank" class="t-semi mn-b-medium t-main">Open Google Maps</a>
+        <p>{{text}}</p>
+      </div>
+      <!-- Right col -->
+      <div v-if="map" class="google-map col">
+        <iframe id="gmap_canvas" :src="map"></iframe>
+      </div>
+    </div>
+</template>
+
+
+<script setup>
+	import { useRouter } from 'vue-router'
+	
+	const router = useRouter()
+
+	const props = defineProps([
+		'name',
+		'adress',
+		'url',
+		'map',
+		'link',
+		'text'
+	])
+
+
+</script>
+
+<style lang="scss">
+</style>
+
+

package/src/modules/landing/components/pages/404.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>404 Not Found</div>
+</template>

package/src/modules/landing/components/pages/Governance.vue

@@ -0,0 +1,155 @@
+<template>
+	<div class="pd-thin">
+    <SectionHeroToken class="mn-b-extra h-min-100"/>
+    <WhatIsWDRSection class="mn-b-thin"/>
+    <SectionFeatures
+      :textData="{
+        messages: {
+          en: {
+            title: 'How Its Works?',
+            subtitle: 'Earn Weeder Tokens while you get lit on our dank buds. Use them to buy more weed or cash out and spend it on snacks.',
+            features: [{
+              icon: '1',
+              title: 'Join Our Stoned Community',
+              description: 'Find the dankest strains on the market and start your journey to the clouds!',
+            },{
+              icon: '2',
+              title: 'Shop While You are High',
+              description: 'Order our premium bud and accessories with just a few clicks and get them delivered right to your door!',
+            },{
+              icon: '3',
+              title: 'Get Your Share',
+              description: 'As a loyal customer, you earn exclusive Weeder tokens as cashback. Get high and get paid!',
+            }]
+          },
+          ru: {
+            title: 'Как Это Работает?',
+            subtitle: 'Зарабатывайте токены Weeder, когда вы курите наши лучшие сорта травы. Используйте их, чтобы купить еще травы или выведите и купите себе вкусняшки.',
+            features: [{
+              icon: '1',
+              title: 'Присоединяйтесь к нашему сообществу',
+              description: 'Найдите лучшие сорта травы на рынке и начните свой путь к облакам!',
+            },{
+              icon: '2',
+              title: 'Закупатейсь с удобством',
+              description: 'Закажите нашу премиум-траву и аксессуары всего несколькими кликами и получите их доставку прямо к двери!',
+            },{
+              icon: '3',
+              title: 'Получите свою долю от прибыли',
+              description: 'Как лояльный клиент, вы зарабатываете эксклюзивные токены Weeder на свой кошелек в качестве кэшбэка. Курите и зарабатывайте!',
+            }]
+          }
+        }
+      }"
+    />
+    <SectionRoadmap
+      class="mn-b-thin"
+    />
+    <HowToBuyWDR
+      class="mn-b-thin"
+    />
+		<SectionGuide 
+      :textData="{
+        messages: {
+          en: {
+            title: 'If you still wonder?',
+            FAQ: [{
+              title: 'How does Weeder Token support the Weeder ecosystem?',
+              description: 'Weeder Token (WDT) is a fundamental component of the Weeder ecosystem, ensuring its operation, integration, and development. WDT tokens are used to pay for goods and services, participate in platform governance, and attract investments.'
+            },{
+              title: ' What security measures are in place to protect WDT tokens?',
+              description: 'WDT tokens are protected by modern cryptographic algorithms and blockchain technologies (Polygon Network), ensuring transaction security and asset storage. Users should also use reliable wallets and follow security recommendations for maximum protection of their tokens.'
+            },{
+              title: 'Can I use WDT tokens to pay on other platforms?',
+              description: 'Currently, WDT tokens are primarily used within the Weeder ecosystem. However, their use may be expanded to third-party platforms and services that Weeder collaborates or plans to collaborate with in the future.'
+            },{
+              title: 'What is the role of WDT in governing the Weeder platform?',
+              description: 'Weeder Token allows token holders to actively participate in platform governance. With its help, users can vote on various proposals, initiatives, and developments, influencing the future development of the Weeder ecosystem.'
+            },{
+              title: 'What are the benefits of using WDT for platform users?',
+              description: 'Using Weeder Token provides users with a range of benefits, such as the ability to purchase goods and services on the platform, participate in platform governance, invest in the Weeder ecosystem, and earn income from staking.'
+            },{
+              title: 'What is the perspective for WDT growth and development in the future?',
+              description: 'The growth and development of Weeder Token in the future depend on the success and expansion of the Weeder ecosystem. An increase in user numbers, collaboration with partners, and the implementation of new features and services can significantly increase the value and utility of Weeder Token.'
+            }]
+          },
+          ru: {
+            title: 'У вас еще есть вопросы?',
+            FAQ: [{
+              title: 'Как Weeder Token поддерживает экосистему Weeder?',
+              description: 'Weeder Token (WDT) является основным компонентом экосистемы Weeder, обеспечивая ее функционирование, интеграцию и развитие. Токены WDT используются для оплаты товаров и услуг, участия в управлении платформы и привлечения инвестиций.'
+            },{
+              title: 'Какие меры безопасности применяются для защиты токенов WDT?',
+              description: 'Токены WDT защищены современными криптографическими алгоритмами и технологиями блокчейна, обеспечивающими безопасность транзакций и хранения средств. Пользователи также должны использовать надежные кошельки и следовать рекомендациям по безопасности для максимальной защиты своих токенов.'
+            },{
+              title: 'Могу ли я использовать токены WDT для оплаты на других платформах?',
+              description: 'В настоящее время токены WDT преимущественно используются в рамках экосистемы Weeder. Однако в будущем их использование может быть расширено на сторонние платформы и сервисы, с которыми Weeder сотрудничает или планирует сотрудничать.'
+            },{
+              title: 'Какова роль WDT в управлении платформой Weeder?',
+              description: 'Weeder Token позволяет держателям токенов активно участвовать в управлении платформой. С его помощью пользователи могут голосовать по различным предложениям, инициативам и разработкам, влияя на будущее развитие экосистемы Weeder.'
+            },{
+              title: 'В чем преимущества использования WDT для пользователей платформы?',
+              description: 'Использование Weeder Token предоставляет пользователям ряд преимуществ, таких как возможность покупать товары и услуги на платформе, участвовать в управлении платформой, инвестировать в экосистему Weeder и получать доход от стейкинга.'
+            },{
+              title: 'Какова перспектива развития и роста WDT в будущем?',
+              description: 'Рост и развитие Weeder Token в будущем зависят от успешности и расширения экосистемы Weeder. Увеличение количества пользователей, сотрудничество с партнерами и внедрение новых возможностей и услуг могут существенно повысить спрос к токенам.'
+            }]
+          }
+        }
+      }"
+    />
+    <!-- Partials (need to remove) -->
+    <Footer/>
+  </div>
+</template>
+
+<script setup>
+	import { computed } from 'vue'
+
+  import SectionHeroToken from '@pf/src/modules/landing/components/sections/SectionHeroToken.vue'
+  import SectionFeatures from '@pf/src/modules/landing/components/sections/SectionFeatures.vue'
+  import SectionGuide from '@pf/src/modules/landing/components/sections/SectionGuide.vue'
+  import SectionRoadmap from '@pf/src/modules/landing/components/sections/SectionRoadmap.vue'
+
+  import WhatIsWDRSection           from '@pf/src/modules/landing/components/sections/WhatIsWDRSection.vue'
+  import HowToBuyWDR           from '@pf/src/modules/landing/components/sections/HowToBuyWDR.vue'
+
+
+  import Footer from '@pf/src/components/Footer/Footer.vue'
+
+
+	import { useMeta } from 'vue-meta'
+	import { useI18n }    from 'vue-i18n'
+
+  const description = {
+    messages: {
+      en: {
+        meta: {
+          title: "Governance – Fin.Kan House is Cannabis friendly hotel in Phuket",
+          description: "At Fingan House, we encourage the exploration of Phuket’s finest cannabis products and are proud to provide a fully stocked bar of our signature product offerings to those looking to enjoy their experience to the fullest.",
+
+        },
+      },
+      ru: {
+        meta: {
+          title: "Управление – Fin.Kan House это каннабис-френдли отель на Пхукете",
+          description: "Приходите полюбоваться удивительными закатами в 18:00 или увидеть ночные огни Пхукета во всей красе после захода солнца. Купите немного каннабиса и наслаждайтесь видами — это действительно так просто!",
+        }
+      }
+    }
+  }
+
+  const { t } = useI18n(description)
+
+
+  const computedMeta = computed(() => ({
+    title: t('meta.title'),
+    description: t('meta.description')
+  }))
+
+  const { meta, onRemoved } = useMeta(computedMeta)
+</script>
+
+<style lang="scss">
+
+</style>

package/src/modules/landing/components/pages/Home.vue

@@ -0,0 +1,52 @@
+<template>
+	<div>
+		<HeroRecommendation/>
+		<MenuSection/>
+		<PopularProducts/>
+		<HotPosts/>
+		<SectionsSection/>
+		<SectionEarn/>
+		<SectionFeatures/>
+		<MobileApp/>
+		<JoinUs/>
+		<SubscribeNewsletter/>
+		<div class="pd-thin">
+			<SectionGuide/>
+		</div>
+		<!-- <FeatureSection /> -->
+		<!-- <HowItWorksSection  /> -->
+		<!-- <HeroSection /> -->
+		<Footer/>
+  </div>
+</template>
+
+<script setup="props">
+	// Need to refactor
+	import SectionsSection 		from '@pf/src/modules/landing/components/sections/SectionsSection.vue'
+	// Module landing
+	import SectionFeatures			from '@pf/src/modules/landing/components/sections/SectionFeatures.vue'
+	import MobileApp 		from '@pf/src/modules/landing/components/sections/MobileApp.vue'
+	import SectionGuide 		from '@pf/src/modules/landing/components/sections/SectionGuide.vue'
+	import SectionEarn 		from '@pf/src/modules/landing/components/sections/SectionEarn.vue'
+	// Module community
+	import HotPosts 		from '@pf/src/modules/community/components/sections/HotPosts.vue'
+	// Module Products
+	import MenuSection 			from '@pf/src/modules/products/components/sections/MenuSection.vue'
+	import PopularProducts 	from '@pf/src/modules/products/components/sections/PopularProducts.vue'
+	import HeroRecommendation 			from '@pf/src/modules/products/components/sections/HeroRecommendation.vue'
+	// Not working
+	import JoinUs 		from '@pf/src/modules/community/components/sections/JoinUs.vue'
+	import SubscribeNewsletter 		from '@pf/src/modules/applications/components/sections/SubscribeNewsletter.vue'
+	import HeroSection 			from '@pf/src/modules/landing/components/sections/HeroSection.vue'
+	import AboutSection 			from '@pf/src/modules/landing/components/sections/AboutSection.vue'
+	import HowItWorksSection  			from '@pf/src/modules/landing/components/sections/HowItWorksSection.vue'
+	import MapSection 			from '@pf/src/modules/landing/components/sections/MapSection.vue'
+
+ 	import Footer from '@pf/src/components/Footer/Footer.vue'
+
+
+</script>
+
+<style lang="scss">
+
+</style>

package/src/modules/landing/components/pages/Hotel.vue

@@ -0,0 +1,54 @@
+<template>
+	<div>
+		<MapSection />
+		<AboutSection />
+		<SectionGuide />
+    <!-- Partials (need to remove) -->
+    <Footer/>
+  </div>
+</template>
+
+<script setup>
+	import { computed } from 'vue'
+
+	import AboutSection 			from '@pf/src/modules/landing/components/sections/AboutSection.vue'
+	import SectionGuide     from '@pf/src/modules/landing/components/sections/SectionGuide.vue'
+	import MapSection 			from '@pf/src/modules/landing/components/sections/MapSection.vue'
+  import Footer from '@pf/src/components/Footer/Footer.vue'
+
+	import { useMeta } from 'vue-meta'
+	import { useI18n }    from 'vue-i18n'
+
+
+  const text = {
+    messages: {
+      en: {
+        meta: {
+          title: "Hotel – Fin.Kan House is Cannabis friendly hotel in Phuket",
+          description: "At Fingan House, we encourage the exploration of Phuket’s finest cannabis products and are proud to provide a fully stocked bar of our signature product offerings to those looking to enjoy their experience to the fullest.",
+
+        },
+      },
+      ru: {
+        meta: {
+          title: "Отель – Fin.Kan House это каннабис-френдли отель на Пхукете",
+          description: "Приходите полюбоваться удивительными закатами в 18:00 или увидеть ночные огни Пхукета во всей красе после захода солнца. Купите немного каннабиса и наслаждайтесь видами — это действительно так просто!",
+        }
+      }
+    }
+  }
+
+  const { t } = useI18n(text)
+
+
+  const computedMeta = computed(() => ({
+    title: t('meta.title'),
+    description: t('meta.description')
+  }))
+
+  const { meta, onRemoved } = useMeta(computedMeta)
+</script>
+
+<style lang="scss">
+
+</style>

package/src/modules/landing/components/pages/Page.vue

@@ -0,0 +1,184 @@
+<template>
+  <div >
+    
+    <div class="breadcrumbs section">
+      <router-link to="/">
+        <svg class="home" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path fill="rgb(var(--black))" d="M0.494141 4.26391C0.494141 4.48862 0.659906 4.66912 0.928813 4.66912C1.05037 4.66912 1.16825 4.6065 1.27139 4.52177L1.64344 4.20866V7.56448C1.64344 8.13545 1.98971 8.47803 2.5791 8.47803H7.56678C8.15616 8.47803 8.50243 8.13545 8.50243 7.56448V4.19392L8.8929 4.52177C8.99604 4.6065 9.11392 4.66912 9.23916 4.66912C9.48597 4.66912 9.67015 4.5144 9.67015 4.27128C9.67015 4.1313 9.61121 4.01343 9.5007 3.92133L8.50243 3.08146V1.47538C8.50243 1.30961 8.3956 1.1991 8.22984 1.1991H7.63308C7.46732 1.1991 7.35313 1.30961 7.35313 1.47538V2.11634L5.66969 0.70181C5.31606 0.403433 4.85928 0.403433 4.50197 0.70181L0.663589 3.92133C0.553079 4.01711 0.494141 4.14235 0.494141 4.26391ZM6.13752 5.26219C6.13752 5.08906 6.02701 4.97855 5.85387 4.97855H4.31779C4.14097 4.97855 4.02678 5.08906 4.02678 5.26219V7.63447H2.83327C2.60856 7.63447 2.48332 7.50922 2.48332 7.28084V3.5014L4.90349 1.47538C5.01768 1.37592 5.15029 1.37592 5.26817 1.47538L7.66255 3.48298V7.28084C7.66255 7.50922 7.53731 7.63447 7.3126 7.63447H6.13752V5.26219Z"/>
+        </svg>
+        <span>{{t('breadcrumbs.home')}}</span>
+      </router-link>
+      
+
+      <svg  class="chevron" viewBox="0 0 4 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4 3.99992C4 3.83673 3.94307 3.70391 3.81025 3.57867L0.899431 0.732369C0.800759 0.629902 0.679317 0.580566 0.531309 0.580566C0.239089 0.580566 0 0.815861 0 1.10808C0 1.25229 0.0607211 1.38512 0.166983 1.49138L2.74763 3.99613L0.166983 6.50846C0.0607211 6.61093 0 6.74375 0 6.89176C0 7.18398 0.239089 7.41928 0.531309 7.41928C0.675522 7.41928 0.800759 7.36994 0.899431 7.26747L3.81025 4.42117C3.94307 4.29594 4 4.15931 4 3.99992Z" fill="rgb(var(--black))"/>
+      </svg>
+      
+      <router-link v-if="page" :to="'/pages/' + page.url">
+        <span v-if="$i18n.locale === 'en'">{{page.localization[0].text}}</span>
+        <span v-if="$i18n.locale === 'ru'">{{page.localization[1].text}}</span>
+        <!-- {{$i18n.locale}} -->
+      </router-link >
+      
+    </div>
+
+  
+    <div class="page-wrapper cols-2-1_3 gap-big section"> 
+      <ul class="w-100 pd-medium menu-tabs">
+        <p class="mn-b-medium t-semi p-medium">{{ t('information') }}</p>
+        <li  v-for="(page,index) in pages"  :class="{'product-tab-active':route.params.url === page.url}" class="product-tab">
+
+          <router-link :to="{ name: 'Page', params: { url: page.url}}" >
+            <span v-html="t('pages[' + index + ']')"></span>
+          </router-link>
+        </li>
+      </ul>  
+      <section class="page ">
+        <h1 class="mn-b-small">
+            <span>{{ t('title') }}</span>
+        </h1>
+        <hr class="mn-b-semi">
+        <div class="page-content-wrapper">
+          {{t('content')}}
+        </div>
+
+      </section>  
+    </div>
+    <!-- Partials (need to remove) -->
+    <Footer/>
+
+  </div>
+</template>
+
+<script setup>
+  // Import libs
+  import { computed, onMounted } from 'vue'
+  import { useStore } from '@/store'
+  import { useRoute } from 'vue-router'
+  import { useI18n }    from 'vue-i18n'
+  import { useMeta } from 'vue-meta'
+  
+  import * as marked from 'marked';
+  import Footer from '@pf/src/components/Footer/Footer.vue'
+  
+
+  // const renderer = {
+  //   image(image) {
+  //     var imageRequired = require('../../..@/assets/images/cases/' + image)
+  //     return `<img src='${imageRequired.default}' />`;
+  //   }
+  // };
+
+  // marked.use({ renderer });
+  // Import components
+  // Accessing router and store
+  const text = {
+    locale: 'en',
+    messages: {
+      en: {
+        breadcrumbs: {
+          home: 'Home',
+          store: 'Store',
+        },
+        information: "Information",
+        adress: 'Adress',
+        support: 'Get Online Support',
+        request: 'Contact Number',
+        time: "24 / 7 Seven days a week",
+        copyright: "Weeder, 2022. Proudly created with OZ DAO.",
+        pages: [],
+      },
+      ru: {
+        breadcrumbs: {
+          home: 'Главная',
+          store: 'Store',
+        },
+        information: "Информация",
+        adress: 'Адресс',
+        support: 'Онлайн Поддержка',
+        request: 'Контактный Телефон',
+        time: "24 / 7 без перерывов",
+        copyright: "Weeder, 2022. С гордостью создано OZ DAO.",
+        pages: [],
+        title: '',
+        content: '',
+      }
+    }
+  }
+
+
+
+  const { t, locale } = useI18n(text)
+  const store = useStore()
+  const route = useRoute()
+  // Data prefetching
+  if (route.params.url) {
+    await store.dispatch('pages/fetch', route.params.url)
+  } else {
+    store.commit('pages/init');
+  }
+
+  await store.dispatch('pages/fetchAll')
+
+  const pages = computed(() => store.pages.state.all)
+  console.log(store.pages.state)
+
+  const page = computed(() => store.pages.state.current)
+
+  const content = computed(() => marked(t('content'), { sanitize: true }))
+
+  store.pages.state.all.forEach( page => {
+    page.localization.forEach( localization => {
+      text.messages[localization.locale].pages.push(localization.text)
+    })
+  })
+
+  store.pages.state.current.localization.forEach(localization => {
+    text.messages[localization.locale].title = localization.text
+  })
+
+  store.pages.state.current.localization.forEach(localization => {
+    text.messages[localization.locale].content = localization.content
+  })
+
+  const computedMeta = computed(() => ({
+    title: t('title'),
+    description: t('content').substring(0, 200)
+  }))
+
+  const { meta, onRemoved } = useMeta(computedMeta)
+</script>
+
+<style lang="scss">
+.menu-tabs {
+  margin-right: 3rem;
+  .product-tab {
+    height: 2.5rem;
+  }
+}
+
+.page-wrapper {
+  .router-link-active, .router-link-exact-active {
+    color: rgb(var(--main));
+  }
+}
+.page {
+  width: 100%;
+  
+  .page-content-wrapper {
+    > * {
+      margin-bottom: 1rem;
+    }
+  }
+  p { 
+    opacity: 0.5;
+  }
+  ul {
+    li {
+      list-style-type: circle;
+      // height: 4rem;
+      margin-bottom: 0.5rem;
+    }
+  }
+}
+</style>