@ozdao/prometheus-framework 0.2.29 → 0.2.31

package/src/modules/icons/navigation/IconChevronBottom.vue

@@ -0,0 +1,18 @@
+<template>
+	<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<g transform="rotate(90 40 40)">
+			<path :fill="fill" d="M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"/>
+		</g>
+	</svg>
+</template>
+
+<script>
+	export default {
+	  props: {
+	    fill: {
+	      type: String,
+	      default: 'rgb(var(--black)'
+	    }
+	  }
+	}
+</script>

package/src/modules/icons/navigation/IconChevronRight.vue

@@ -1,6 +1,6 @@
 <template>
 	<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<path :fill="theme" d="M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"/>
+		<path :fill="fill" d="M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"/>
 	</svg>
 </template>
 
@@ -8,9 +8,9 @@
 <script>
 	export default {
 	  props: {
-	    theme: {
+	    fill: {
 	      type: String,
-	      default: 'black'
+	      default: 'rgb(var(--black)'
 	    }
 	  }
 	}

package/src/modules/icons/navigation/IconDelete.vue

@@ -0,0 +1,19 @@
+<template>
+	<svg width="46" height="52" viewBox="0 0 46 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path 
+			:fill="fill"
+			d="M43.9968 8.0683H33.5206V6.36226C33.5206 3.31016 31.0371 0.821533 27.9798 0.821533H18.0253C14.9732 0.821533 12.4846 3.30495 12.4846 6.36226V8.0683H2.00833C1.23096 8.0683 0.610107 8.68915 0.610107 9.46653C0.610107 10.2439 1.23096 10.8647 2.00833 10.8647H4.53348V43.7022C4.53348 47.8238 7.88818 51.1785 12.0098 51.1785H34.0005C38.1222 51.1785 41.4769 47.8238 41.4769 43.7022V10.8647H44.002C44.7794 10.8647 45.4002 10.2439 45.4002 9.46653C45.4002 8.68915 44.7742 8.0683 43.9968 8.0683ZM15.281 6.36226C15.281 4.84925 16.5123 3.61798 18.0253 3.61798H27.985C29.4981 3.61798 30.7293 4.84925 30.7293 6.36226V8.0683H15.281V6.36226ZM38.6856 43.7022H38.6752C38.6752 46.2795 36.5726 48.382 33.9953 48.382H12.0098C9.43249 48.382 7.32993 46.2795 7.32993 43.7022V10.8647H38.6909V43.7022H38.6856ZM30.7241 40.4309V18.8054C30.7241 18.028 31.345 17.4072 32.1223 17.4072C32.8997 17.4072 33.5206 18.028 33.5206 18.8054V40.4309C33.5206 41.2083 32.8997 41.8292 32.1223 41.8292C31.345 41.8292 30.7241 41.2083 30.7241 40.4309ZM21.6043 41.9648V17.2715C21.6043 16.4942 22.2252 15.8733 23.0026 15.8733C23.7799 15.8733 24.4008 16.4942 24.4008 17.2715V41.9752C24.4008 42.7526 23.7799 43.3735 23.0026 43.3735C22.2252 43.3735 21.6043 42.7422 21.6043 41.9648ZM12.4846 40.4309V18.8054C12.4846 18.028 13.1054 17.4072 13.8828 17.4072C14.6602 17.4072 15.281 18.028 15.281 18.8054V40.4309C15.281 41.2083 14.6602 41.8292 13.8828 41.8292C13.1159 41.8292 12.4846 41.2083 12.4846 40.4309Z"
+		/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>
+
+

package/src/modules/icons/navigation/IconMinus.vue

@@ -0,0 +1,15 @@
+<template>
+	<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M15.6078 26.1143H36.3946M50.0024 26.1143C50.0024 39.3698 39.2567 50.1155 26.0012 50.1155C12.7457 50.1155 2 39.3698 2 26.1143C2 12.8588 12.7457 2.1131 26.0012 2.1131C39.2567 2.1131 50.0024 12.8588 50.0024 26.1143Z" :stroke="fill" stroke-width="3.21445" stroke-linecap="round"/>
+	</svg>
+</template>
+
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconSearch.vue

@@ -0,0 +1,17 @@
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+	<path :fill="fill" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/>
+</svg>
+
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>
+
+`

package/src/modules/icons/navigation/IconUpload.vue

@@ -0,0 +1,16 @@
+<template>
+	<svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path :fill="fill" d="M18.0196 16.645C17.3501 17.3144 17.3501 18.3999 18.0196 19.0693C18.689 19.7388 19.7745 19.7388 20.4439 19.0693L22.6603 16.8529V26.4286C22.6603 27.3754 23.4278 28.1429 24.3746 28.1429C25.3214 28.1429 26.0889 27.3754 26.0889 26.4286V16.8529L28.3053 19.0693C28.9747 19.7388 30.0602 19.7388 30.7296 19.0693C31.399 18.3999 31.399 17.3144 30.7296 16.645L25.5868 11.5021C24.9173 10.8327 23.8318 10.8327 23.1624 11.5021L18.0196 16.645Z"/>
+		<path :fill="fill" fill-rule="evenodd" clip-rule="evenodd" d="M24.3746 0.714294C16.9516 0.714294 10.7548 5.95521 9.27936 12.9394C4.19731 13.976 0.374592 18.4695 0.374592 23.8572C0.374592 30.0113 5.36342 35 11.5174 35H37.2317C43.3857 35 48.3746 30.0113 48.3746 23.8572C48.3746 18.4695 44.5519 13.976 39.4699 12.9394C37.9944 5.95521 31.7976 0.714294 24.3746 0.714294ZM12.4643 14.6667C13.1906 8.73646 18.2474 4.14287 24.3746 4.14287C30.5018 4.14287 35.5586 8.73646 36.2849 14.6667C36.384 15.4757 37.0387 16.1029 37.8511 16.1672C41.821 16.4818 44.946 19.8053 44.946 23.8572C44.946 28.1177 41.4922 31.5714 37.2317 31.5714H11.5174C7.25697 31.5714 3.80316 28.1177 3.80316 23.8572C3.80316 19.8053 6.92808 16.4818 10.8981 16.1672C11.7104 16.1029 12.3652 15.4757 12.4643 14.6667Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>
+

package/src/modules/icons/placeholders/PlaceholderImage.vue

@@ -0,0 +1,5 @@
+<template>
+	<svg width="112" height="112" viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M30.4342 67.4398C31.1433 71.4062 33.639 73.2442 37.652 72.494V72.7845C37.652 76.8472 39.8292 79 43.9158 79H79.7124C83.8228 79 86 76.7752 86 72.7845V48.455C86 44.4651 83.8228 42.2403 79.7124 42.2403H75.0632L73.7908 35.2025C73.0809 31.2604 70.5614 29.4467 66.5239 30.1476L31.2661 36.291C27.2286 37.0162 25.4428 39.5073 26.1519 43.498L30.4342 67.4398ZM31.6084 67.1736L27.3506 43.3523C26.7635 40.0633 28.2071 38.0319 31.5347 37.4516L66.6705 31.3332C69.8761 30.7764 72.0295 32.1555 72.6412 35.4688L73.8153 42.2403H43.9158C39.8292 42.2403 37.652 44.4165 37.652 48.455V71.2849L37.5783 71.3091C34.2507 71.9137 32.1955 70.4626 31.6084 67.1736ZM38.8507 48.5278C38.8507 45.166 40.5882 43.4251 43.9887 43.4251H79.6633C82.9172 43.4251 84.8013 45.166 84.8013 48.5278V70.0037L74.1822 60.4506C73.0571 59.4349 71.8822 58.8546 70.414 58.8546C68.9705 58.8546 67.8938 59.4106 66.7196 60.4263L56.3453 69.2049L52.4552 65.6747C51.4513 64.7311 50.5711 64.2479 49.2987 64.2479C48.1237 64.2479 47.3164 64.7311 46.3133 65.6261L38.8507 72.4462V48.5278ZM52.8465 60.8617C55.8073 60.8617 58.2294 58.4192 58.2294 55.4207C58.2294 52.4943 55.8073 50.0275 52.8465 50.0275C49.8121 50.0275 47.3655 52.4943 47.3655 55.4207C47.3655 58.4192 49.8121 60.8617 52.8465 60.8617Z" 	fill="rgb(var(--main))"/>
+	</svg>
+</template>

package/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue

@@ -0,0 +1,20 @@
+<template>
+	<svg 
+		viewBox="0 0 42 42"
+		fill="none" 
+		xmlns="http://www.w3.org/2000/svg">
+		<circle 
+			fill="rgb(var(--main))" 
+			cx="21" 
+			cy="21" 
+			r="21" 
+		/>
+		<path 
+			fill="rgb(var(--black))" 
+			fill-opacity="0.1" 
+			fill-rule="evenodd" 
+			clip-rule="evenodd" 
+			d="M8.00233 37.4954C8.00078 37.4458 8 37.3961 8 37.3462C8 32.9066 11.5673 29.3077 15.9677 29.3077H26.0323C30.4328 29.3077 34 32.9066 34 37.3462C34 37.3961 33.9992 37.4458 33.9977 37.4954C30.4223 40.3165 25.9078 42 21 42C16.0922 42 11.5777 40.3164 8.00233 37.4954ZM21 9C16.5995 9 13.0323 12.5989 13.0323 17.0385C13.0323 21.478 16.5995 25.0769 21 25.0769C25.4005 25.0769 28.9677 21.478 28.9677 17.0385C28.9677 12.5989 25.4005 9 21 9Z"
+		/>
+	</svg>
+</template>

package/src/modules/icons/placeholders/PlaceholderUserpic.vue

@@ -1,20 +1,6 @@
 <template>
-	<svg 
-		viewBox="0 0 42 42"
-		fill="none" 
-		xmlns="http://www.w3.org/2000/svg">
-		<circle 
-			fill="rgb(var(--main))" 
-			cx="21" 
-			cy="21" 
-			r="21" 
-		/>
-		<path 
-			fill="#242424" 
-			fill-opacity="0.1" 
-			fill-rule="evenodd" 
-			clip-rule="evenodd" 
-			d="M8.00233 37.4954C8.00078 37.4458 8 37.3961 8 37.3462C8 32.9066 11.5673 29.3077 15.9677 29.3077H26.0323C30.4328 29.3077 34 32.9066 34 37.3462C34 37.3961 33.9992 37.4458 33.9977 37.4954C30.4223 40.3165 25.9078 42 21 42C16.0922 42 11.5777 40.3164 8.00233 37.4954ZM21 9C16.5995 9 13.0323 12.5989 13.0323 17.0385C13.0323 21.478 16.5995 25.0769 21 25.0769C25.4005 25.0769 28.9677 21.478 28.9677 17.0385C28.9677 12.5989 25.4005 9 21 9Z"
-		/>
+	<svg width="112" height="112" viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<rect width="112" height="112" fill="rgb(var(--main))"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M56 92C45.6909 92 36.0364 87.5818 29.1636 80.0545C23.2727 73.3455 20 64.8364 20 56C20 47.1636 23.2727 38.6545 29.1636 31.9455C36.0364 24.4182 45.6909 20 56 20C66.3091 20 75.9636 24.4182 82.8364 31.9455C88.7273 38.6545 92 47.1636 92 56C92 64.8364 88.7273 73.3455 82.8364 80.0545C75.9636 87.5818 66.3091 92 56 92ZM77.2506 57.6364H88.6864C88.3439 64.4897 85.8577 71.1322 81.5378 76.4271C79.5908 74.4905 77.5293 72.7548 75.2277 71.3455C76.4491 67.0867 77.1234 62.338 77.2506 57.6364ZM57.6364 57.6364H73.9764C73.8551 61.8449 73.2686 65.9306 72.2893 69.6766C67.7953 67.3524 62.7428 66.0782 57.6364 65.8541V57.6364ZM54.3636 57.6364V65.8541C49.258 66.0782 44.2061 67.352 39.7126 69.6756C38.7353 65.912 38.1487 61.7555 38.0248 57.6364H54.3636ZM54.3636 54.3636H38.0248C38.1487 50.2445 38.7353 46.088 39.7126 42.3244C44.2061 44.648 49.258 45.9218 54.3636 46.1459V54.3636ZM73.9764 54.3636H57.6364V46.1459C62.7428 45.9218 67.7953 44.6476 72.2893 42.3234C73.2686 46.0694 73.8551 50.1551 73.9764 54.3636ZM88.6864 54.3636H77.2516C77.127 49.563 76.4527 44.903 75.2285 40.654C77.5298 39.2448 79.5911 37.5093 81.5378 35.5729C85.8577 40.8678 88.3439 47.5103 88.6864 54.3636ZM34.7494 54.3636C34.8766 49.662 35.5509 44.9133 36.7723 40.6545C34.4707 39.2452 32.4092 37.5095 30.4622 35.5729C26.1423 40.8678 23.6561 47.5103 23.3136 54.3636H34.7494ZM23.3136 57.6364H34.7484C34.873 62.437 35.5473 67.097 36.7715 71.346C34.4702 72.7552 32.4089 74.4907 30.4622 76.4271C26.1423 71.1322 23.6561 64.4897 23.3136 57.6364ZM57.6364 23.4095V42.8708C62.4753 42.6432 67.0782 41.4005 71.3514 39.1427C68.4295 30.1963 63.3022 24.3592 57.6364 23.4095ZM57.6364 69.1293V88.5905C63.2915 87.6426 68.4102 81.8258 71.3348 72.9079C66.9893 70.5849 62.4231 69.3556 57.6364 69.1293ZM40.6486 39.1427C43.5705 30.1963 48.6978 24.3591 54.3636 23.4095V42.8708C49.5247 42.6432 44.9218 41.4005 40.6486 39.1427ZM40.6486 72.8573C44.9218 70.5995 49.5247 69.3568 54.3636 69.1292V88.5905C48.6978 87.6409 43.5705 81.8038 40.6486 72.8573ZM44.908 86.7982C40.3097 85.1412 36.1045 82.4492 32.6216 78.8488C34.1982 77.2635 35.918 75.7804 37.7808 74.5415C39.552 79.6497 42.01 83.8175 44.908 86.7982ZM44.908 25.2018C42.0076 28.1849 39.548 32.3571 37.7765 37.4708C35.9055 36.2561 34.179 34.8247 32.5967 33.1769C36.0845 29.5636 40.2988 26.8627 44.908 25.2018ZM67.092 86.7982C71.7024 85.1369 75.9176 82.4351 79.4059 78.8204C77.8168 77.1901 76.0838 75.7755 74.207 74.5768C72.4367 79.6688 69.9833 83.8243 67.092 86.7982ZM74.2192 37.4585C76.082 36.2196 77.8017 34.7365 79.3784 33.1512C75.8955 29.5508 71.6903 26.8588 67.092 25.2018C69.99 28.1825 72.448 32.3503 74.2192 37.4585Z" fill="rgb(var(--black))" fill-opacity="0.1"/>
 	</svg>
-</template>
+</template>

package/src/modules/icons/socials/instagram.vue

@@ -1,5 +1,5 @@
 <template>
 	<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M20.0019 0C14.5702 0 13.8885 0.0237504 11.7551 0.120834C9.62593 0.218334 8.17259 0.555417 6.90091 1.05C5.58547 1.56083 4.46963 2.24417 3.35795 3.35625C2.24544 4.46792 1.5621 5.58375 1.04959 6.89875C0.553755 8.17083 0.216252 9.62458 0.120418 11.7529C0.0250001 13.8862 0 14.5683 0 20C0 25.4317 0.0241673 26.1113 0.120835 28.2446C0.218753 30.3738 0.555839 31.8271 1.05001 33.0987C1.56127 34.4142 2.24461 35.53 3.3567 36.6417C4.46796 37.7542 5.58381 38.4392 6.89841 38.95C8.17092 39.4446 9.62468 39.7817 11.7535 39.8792C13.8868 39.9762 14.5681 40 19.9994 40C25.4315 40 26.1111 39.9762 28.2445 39.8792C30.3737 39.7817 31.8287 39.4446 33.1012 38.95C34.4162 38.4392 35.5304 37.7542 36.6416 36.6417C37.7541 35.53 38.4375 34.4142 38.95 33.0992C39.4417 31.8271 39.7792 30.3733 39.8792 28.245C39.975 26.1117 40 25.4317 40 20C40 14.5683 39.975 13.8867 39.8792 11.7533C39.7792 9.62417 39.4417 8.17083 38.95 6.89917C38.4375 5.58375 37.7541 4.46792 36.6416 3.35625C35.5291 2.24375 34.4166 1.56042 33.0999 1.05C31.8249 0.555417 30.3707 0.218334 28.2415 0.120834C26.1082 0.0237504 25.429 0 19.9956 0H20.0019ZM18.2077 3.60417C18.7402 3.60333 19.3344 3.60417 20.0019 3.60417C25.3419 3.60417 25.9749 3.62333 28.0836 3.71917C30.0336 3.80833 31.092 4.13417 31.797 4.40792C32.7303 4.77042 33.3958 5.20375 34.0954 5.90375C34.7954 6.60375 35.2287 7.27042 35.592 8.20375C35.8658 8.90792 36.192 9.96625 36.2808 11.9162C36.3766 14.0246 36.3975 14.6579 36.3975 19.9954C36.3975 25.3329 36.3766 25.9662 36.2808 28.0746C36.1916 30.0246 35.8658 31.0829 35.592 31.7871C35.2295 32.7204 34.7954 33.385 34.0954 34.0846C33.3953 34.7846 32.7308 35.2179 31.797 35.5804C31.0928 35.8554 30.0336 36.1804 28.0836 36.2696C25.9753 36.3654 25.3419 36.3863 20.0019 36.3863C14.6614 36.3863 14.0285 36.3654 11.9201 36.2696C9.9701 36.1796 8.91176 35.8537 8.20634 35.58C7.27299 35.2175 6.60632 34.7842 5.90631 34.0842C5.2063 33.3842 4.77297 32.7192 4.40963 31.7854C4.13588 31.0813 3.80962 30.0229 3.72087 28.0729C3.62504 25.9646 3.60587 25.3312 3.60587 19.9904C3.60587 14.6496 3.62504 14.0196 3.72087 11.9113C3.81004 9.96125 4.13588 8.90292 4.40963 8.19792C4.77213 7.26458 5.2063 6.59792 5.90631 5.89792C6.60632 5.19792 7.27299 4.76458 8.20634 4.40125C8.91134 4.12625 9.9701 3.80125 11.9201 3.71167C13.7651 3.62833 14.4802 3.60333 18.2077 3.59917V3.60417ZM30.6778 6.925C29.3528 6.925 28.2778 7.99875 28.2778 9.32417C28.2778 10.6492 29.3528 11.7242 30.6778 11.7242C32.0028 11.7242 33.0778 10.6492 33.0778 9.32417C33.0778 7.99917 32.0028 6.92417 30.6778 6.92417V6.925ZM20.0019 9.72917C14.3297 9.72917 9.73093 14.3279 9.73093 20C9.73093 25.6721 14.3297 30.2687 20.0019 30.2687C25.674 30.2687 30.2711 25.6721 30.2711 20C30.2711 14.3279 25.6736 9.72917 20.0015 9.72917H20.0019ZM20.0019 13.3333C23.6836 13.3333 26.6686 16.3179 26.6686 20C26.6686 23.6817 23.6836 26.6667 20.0019 26.6667C16.3198 26.6667 13.3351 23.6817 13.3351 20C13.3351 16.3179 16.3198 13.3333 20.0019 13.3333V13.3333Z" fill="white"/>
+	<path d="M20.0019 0C14.5702 0 13.8885 0.0237504 11.7551 0.120834C9.62593 0.218334 8.17259 0.555417 6.90091 1.05C5.58547 1.56083 4.46963 2.24417 3.35795 3.35625C2.24544 4.46792 1.5621 5.58375 1.04959 6.89875C0.553755 8.17083 0.216252 9.62458 0.120418 11.7529C0.0250001 13.8862 0 14.5683 0 20C0 25.4317 0.0241673 26.1113 0.120835 28.2446C0.218753 30.3738 0.555839 31.8271 1.05001 33.0987C1.56127 34.4142 2.24461 35.53 3.3567 36.6417C4.46796 37.7542 5.58381 38.4392 6.89841 38.95C8.17092 39.4446 9.62468 39.7817 11.7535 39.8792C13.8868 39.9762 14.5681 40 19.9994 40C25.4315 40 26.1111 39.9762 28.2445 39.8792C30.3737 39.7817 31.8287 39.4446 33.1012 38.95C34.4162 38.4392 35.5304 37.7542 36.6416 36.6417C37.7541 35.53 38.4375 34.4142 38.95 33.0992C39.4417 31.8271 39.7792 30.3733 39.8792 28.245C39.975 26.1117 40 25.4317 40 20C40 14.5683 39.975 13.8867 39.8792 11.7533C39.7792 9.62417 39.4417 8.17083 38.95 6.89917C38.4375 5.58375 37.7541 4.46792 36.6416 3.35625C35.5291 2.24375 34.4166 1.56042 33.0999 1.05C31.8249 0.555417 30.3707 0.218334 28.2415 0.120834C26.1082 0.0237504 25.429 0 19.9956 0H20.0019ZM18.2077 3.60417C18.7402 3.60333 19.3344 3.60417 20.0019 3.60417C25.3419 3.60417 25.9749 3.62333 28.0836 3.71917C30.0336 3.80833 31.092 4.13417 31.797 4.40792C32.7303 4.77042 33.3958 5.20375 34.0954 5.90375C34.7954 6.60375 35.2287 7.27042 35.592 8.20375C35.8658 8.90792 36.192 9.96625 36.2808 11.9162C36.3766 14.0246 36.3975 14.6579 36.3975 19.9954C36.3975 25.3329 36.3766 25.9662 36.2808 28.0746C36.1916 30.0246 35.8658 31.0829 35.592 31.7871C35.2295 32.7204 34.7954 33.385 34.0954 34.0846C33.3953 34.7846 32.7308 35.2179 31.797 35.5804C31.0928 35.8554 30.0336 36.1804 28.0836 36.2696C25.9753 36.3654 25.3419 36.3863 20.0019 36.3863C14.6614 36.3863 14.0285 36.3654 11.9201 36.2696C9.9701 36.1796 8.91176 35.8537 8.20634 35.58C7.27299 35.2175 6.60632 34.7842 5.90631 34.0842C5.2063 33.3842 4.77297 32.7192 4.40963 31.7854C4.13588 31.0813 3.80962 30.0229 3.72087 28.0729C3.62504 25.9646 3.60587 25.3312 3.60587 19.9904C3.60587 14.6496 3.62504 14.0196 3.72087 11.9113C3.81004 9.96125 4.13588 8.90292 4.40963 8.19792C4.77213 7.26458 5.2063 6.59792 5.90631 5.89792C6.60632 5.19792 7.27299 4.76458 8.20634 4.40125C8.91134 4.12625 9.9701 3.80125 11.9201 3.71167C13.7651 3.62833 14.4802 3.60333 18.2077 3.59917V3.60417ZM30.6778 6.925C29.3528 6.925 28.2778 7.99875 28.2778 9.32417C28.2778 10.6492 29.3528 11.7242 30.6778 11.7242C32.0028 11.7242 33.0778 10.6492 33.0778 9.32417C33.0778 7.99917 32.0028 6.92417 30.6778 6.92417V6.925ZM20.0019 9.72917C14.3297 9.72917 9.73093 14.3279 9.73093 20C9.73093 25.6721 14.3297 30.2687 20.0019 30.2687C25.674 30.2687 30.2711 25.6721 30.2711 20C30.2711 14.3279 25.6736 9.72917 20.0015 9.72917H20.0019ZM20.0019 13.3333C23.6836 13.3333 26.6686 16.3179 26.6686 20C26.6686 23.6817 23.6836 26.6667 20.0019 26.6667C16.3198 26.6667 13.3351 23.6817 13.3351 20C13.3351 16.3179 16.3198 13.3333 20.0019 13.3333V13.3333Z" fill="rgb(var(--white))"/>
 	</svg>
 </template>

package/src/modules/icons/socials/line.vue

@@ -1,5 +1,5 @@
 <template>
 	<svg width="67" height="64" viewBox="0 0 67 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M66.2237 27.2403C66.2237 12.4467 51.4301 0.287598 33.1914 0.287598C14.9528 0.287598 0.15918 12.4467 0.15918 27.2403C0.15918 40.4127 11.913 51.5585 27.7198 53.585C31.5702 54.3956 31.1649 55.8142 30.3543 61.0832C30.1517 61.8938 29.5437 64.3256 33.1914 62.907C36.6365 61.4885 52.2407 51.7612 59.1309 43.6551C63.9945 38.3861 66.2237 33.1172 66.2237 27.2403ZM43.1214 35.1437V20.7554C43.1214 20.3501 42.7161 19.9448 42.3108 20.1475H40.0816C39.6763 20.1475 39.4736 20.3501 39.4736 20.7554V29.2668L32.7861 20.3501C32.7861 20.1475 32.5835 20.1475 32.3808 20.1475H29.949C29.5437 20.1475 29.341 20.3501 29.341 20.7554V35.1437C29.341 35.549 29.5437 35.7517 29.949 35.7517H32.3808C32.5835 35.7517 32.9888 35.549 32.9888 35.1437V26.6323L39.4736 35.549C39.575 35.549 39.6763 35.5997 39.7776 35.6503C39.8789 35.701 39.9803 35.7517 40.0816 35.7517H42.3108C42.7161 35.7517 43.1214 35.549 43.1214 35.1437ZM27.1119 20.7554C27.1119 20.3501 26.7066 19.9448 26.5039 19.9448H24.0721C23.6668 19.9448 23.4641 20.3501 23.4641 20.7554V35.1437C23.4641 35.549 23.6668 35.7517 24.0721 35.7517H26.5039C26.7066 35.7517 27.1119 35.549 27.1119 35.1437V20.7554ZM21.4376 32.7119C21.4376 32.5092 21.235 32.1039 20.8297 32.1039H14.5475V20.7554C14.5475 20.3501 14.3448 19.9448 13.9395 19.9448H11.5077C11.305 19.9448 10.8997 20.3501 10.8997 20.7554V35.1437C10.8997 35.245 10.9504 35.2957 11.0011 35.3464C11.0517 35.397 11.1024 35.4477 11.1024 35.549C11.2037 35.549 11.2544 35.5997 11.305 35.6503C11.3557 35.701 11.4064 35.7517 11.5077 35.7517H20.8297C21.235 35.7517 21.4376 35.3464 21.4376 35.1437V32.7119ZM55.8884 20.7554C55.8884 20.3501 55.4831 19.9448 55.2805 19.9448H45.9585C45.5532 19.9448 45.3505 20.3501 45.3505 20.7554V35.1437C45.3505 35.3464 45.5532 35.7517 45.9585 35.7517H55.2805C55.4831 35.7517 55.8884 35.549 55.8884 35.1437V32.7119C55.8884 32.5092 55.4831 32.1039 55.2805 32.1039H48.9983V29.6721H55.2805C55.4831 29.6721 55.8884 29.4695 55.8884 29.0642V26.6323C55.8884 26.4297 55.4831 26.0244 55.2805 26.0244H48.9983V23.5926H55.2805C55.4831 23.5926 55.8884 23.3899 55.8884 22.9846V20.7554Z" fill="white"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M66.2237 27.2403C66.2237 12.4467 51.4301 0.287598 33.1914 0.287598C14.9528 0.287598 0.15918 12.4467 0.15918 27.2403C0.15918 40.4127 11.913 51.5585 27.7198 53.585C31.5702 54.3956 31.1649 55.8142 30.3543 61.0832C30.1517 61.8938 29.5437 64.3256 33.1914 62.907C36.6365 61.4885 52.2407 51.7612 59.1309 43.6551C63.9945 38.3861 66.2237 33.1172 66.2237 27.2403ZM43.1214 35.1437V20.7554C43.1214 20.3501 42.7161 19.9448 42.3108 20.1475H40.0816C39.6763 20.1475 39.4736 20.3501 39.4736 20.7554V29.2668L32.7861 20.3501C32.7861 20.1475 32.5835 20.1475 32.3808 20.1475H29.949C29.5437 20.1475 29.341 20.3501 29.341 20.7554V35.1437C29.341 35.549 29.5437 35.7517 29.949 35.7517H32.3808C32.5835 35.7517 32.9888 35.549 32.9888 35.1437V26.6323L39.4736 35.549C39.575 35.549 39.6763 35.5997 39.7776 35.6503C39.8789 35.701 39.9803 35.7517 40.0816 35.7517H42.3108C42.7161 35.7517 43.1214 35.549 43.1214 35.1437ZM27.1119 20.7554C27.1119 20.3501 26.7066 19.9448 26.5039 19.9448H24.0721C23.6668 19.9448 23.4641 20.3501 23.4641 20.7554V35.1437C23.4641 35.549 23.6668 35.7517 24.0721 35.7517H26.5039C26.7066 35.7517 27.1119 35.549 27.1119 35.1437V20.7554ZM21.4376 32.7119C21.4376 32.5092 21.235 32.1039 20.8297 32.1039H14.5475V20.7554C14.5475 20.3501 14.3448 19.9448 13.9395 19.9448H11.5077C11.305 19.9448 10.8997 20.3501 10.8997 20.7554V35.1437C10.8997 35.245 10.9504 35.2957 11.0011 35.3464C11.0517 35.397 11.1024 35.4477 11.1024 35.549C11.2037 35.549 11.2544 35.5997 11.305 35.6503C11.3557 35.701 11.4064 35.7517 11.5077 35.7517H20.8297C21.235 35.7517 21.4376 35.3464 21.4376 35.1437V32.7119ZM55.8884 20.7554C55.8884 20.3501 55.4831 19.9448 55.2805 19.9448H45.9585C45.5532 19.9448 45.3505 20.3501 45.3505 20.7554V35.1437C45.3505 35.3464 45.5532 35.7517 45.9585 35.7517H55.2805C55.4831 35.7517 55.8884 35.549 55.8884 35.1437V32.7119C55.8884 32.5092 55.4831 32.1039 55.2805 32.1039H48.9983V29.6721H55.2805C55.4831 29.6721 55.8884 29.4695 55.8884 29.0642V26.6323C55.8884 26.4297 55.4831 26.0244 55.2805 26.0244H48.9983V23.5926H55.2805C55.4831 23.5926 55.8884 23.3899 55.8884 22.9846V20.7554Z" fill="rgb(var(--white))"/>
 	</svg>
 </template>

package/src/modules/icons/socials/reddit.vue

@@ -1,5 +1,5 @@
 <template>
 	<svg width="40" height="36" viewBox="0 0 40 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M40 17.9021C40 15.4963 38.0287 13.5858 35.6272 13.5858C34.4444 13.5858 33.3692 14.0457 32.5806 14.7887C29.5699 12.6659 25.448 11.2861 20.8602 11.1092L22.8674 1.83974L29.3907 3.21955C29.4624 4.84701 30.8244 6.15605 32.509 6.15605C34.2294 6.15605 35.6272 4.77625 35.6272 3.07803C35.6272 1.37981 34.2294 0 32.509 0C31.2903 0 30.2151 0.707593 29.7133 1.7336L22.4373 0.21228C22.2222 0.1769 22.0072 0.212278 21.8638 0.318417C21.6846 0.424556 21.5771 0.601454 21.5412 0.813732L19.319 11.1446C14.6595 11.2861 10.466 12.6659 7.41936 14.8241C6.63083 14.0811 5.55556 13.6211 4.37276 13.6211C1.93549 13.6211 0 15.567 0 17.9375C0 19.7064 1.07527 21.1924 2.58065 21.8646C2.50896 22.2892 2.47312 22.7137 2.47312 23.1736C2.47312 29.825 10.3226 35.2381 20 35.2381C29.6774 35.2381 37.5269 29.8604 37.5269 23.1736C37.5269 22.7491 37.491 22.2892 37.4194 21.8646C38.9247 21.1924 40 19.6711 40 17.9021V17.9021ZM9.96416 20.9801C9.96416 19.2819 11.362 17.9021 13.0824 17.9021C14.8029 17.9021 16.2007 19.2819 16.2007 20.9801C16.2007 22.6783 14.8029 24.0581 13.0824 24.0581C11.362 24.0935 9.96416 22.6783 9.96416 20.9801V20.9801ZM27.4194 29.1528C25.2688 31.2756 21.1828 31.4171 20 31.4171C18.7814 31.4171 14.6953 31.2402 12.5806 29.1528C12.2581 28.8344 12.2581 28.3391 12.5806 28.0206C12.9032 27.7022 13.405 27.7022 13.7276 28.0206C15.0896 29.3651 17.957 29.825 20 29.825C22.043 29.825 24.9462 29.3651 26.2724 28.0206C26.595 27.7022 27.0968 27.7022 27.4194 28.0206C27.7061 28.3391 27.7061 28.8344 27.4194 29.1528ZM26.8459 24.0935C25.1254 24.0935 23.7276 22.7137 23.7276 21.0155C23.7276 19.3173 25.1254 17.9375 26.8459 17.9375C28.5663 17.9375 29.9642 19.3173 29.9642 21.0155C29.9642 22.6783 28.5663 24.0935 26.8459 24.0935Z" fill="white"/>
+	<path d="M40 17.9021C40 15.4963 38.0287 13.5858 35.6272 13.5858C34.4444 13.5858 33.3692 14.0457 32.5806 14.7887C29.5699 12.6659 25.448 11.2861 20.8602 11.1092L22.8674 1.83974L29.3907 3.21955C29.4624 4.84701 30.8244 6.15605 32.509 6.15605C34.2294 6.15605 35.6272 4.77625 35.6272 3.07803C35.6272 1.37981 34.2294 0 32.509 0C31.2903 0 30.2151 0.707593 29.7133 1.7336L22.4373 0.21228C22.2222 0.1769 22.0072 0.212278 21.8638 0.318417C21.6846 0.424556 21.5771 0.601454 21.5412 0.813732L19.319 11.1446C14.6595 11.2861 10.466 12.6659 7.41936 14.8241C6.63083 14.0811 5.55556 13.6211 4.37276 13.6211C1.93549 13.6211 0 15.567 0 17.9375C0 19.7064 1.07527 21.1924 2.58065 21.8646C2.50896 22.2892 2.47312 22.7137 2.47312 23.1736C2.47312 29.825 10.3226 35.2381 20 35.2381C29.6774 35.2381 37.5269 29.8604 37.5269 23.1736C37.5269 22.7491 37.491 22.2892 37.4194 21.8646C38.9247 21.1924 40 19.6711 40 17.9021V17.9021ZM9.96416 20.9801C9.96416 19.2819 11.362 17.9021 13.0824 17.9021C14.8029 17.9021 16.2007 19.2819 16.2007 20.9801C16.2007 22.6783 14.8029 24.0581 13.0824 24.0581C11.362 24.0935 9.96416 22.6783 9.96416 20.9801V20.9801ZM27.4194 29.1528C25.2688 31.2756 21.1828 31.4171 20 31.4171C18.7814 31.4171 14.6953 31.2402 12.5806 29.1528C12.2581 28.8344 12.2581 28.3391 12.5806 28.0206C12.9032 27.7022 13.405 27.7022 13.7276 28.0206C15.0896 29.3651 17.957 29.825 20 29.825C22.043 29.825 24.9462 29.3651 26.2724 28.0206C26.595 27.7022 27.0968 27.7022 27.4194 28.0206C27.7061 28.3391 27.7061 28.8344 27.4194 29.1528ZM26.8459 24.0935C25.1254 24.0935 23.7276 22.7137 23.7276 21.0155C23.7276 19.3173 25.1254 17.9375 26.8459 17.9375C28.5663 17.9375 29.9642 19.3173 29.9642 21.0155C29.9642 22.6783 28.5663 24.0935 26.8459 24.0935Z" fill="rgb(var(--white))"/>
 	</svg>
 </template>

package/src/modules/icons/socials/telegram.vue

@@ -2,6 +2,6 @@
 	<svg width="40" height="33" viewBox="0 0 40 33" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path d="M9.75391 18.7989L14.1454 30.9541C14.1454 30.9541 14.6945 32.0914 15.2824 32.0914C15.8704 32.0914 24.6149 22.9943 24.6149 22.9943L34.3391 4.21216L9.9106 15.6613L9.75391 18.7989Z" fill="#C8DAEA"/>
 	<path d="M15.5785 21.916L14.7355 30.8755C14.7355 30.8755 14.3826 33.6208 17.1273 30.8755C19.8719 28.1302 22.4991 26.0133 22.4991 26.0133" fill="#A9C6D8"/>
-	<path d="M9.8345 19.2327L0.800944 16.2894C0.800944 16.2894 -0.278665 15.8514 0.0689689 14.8581C0.140532 14.6533 0.28489 14.479 0.716734 14.1795C2.71833 12.7844 37.7646 0.18778 37.7646 0.18778C37.7646 0.18778 38.7541 -0.145665 39.3377 0.0761175C39.4821 0.120809 39.612 0.20305 39.7142 0.314426C39.8164 0.425801 39.8871 0.562314 39.9192 0.710002C39.9823 0.970857 40.0086 1.23923 39.9975 1.50737C39.9948 1.73933 39.9667 1.95433 39.9454 2.29148C39.732 5.73543 33.3444 31.4388 33.3444 31.4388C33.3444 31.4388 32.9622 32.9428 31.5929 32.9943C31.2564 33.0052 30.9212 32.9482 30.6072 32.8267C30.2932 32.7053 30.0069 32.5218 29.7653 32.2873C27.0783 29.976 17.7912 23.7347 15.739 22.362C15.6927 22.3305 15.6538 22.2894 15.6247 22.2415C15.5957 22.1936 15.5772 22.14 15.5706 22.0844C15.5419 21.9397 15.6992 21.7605 15.6992 21.7605C15.6992 21.7605 31.8706 7.38631 32.3009 5.87732C32.3342 5.76041 32.2083 5.70273 32.0393 5.75394C30.9652 6.14908 12.346 17.9073 10.291 19.2049C10.1431 19.2497 9.98675 19.2592 9.8345 19.2327V19.2327Z" fill="white"/>
+	<path d="M9.8345 19.2327L0.800944 16.2894C0.800944 16.2894 -0.278665 15.8514 0.0689689 14.8581C0.140532 14.6533 0.28489 14.479 0.716734 14.1795C2.71833 12.7844 37.7646 0.18778 37.7646 0.18778C37.7646 0.18778 38.7541 -0.145665 39.3377 0.0761175C39.4821 0.120809 39.612 0.20305 39.7142 0.314426C39.8164 0.425801 39.8871 0.562314 39.9192 0.710002C39.9823 0.970857 40.0086 1.23923 39.9975 1.50737C39.9948 1.73933 39.9667 1.95433 39.9454 2.29148C39.732 5.73543 33.3444 31.4388 33.3444 31.4388C33.3444 31.4388 32.9622 32.9428 31.5929 32.9943C31.2564 33.0052 30.9212 32.9482 30.6072 32.8267C30.2932 32.7053 30.0069 32.5218 29.7653 32.2873C27.0783 29.976 17.7912 23.7347 15.739 22.362C15.6927 22.3305 15.6538 22.2894 15.6247 22.2415C15.5957 22.1936 15.5772 22.14 15.5706 22.0844C15.5419 21.9397 15.6992 21.7605 15.6992 21.7605C15.6992 21.7605 31.8706 7.38631 32.3009 5.87732C32.3342 5.76041 32.2083 5.70273 32.0393 5.75394C30.9652 6.14908 12.346 17.9073 10.291 19.2049C10.1431 19.2497 9.98675 19.2592 9.8345 19.2327V19.2327Z" fill="rgb(var(--white))"/>
 	</svg>
 </template>

package/src/modules/icons/socials/twitter.vue

@@ -1,5 +1,5 @@
 <template>
 	<svg width="40" height="33" viewBox="0 0 40 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M35.9049 8.17058C35.9293 8.52666 35.9293 8.88274 35.9293 9.2421C35.9293 20.192 27.6742 32.8205 12.5793 32.8205V32.814C8.12025 32.8205 3.75381 31.5307 0 29.0989C0.648385 29.1777 1.30002 29.217 1.95328 29.2187C5.64859 29.222 9.23827 27.9699 12.1454 25.6645C8.63376 25.5972 5.55434 23.2851 4.47857 19.9097C5.70871 20.1493 6.97623 20.1001 8.18363 19.767C4.35507 18.9859 1.60065 15.5892 1.60065 11.6444V11.5394C2.74142 12.181 4.01869 12.5371 5.32521 12.5765C1.71928 10.143 0.607759 5.29897 2.78529 1.51172C6.95186 6.68883 13.0993 9.83612 19.6986 10.1692C19.0372 7.29105 19.9407 4.27503 22.0727 2.25178C25.378 -0.885667 30.5765 -0.724857 33.6835 2.61114C35.5214 2.24521 37.283 1.56423 38.895 0.599367C38.2823 2.51761 37.0002 4.14704 35.2874 5.18246C36.9141 4.98883 38.5034 4.54907 40 3.87793C38.8982 5.54511 37.5105 6.99732 35.9049 8.17058Z" fill="white"/>
+	<path d="M35.9049 8.17058C35.9293 8.52666 35.9293 8.88274 35.9293 9.2421C35.9293 20.192 27.6742 32.8205 12.5793 32.8205V32.814C8.12025 32.8205 3.75381 31.5307 0 29.0989C0.648385 29.1777 1.30002 29.217 1.95328 29.2187C5.64859 29.222 9.23827 27.9699 12.1454 25.6645C8.63376 25.5972 5.55434 23.2851 4.47857 19.9097C5.70871 20.1493 6.97623 20.1001 8.18363 19.767C4.35507 18.9859 1.60065 15.5892 1.60065 11.6444V11.5394C2.74142 12.181 4.01869 12.5371 5.32521 12.5765C1.71928 10.143 0.607759 5.29897 2.78529 1.51172C6.95186 6.68883 13.0993 9.83612 19.6986 10.1692C19.0372 7.29105 19.9407 4.27503 22.0727 2.25178C25.378 -0.885667 30.5765 -0.724857 33.6835 2.61114C35.5214 2.24521 37.283 1.56423 38.895 0.599367C38.2823 2.51761 37.0002 4.14704 35.2874 5.18246C36.9141 4.98883 38.5034 4.54907 40 3.87793C38.8982 5.54511 37.5105 6.99732 35.9049 8.17058Z" fill="rgb(var(--white))"/>
 	</svg>
 </template>

package/src/modules/icons/socials/youtube.vue

@@ -1,5 +1,5 @@
 <template>
 	<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<path d="M19.6758 2.64453C19.4648 1.80078 18.7969 1.13281 17.9883 0.921875C16.4766 0.5 10.5 0.5 10.5 0.5C10.5 0.5 4.48828 0.5 2.97656 0.921875C2.16797 1.13281 1.5 1.80078 1.28906 2.64453C0.867188 4.12109 0.867188 7.28516 0.867188 7.28516C0.867188 7.28516 0.867188 10.4141 1.28906 11.9258C1.5 12.7695 2.16797 13.4023 2.97656 13.6133C4.48828 14 10.5 14 10.5 14C10.5 14 16.4766 14 17.9883 13.6133C18.7969 13.4023 19.4648 12.7695 19.6758 11.9258C20.0977 10.4141 20.0977 7.28516 20.0977 7.28516C20.0977 7.28516 20.0977 4.12109 19.6758 2.64453ZM8.53125 10.1328V4.4375L13.5234 7.28516L8.53125 10.1328Z" fill="white"/>
+		<path d="M19.6758 2.64453C19.4648 1.80078 18.7969 1.13281 17.9883 0.921875C16.4766 0.5 10.5 0.5 10.5 0.5C10.5 0.5 4.48828 0.5 2.97656 0.921875C2.16797 1.13281 1.5 1.80078 1.28906 2.64453C0.867188 4.12109 0.867188 7.28516 0.867188 7.28516C0.867188 7.28516 0.867188 10.4141 1.28906 11.9258C1.5 12.7695 2.16797 13.4023 2.97656 13.6133C4.48828 14 10.5 14 10.5 14C10.5 14 16.4766 14 17.9883 13.6133C18.7969 13.4023 19.4648 12.7695 19.6758 11.9258C20.0977 10.4141 20.0977 7.28516 20.0977 7.28516C20.0977 7.28516 20.0977 4.12109 19.6758 2.64453ZM8.53125 10.1328V4.4375L13.5234 7.28516L8.53125 10.1328Z" fill="rgb(var(--white))"/>
 	</svg>
 </template>

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

@@ -0,0 +1,92 @@
+<template>
+  <div class="bg-black t-white radius-big pd-big">
+    <div class="mn-b-big t-center title">
+      <h2 class="mn-b-semi">{{t('title')}}</h2>
+      <p class="t-transp p-big w-m-60r mn-l-auto mn-r-auto">{{t('subtitle')}}</p>
+    </div>
+    <div class="cols-1 ">
+
+    <Spoiler v-for="item in tm('FAQ')" class="t-white br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin">
+      <template  #header="{ isOpen }">
+        <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
+          <h3 class="w-100" >{{item.title}}</h3>
+          <IconChevronBottom :class="{ 'rotate-180': isOpen }" fill="rgb(var(--white))" class="i-semi"/>
+        </div>
+      </template>
+      <template #content>
+         <ul class="mn-t-semi">
+          <p class="t-transp" v-html="item.description"></p>
+        </ul>
+      </template>
+    </Spoiler>
+    </div>
+  </div>
+</template>
+
+
+<script setup>
+  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'
+
+  import { useI18n }    from 'vue-i18n'
+
+  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'
+
+  const props = defineProps({
+    textData: {
+      type: Object,
+      default: () => ({
+        messages: {
+          en: {
+            title: 'If you still wonder?',
+            subtitle: 'Have questions about Weeder? Check out our FAQ section for comprehensive answers about our platform, products, and policies:',
+            FAQ: [{
+              title: 'Do you have a marijuana dispensary store that I can visit?',
+              description: "Unfortunately, we do not currently have our own physical dispensary store that is open to the public. However, you can visit our licensed partner Fin.Kan House to purchase marijuana products. Alternatively, you can also order weed from us directly through our website or by phone for delivery to your location. 📱"
+            },{
+              title: 'What is the minimum age requirement to purchase cannabis products?',
+              description: "The minimum age requirement to purchase cannabis products is  21 years of age 🔞. Please be prepared to provide proof of age when you receive delivery."
+            },{
+              title: 'How will my order be delivered?',
+              description: 'Orders will be delivered to the address provided at checkout 📬. Please ensure that someone is available to receive the delivery at the designated address.'
+            },{
+              title: 'Is it safe to order cannabis online?',
+              description: 'It is safe to order cannabis online from a licensed and reputable retailer 🏭. '
+            },{
+              title: 'Do you deliver weed to hotels in Thailand?',
+              description: 'Hell yeah! If you order weed online, be sure to give us the hotel name and where you would like to meet your weed delivery driver.'
+            },{
+              title: 'Are there any promotions or discounts available?',
+              description: 'We frequently offer promotions and discounts on select products 🎉. Please check our website or social media pages for the latest deals.'
+            }]
+          },
+          ru: {
+            title: 'У вас еще есть вопросы?',
+            FAQ: [{
+             title: 'У вас есть магазин марихуаны, который я могу посетить?',
+             description: 'К сожалению, у нас нет собственного физического магазина марихуаны, который открыт для посетителей. Однако вы можете посетить нашего лицензированного партнера Fin.Kan House, чтобы приобрести марихуану. Также вы можете заказать марихуану у нас напрямую через наш сайт или по телефону для доставки в ваш адрес.'
+           },{
+             title: 'Какой минимальный возраст для покупки каннабиса?',
+             description: 'Минимальное возрастное требование для покупки каннабиса составляет 21 год 🔞. Будьте готовы предъявить документы, когда вы будете получать доставку.'
+           },{
+             title: 'Как будет доставлен мой заказ?',
+             description: 'Заказы будут доставлены по указанному при оформлении заказа адресу 📬. Пожалуйста, убедитесь, что кто-то будет дома, чтобы принять доставку.'
+           },{
+             title: 'Безопасно ли заказывать каннабис онлайн?',
+             description: 'Да, безопасно заказывать каннабис онлайн у лицензированного и хорошо известного ретейлера 🏭. '
+           },{
+             title: 'Вы доставляете травку в отели Таиланда?',
+             description: 'Черт возьми, да! Если вы заказываете травку онлайн, обязательно сообщите нам название отеля и место, где вы хотели бы встретиться с водителем, доставляющим травку.'
+           },{
+             title: 'Есть ли какие-то акции или скидки?',
+             description: 'Мы часто предлагаем акции и скидки на определенные товары 🎉. Пожалуйста, посетите наш сайт или страницы в социальных сетях, чтобы узнать о последних предложениях.'
+           }]
+         }
+        }
+      })
+    }
+  })
+  const { t, tm } = useI18n(props.textData)
+</script>
+
+<style lang="scss">
+</style>

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

@@ -1,8 +1,9 @@
 <template>
-  <div id="mobileApp">
-    <section class="pos-relative cols-2-1_2 gap-big pd-big pd-t-big o-hidden bg-black t-white radius-big">
-      <div class="z-index-1  w-1/2">
-        <img :src="(FILE_SERVER_URL || '') + mockupImage" alt="Mobile App Mockup" class="app-mockup">
+  <div id="mobileApp" class="pd-thin">
+    <section class="pos-relative flex-nowrap flex gap-big pd-big pd-t-big o-hidden bg-black t-white radius-big">
+      <div class="z-index-1 h-100">
+        <img :src="(FILE_SERVER_URL || '') + mockupImage" alt="Mobile App Mockup" class="desktop-only h-100 w-100 object-fit-contain">
+        <img :src="(FILE_SERVER_URL || '') + mockupMobile" alt="Mobile App Mockup" class="mobile-only h-100 w-100 object-fit-contain">
       </div>
 
       <div class="z-index-1 w-1/2">
@@ -59,7 +60,11 @@ import LabelGooglePlay from '@pf/src/modules/icons/labels/LabelGooglePlay.vue'
 const props = defineProps({
   mockupImage: {
     type: String,
-    default: "/assets/images/landing/mockup.png"
+    default: "/landing/mockup.png"
+  },
+   mockupMobile: {
+    type: String,
+    default: "/landing/mockup-mobile.png"
   },
   bgImage: {
     type: String,
@@ -73,6 +78,7 @@ const props = defineProps({
           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.'
@@ -100,13 +106,6 @@ const { t } = useI18n(props.textData)
 </script>
 
 <style lang="scss">
-.app-mockup {
-  max-width: 100%;
-  object-fit: cover;
-}
-.store-buttons img {
-  margin-right: 10px;
-}
 
 .grid {
   perspective: 450px;
@@ -131,4 +130,16 @@ const { t } = useI18n(props.textData)
     transform: rotateX(45deg) translateY(0);
   }
 }
+
+ @media screen and (max-width: 1025px) {
+    #mobileApp {
+      text-align: center;
+      > section {
+        flex-direction: column;
+        > div {
+          order: 1;
+        }
+      }
+    }
+  }
 </style>