From 19712a3c1c905231782c7ab3003e46943ca3b6e3 Mon Sep 17 00:00:00 2001
From: Diyar Akhgar <diyar.akhgar@gmail.com>
Date: Tue, 20 May 2025 23:10:22 +0330
Subject: [PATCH] add Download Page

---
 xroom-dashboard/src/assets/img/image10.png    | Bin 0 -> 4152 bytes
 xroom-dashboard/src/assets/img/image11.png    | Bin 0 -> 7212 bytes
 xroom-dashboard/src/components/Header.vue     |  48 +---
 .../src/components/SidebarMenu.vue            |   2 +-
 .../src/pages/dashboard/Download.vue          | 234 ++++++++++++++++++
 xroom-dashboard/src/router/index.js           |   7 +
 6 files changed, 246 insertions(+), 45 deletions(-)
 create mode 100644 xroom-dashboard/src/assets/img/image10.png
 create mode 100644 xroom-dashboard/src/assets/img/image11.png
 create mode 100644 xroom-dashboard/src/pages/dashboard/Download.vue

diff --git a/xroom-dashboard/src/assets/img/image10.png b/xroom-dashboard/src/assets/img/image10.png
new file mode 100644
index 0000000000000000000000000000000000000000..9be13cc8894bb8836856dc400a2c91056374c809
GIT binary patch
literal 4152
zcmV-85XbL{P)<h;3K|Lk000e1NJLTq004;q004Lh1^@s6#_G{^00009a7bBm000o2
z000o20Vd5lGynhq0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH56wwLK~#7F?VWk7
zT}2(ozlE|`MG%mkE&)YAKo;4QrGh9ypnxbU1T|`cJ3$C)4E@6;q6kEddq{``6#>D5
z1W{2GY+0<JAXK2WSc(M%Y(Z`5b3V)&@7#H3x%a+v&bu?c-{hD3-aY4@Gs}0j-~4{R
znW8wbfsyTu>}+HYBfA)xZe%MXFEg^Kk(U_RIJ<wXk^dT5W#nH*Rv3BA$YLXZG_ugh
zLq?v|2vK2*_cx^2$H+NGeqrQsBdd*!)hN#yxzET~j2viWYLJ#G8e!5AR>X^p9Bbrq
zBmY!)g|1b-1j!SK_#N4v%1`5Z8liRgg-#{VioY*AG_*~OBDvSdDe91T)U&h**QGOe
zIK#-p8XjWgrD3U&)4cSLdX<*&PL1z1hEdjde=jj|u$PAsSsDV}_4?`%<arH0Q9`oJ
zGxFjrKO>?v1Xe6zmmZ5aQbY1LX8Bnsh|+c@Ps~1JoCH!<kb9bu8;x9){hvJAB8el#
zNs1ek*I4%Vt{S0sY$Mz9VjOCGap`}v))BNh+%S%(pl=}k&l<T^>xk~84U)Kme5=yI
z0wd3;GxYe_!25fBC4e?aLP4T(f4$;|BgIuE_prxwfRWu~S45QYNL$+j4pKaGj$UMz
z%JIYOzIS=wCDE%ii7zWI5|qh<CHZu7uBG1nzmqj-05SC{t*7&T#YKcNxj4&HQ6cV<
z-N!0ujraFlb#E9Bn<6gE&r6M*Yh;F6zz&Lk+3U+8D#zKu{r<8a!>9MEyF!MEENr|U
zW#k%Jdz(kqG306#?^ma=Vj)7Fkp8FC*}DnhDt>;!@BKX>3jd=<HVJ;;bQhoZd`NJF
zthq*L$8&*N!VQXt2vu@jmZzfD&)nlbDsK?}#wPlfON{KD^Q<}uQ}m3jjht%aS|cmf
z-4OiGqtq}+AWPq8G~5;6kGx0aI7!`wTqdFR8FPdSWmkfms6IewNO6pjuNt{W<4r;H
z()({CoAZFCySGD){5pGS%({ZH>~nkBp`r*Zecz_Rp6{0r!y49czcTWB*@^#hby|HM
zAOnpOgYlh=>?upQ*BIH>$VTc9C=Ai}bQ%9P0k@%-f+`-P=|{7_$8xSymWOLF_~pa1
zH<LATI@tRTf<T@}WUc&}<7_BPj4h08DeE=B93yWy?6;v_sh04thGUqhL%yJL?5Ey`
zni%9&E@MqDztBp~RQzzg#*ZuRb9+-MsNk2$4skD_Ns=6$eU2$^Q0f1Wo$yU5xDJk2
zI&dq}7tkb0PR>44Xjx3Y@d(T#Jl`>)-9_;?2#2l>%qAwTkb))LzDfsGLk+!V3XQ=n
zeQ%LBL2sfb;lcaM5+(MQMf%Yx{HEZ#E5B51Wgx~~3T$PX8g5b<YDhnGk>v%~S;^2C
z4purCXDd@TNgOFsvj40aYFw|G3VsrPQ8!8GqFDM)S2~lpYYM(k#RI?xTLTY;Up6t^
zoREE{Fp*=JLDQO-7a9TOceK*M4cTW`e(NNOd+>=$2mTIr9tf&4Q|Z7BtzG%8lO#Nt
zy@P#~#;OKX?Oz-p+#f64-q3=)i**k-Sj4lzl)|b8%dFq3JTEc3t@<GSx63Yl$K|Ci
zlBDQcbBFA%Yf&$Ot;OC-2f0HHsEZ_S8~RAak6wqG*|IhosSK^x72QzhaKqlk4vHVH
zSDaUIJtbS2C7I;rrB0H}$v#uik36g#eL)8D$DUUTy{3cH1?ARVog_(R5(lnVX9&&1
zUPfN7_|cQCOkE_wd~Q#r1Gj%s)GMaaYtjgwHgcy*8h2eJIZSpE7klI%DxC<@3o7nQ
zsn@(s*0rOM@O6>oq?(`C59(~qR64%9D^*N@9c3r!v7=YB%n2JEIj^(2CULGM|6SHG
zdy#BB_$RXK_@`n8MkuOR%WfoY9Q=Nwt-ETdA+PJ#^sdQ-Gb*~V>c)wZgqQ3t>$x^a
zq0wUhB<ov33+8YD+!kCI&nn<Xz+8wq0xI(98XWF@*H_%<{AyAdYG{N@)dD`Fe3Se<
z*8<eOF!wCk6~ds-$Www(2MCLo+T%ewdUbR7i^|`LAMjH>J}U+}-^*L0Sg2xR;1~M`
zBj*`;t@`&O>j!>Daav-F;BNItmh&s#ad>uLEP;xv<RG;Gd`v^XQickYGlU1v(<QXw
zIq$y%H^*P9lRhdqB#Zlh|B7dSUGWg0Ovo=@fUSg;I4gT8UGSx{5f-O;*C%`2_TP_3
z8dl&wS^R?I;G~UI?pw1&@erX(t_kwi7>Kd)4%zNqZM}2=_-SG;gfq4)EEhNA%A9+B
z?4(XBjEM|Ia++E|xH5`iw(keGd%L=WwwzM&+m9<gBIJpin{A~YG1(Oh(KtJgXwl4H
zu+hNsoXR94sEio~ur<Zia#isAJP-dWxIFVaVy<2y8zm9_%d&#|xtHL+txWV<z@KIH
zOg*6~lH^q$lcX84J}Sh$K)*p3j>+SODo+c~!cvTwW2}}?n{zfF!^X4TJKep#z{QD2
z(4a2z{tv<46d@mq<}9({^F}_cNrGR1^b$-K>85|K@$t9@=_bSPcqYcm@0RV2eDu0S
zP^5G5F-H?i`>;vt7Il7Q(0$WWuvA>Eb~DaWoTV-mI<+8ugW@u&)x0z*4BZ>31%$c?
zm<cgfc!>#vv^6QA?gNeMXJv;8he63gfi9C8&qG^sMV7C|hRyZVDQq^|&Q$kU?np72
z%S8YEEN{Oj8#BzI-|*e9^PV-9fD97Tt#81<Z^=$1{fZg3!tlw$Cq3P!SswZc-wmlQ
z&z_T~t&K%UH$(E)Y5|9OFO6Xj!>?EZ(R{?qOI5Gp536T-&y2NKS*V8L3hQD?V-bo^
z7Hm~^&hk@bF5$<4$Bt!1&hui)_guAv2PKU~EPgNW0rd_?CVHQ5tGg10F`qtxQ5DQp
zORJh$8qNagS6s!OqyFH}WjOTc-kfI+lMsN1JsP*$OWGShcjpX^XKAd$ByKwm2EU-+
zqVC?c&DC9=ngJ7lZy4FbOQSzzHjbM#`ITFj+@pyh)D;okX@QzgcOC)%X5^c)UJL$?
ze5;2r@gg?jQaVgvZb^Rqo}!n6_OCM`{*s!rJz-d5ABhttJ}kTM)aZ_UKM$L&j)hkW
zn_T<IZWe}co0C_|_6#muxI1CI4B^J+D`khHBeM5lxZR8KInQ8%jiES(%Glo0^DWHM
z%#Qf#ig(wBek%KGMn0r8Kp|rquqNl4JAwtPeYDC<PEXE00lm!gDo5UqG~YpznX+>s
z>^U%tU}qWq4Q3I{C)iSO<`Ix&wIV=@rhAtKc?;oG@xJ{oJ&Qll9kw&{eE9itN1QZ{
znX(0y$`SHa5fd*e_#J|JzmAQ=Cg76;_YbtoH>+7Mh5v&IQVb;MMR4=L0<O&9`LD_+
zShyFoP4L^c=W5~mAOjwT*y|Gho3vh9aBuC2xLNU#pi1Ve96PE*guLJTWMOW?X<54k
z&uFrD2`d}#1SZCi;c1OeZ!0F3?407Co61mguFCPjKAz{739F9N)!Auo3apMW`+T2~
zpUKuuUOxH6hq{%a=12`c0s4`mhybpI_Ny=q$%4%-lU!CrTWVrJF~-*Z;YL1@J$HHV
zzOu$!i-A!uYxa|s4p^ZrD!4|WqA)xl`@7eI4ew*0WKJfmjvkPW0YXp1T*vJqb04b?
zmccBwId>0IVIZ}ACJcS_OjC2xTJ(N-=`W0^SSNVVVoiSQuS>q`<tq=V^qS7VXbaVV
zstMLCwRBc}OK{z9*s>gHPEZ;kKRC-jp&C#%+@w-ykOIf9`6buEF-ixu9obsdlgv>X
zpk=uT&qYHG8*?f3nvIi$f@CtakJ3TaB<`4s>oI{%!9}VGMI@o1*uR*j_~9yjUd4SW
zo$HIoB$L-#@{&iA)XuGOE3_plR>iaYT$g&yzEF0ieM;x(U7LO86&l~+nmSGK4>hD8
zW!`P75k<od#xf}!Cg3W4T{%LY^mAlu*#y0B6p`fE>@)V3MM2?CaA(PN@Ft~$A7!7l
z)m;%uQVffo2MUs2b33Im)PSF=W`rbx6sU6dQaZSz;=0oXr7+YmIbW=r^AeH-He!E}
z$|MeZkDCgvyMjz<1Jj*;Rcqbl4L2zrA&)}ok%H?KqzgNq%1~3)YYqf|@5Y(m9ienk
zrJ6oO-Ofz0f_lRz>JBvkzbAo>uaLE4NI^9Xt}6K6^^z%_KFT2uE7btP;U=Xc<k=?2
zp{d9y2mhJbN(Yta)(i?qlGIf3fDoQ#j!hUZZ>ux_=_}8z85HYzFTu?qrAb`X;YL-y
zH!*>z220cs{Nd&>r4h`Q^y4;plgjgwia`}<^e_S6V?L#!hPeoHlA>M&Kiu7v4zA8V
z8yN*$=xio&Z&3Vjh2#pYsAaLtpQ<#5RvfbKQiJdV#tj<vrx%c!HOlwm_wSh~94U%g
zmb;$P5%Qej^PC#Yi&Lf@uZe*TG{Pnj(&3>@&~y^M0cRq@DX@lzl=!x=sz4`mpsX#&
zEOjgP)@pE9N#1*Z!8J&O@@%#`b~CY~(V@o2eD&tf0b@A^gEjf5WCOI|5y#4CB9Z+d
z4d=};0rTA!2ML3DN%qVl0_@l4^M={CX02LU##6zolwTQ)cbo!owrt_j3pCOC{AcnG
zLR;Ua?gHsGx?z=D#OKssWel_2r<QPB@M6~7gn)t+p|f!t-LwCW8M48J-8sQ!WLcZt
zw^_yW?^AqaD3UL#CEPBnnZyN>u#UqLl*K0t?j1w}@X!0rBg-v0zxA<$(mAdbsXBeM
zHc<GR2j30TgwEIHFuCQBB^QSyoU?qa;#sGw)9b`Qf+8XPIG(q1WUIquMCs`lK3SL~
zpQla;a98OwE1oe=agm`+T062eM)-urXoyHd6xwp{dfsmc^YEnNBSVp#su3#T2jpe)
z{mF{^(Z^7@vCm29HR(Z{RDLFh@C?8rT&TFnP$n*>Y%4>}FvlY86@HZFJo^z>kjE(<
zRGC4HFaS{dyRJH>9wTq4;d5WLh!lE~Uf|3W=~b%Y!w)k^KPC`&YqYAV6|OLkR!4Ii
z^MQ+v*|M(da6KkYXXqDPf%~!JV;O2jOWy|J53Lwj#c<$axL3tcQ?)lWLJjae1lY**
zD`Z&65~c<F93oY39OPky2H|UMvBz+SL+7>LHi_Z?k4GM-qwg1_dqj|y;cIPY$W}_5
zC#UBT;|H?wQvA)k(Mo0r;I~e~baQkIN1EkTXr07i;*9q60@-K|zWvV7Y`TsZ+Kup7
zw3)K5CfES)uJSP4V=6CC_FFK`WPWk8tnJIKvJ+_k{bL$3j7U<9u)^s6F<RO+lNquk
zLYq5X_M|F^00|b$dekk?J|D<FACo<lsq8&NhyMYQ<UbXnJtL|B0000<MNUMnLSTZd
Cumg$!

literal 0
HcmV?d00001

diff --git a/xroom-dashboard/src/assets/img/image11.png b/xroom-dashboard/src/assets/img/image11.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f0ce9388be713d5e2d4e70c28b9306d5c54c933
GIT binary patch
literal 7212
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

literal 0
HcmV?d00001

diff --git a/xroom-dashboard/src/components/Header.vue b/xroom-dashboard/src/components/Header.vue
index 0d8de80..67f652c 100644
--- a/xroom-dashboard/src/components/Header.vue
+++ b/xroom-dashboard/src/components/Header.vue
@@ -138,13 +138,14 @@ export default {
 .welcome-container {
   flex: 1;
   text-align: right;
-  padding-right: 20px;
+  /* padding-right: 20px; */
 }
 
 .welcome-message {
-  font-size: 14px;
-  color: #666666;
+  color: #111;
   margin: 0;
+  font-size: 19px;
+  font-weight: 600;
 }
 
 .user-info-container {
@@ -288,47 +289,6 @@ export default {
   z-index: 100; /* Lower than dropdown but higher than page content */
 }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 .dropdown-menu {
   position: absolute;
   top: 100%;
diff --git a/xroom-dashboard/src/components/SidebarMenu.vue b/xroom-dashboard/src/components/SidebarMenu.vue
index 8694a1e..56a39d3 100644
--- a/xroom-dashboard/src/components/SidebarMenu.vue
+++ b/xroom-dashboard/src/components/SidebarMenu.vue
@@ -49,7 +49,7 @@
         <div class="text-wrapper">جلسات</div>
       </router-link>
 
-      <router-link to="/download" class="nav-button" :class="{ active: isActive('/download') }">
+      <router-link to="/dashboard/download" class="nav-button" :class="{ active: isActive('/download') }">
         <img class="img" src="https://c.animaapp.com/m9nvumalUMfQbN/img/property-1-download.svg" />
         <div class="text-wrapper">دانلود</div>
       </router-link>
diff --git a/xroom-dashboard/src/pages/dashboard/Download.vue b/xroom-dashboard/src/pages/dashboard/Download.vue
new file mode 100644
index 0000000..eb6c325
--- /dev/null
+++ b/xroom-dashboard/src/pages/dashboard/Download.vue
@@ -0,0 +1,234 @@
+<template>
+
+    <SidebarMenu />
+    <div class="dashboard-page">
+        <div class="content">
+            <!-- Top Header -->
+            <AppHeader pageTitle="دانلود  ها" />
+
+            <!-- Description -->
+            <div class="section-description">
+                <div class="section-title">دانلود XRoom</div>
+                <p class="title-description">
+                    برای شروع , برنامه XRoom را برای پلتفرم خود دانلود کنید
+                </p>
+            </div>
+
+            <!-- Choose Device -->
+             <div class="chose-device">
+                <div class="section-title">لطفا پلتفرم خود را انتخاب کنید :</div>
+                
+                    <div class="cards">
+                        <div class="platform-card" v-for="(item, index) in platforms" :key="index">
+                            <div class="card-objects">
+                                <img :src="item.img" :alt="item.title" :style="item.imgStyle" />
+
+                                <p class="card-title">{{ item.title }}</p>
+
+                                <span class="card-subtitle">{{ item.subtitle }}</span>
+
+                                <router-link
+                                to="/dashboard/download"
+                                :class="item.buttonText === 'دانلود اپلیکیشن' ? 'active-button' : 'disabled-button'"
+                                >
+                                {{ item.buttonText }}
+                                </router-link>
+                            </div>
+                        </div>
+                    </div>
+             </div>
+
+             <!-- download instructions -->
+              <span class="instructions-text">
+                برای دستورالعمل‌های نصب ، حتماً از <router-link to="/dashboard/download" style="color: #3A57E8;">پایگاه دانش ما</router-link> دیدن کنید.
+              </span>
+        </div>
+    </div>
+
+</template>
+
+<script>
+import SidebarMenu from '@/components/SidebarMenu.vue'
+import AppHeader from '@/components/Header.vue';
+
+export default {
+  name: 'DashboardPage',
+  components: {
+    SidebarMenu,
+    AppHeader,
+
+  },
+  data () {
+    return {
+        platforms: [
+        {
+          title: "Headsets",
+          subtitle: "Meta Quest 2, Meta Quest Pro, Meta Quest 3",
+          img: require("@/assets/img/image11.png"),
+          imgStyle: "width: 70px;height: 80px;",
+          buttonText: "دانلود اپلیکیشن",
+        },
+        {
+          title: "Windows",
+          subtitle: "Desktop mode for PC",
+          img: require("@/assets/img/image10.png"),
+          imgStyle: "width: 90px;height: 80px;",
+          buttonText: "بزودی",
+        },
+      ],
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+  .dashboard-page {
+    margin-right: 360px;
+    padding: 20px;
+    direction: rtl;
+    font-family: IRANSansXFaNum, sans-serif;
+  }
+  .content {
+    background-color: #f8f9fa;
+    border-radius: 20px;
+    padding: 35px 80px;
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+  }
+
+  .section-title {
+    font-size: 17px;
+    font-weight: 600;
+  }
+
+  .title-description {
+    font-size: 15px;
+    font-weight: 500;
+    margin-top: 1.5rem;
+    color: #4F5A69;
+  }
+
+  .chose-device {
+    margin-top: 2rem;
+  }
+
+  .cards {
+    display: flex;
+    justify-content: right;
+    align-items: center;
+    margin-top: 2.5rem;
+  }
+
+  .card-border {
+  background: linear-gradient(to right, #001940, #4364F7);
+  padding: 2px 1px;
+  border-radius: 20px;
+  width: 287px;
+  height: 442px;
+  margin-left: 2.5rem;
+}
+
+.platform-card {
+  position: relative;
+  width: 287px;
+  height: 442px;
+  border-radius: 20px;
+  background: white;
+  z-index: 0;
+  overflow: hidden;
+  margin-left: 2.5rem;
+}
+
+.platform-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 2.5px;
+  border-radius: 20px;
+  background: linear-gradient(to right, #001940, #4364F7);
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  z-index: -1;
+}
+
+
+  .card-objects {
+    text-align: center;
+    padding: 2.5rem 0px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    height: 100%;
+  }
+  .card-title {
+    font-size: 24px;
+    font-weight: 500;
+  }
+
+  .card-subtitle {
+    font-size: 17px;
+    font-weight: 500;
+    color : #718096;
+    max-width: 220px;
+  }
+
+.active-button {
+  position: relative;
+  width: 207px;
+  height: 46px;
+  border-radius: 8px;
+  background: white;
+  z-index: 0;
+  overflow: hidden;
+  color: black;
+  font-size: 17px;
+  font-weight: 500;
+  padding-top: 5%;
+  transition: background 0.8s ease, color 0.6s ease-in-out;
+}
+
+.active-button::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 1px;
+  border-radius: 8px;
+  background: linear-gradient(to right, #001940, #4364F7);
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  z-index: -1;
+}
+
+.active-button:hover {
+  background: linear-gradient(to right, #001940, #4364F7);
+  color: #fff;
+}
+
+.disabled-button {
+    width: 207px;
+    height: 46px;
+    color: #111;
+    background-color: #E6E6E6;
+    border-radius: 8px;
+    font-size: 17px;
+    font-weight: 500;
+    padding-top: 5%;
+}
+
+.instructions-text {
+    margin-top: 1.5rem;
+    font-size: 15px;
+    font-weight: 600;
+    color: #4F5A69;
+}
+
+</style>
\ No newline at end of file
diff --git a/xroom-dashboard/src/router/index.js b/xroom-dashboard/src/router/index.js
index d3a5e6a..52072a4 100644
--- a/xroom-dashboard/src/router/index.js
+++ b/xroom-dashboard/src/router/index.js
@@ -6,6 +6,7 @@ import SmsVerification from '../pages/SmsVerification.vue'
 import DashboardPage from '../pages/dashboard/index.vue'    
 import FilesPage from '@/pages/dashboard/files.vue';
 import TeamsPage from '@/pages/dashboard/team.vue';
+import DownloadPage from '@/pages/dashboard/Download.vue';
 import axios from '@/axios';
 
 const routes = [
@@ -41,6 +42,12 @@ const routes = [
     component: FilesPage,
     meta: { requiresAuth: true }
   },
+  {
+    path: '/dashboard/download',
+    name: 'download',
+    component: DownloadPage,
+    meta: { requiresAuth: true }
+  },
   {
     path: '/dashboard/teams',
     name: 'teams',