From 01082fd8b6f9339da1cac8ed3aa9fdb7a1da8b5c Mon Sep 17 00:00:00 2001 From: Pedram Keshavarzi Date: Sat, 15 Jan 2022 19:31:13 +0330 Subject: [PATCH] =?UTF-8?q?Mobile=20Mockup=20fifth=20part,=20start=20butto?= =?UTF-8?q?n,=20and=20=D9=86=DB=8C=D8=B1=D9=88=20=DA=AF=D8=B1=D9=81=D8=AA?= =?UTF-8?q?=D9=87=20done!?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Components/buttons/Button.css | 11 ++++ src/Components/buttons/startBtn.js | 15 +++++ src/Components/mobileMockup/mobileMockup.css | 52 +++++++++++++++++- src/Components/mobileMockup/mobileMockup.js | 46 +++++++++++++--- src/assets/images/Rectangle 239.png | Bin 0 -> 32575 bytes src/assets/images/logo-riz.png | Bin 0 -> 429 bytes ...e-text.png => uesax-bold-message-text.png} | Bin src/assets/images/uesax-bold-sms.png | Bin 0 -> 588 bytes src/assets/images/vuesax-bold-sms.png | Bin 588 -> 721 bytes src/assets/images/vuesax-linear-send.png | Bin 0 -> 604 bytes 10 files changed, 113 insertions(+), 11 deletions(-) create mode 100644 src/Components/buttons/startBtn.js create mode 100644 src/assets/images/Rectangle 239.png create mode 100644 src/assets/images/logo-riz.png rename src/assets/images/{vuesax-bold-message-text.png => uesax-bold-message-text.png} (100%) create mode 100644 src/assets/images/uesax-bold-sms.png create mode 100644 src/assets/images/vuesax-linear-send.png diff --git a/src/Components/buttons/Button.css b/src/Components/buttons/Button.css index 498ea12..3764665 100644 --- a/src/Components/buttons/Button.css +++ b/src/Components/buttons/Button.css @@ -73,4 +73,15 @@ button.text:hover{ } button.text.disabled{ color:#E8E8ED; +} +.StartButton{ + background: white; + color:#1577F8; + direction: ltr; + display: flex; + align-items: center; + padding: 10px 20px; + margin:15px; + border-radius: 200em; + box-shadow: 0px 0px 19px rgba(0, 76, 255, 0.14); } \ No newline at end of file diff --git a/src/Components/buttons/startBtn.js b/src/Components/buttons/startBtn.js new file mode 100644 index 0000000..8085fed --- /dev/null +++ b/src/Components/buttons/startBtn.js @@ -0,0 +1,15 @@ +import React from "react"; +import './Button.css'; + +import sendIcon from '../../assets/images/vuesax-linear-send.png'; + +const StartButton = () =>{ + return( + + ) +} + +export default StartButton; \ No newline at end of file diff --git a/src/Components/mobileMockup/mobileMockup.css b/src/Components/mobileMockup/mobileMockup.css index 6579c49..37c5a70 100644 --- a/src/Components/mobileMockup/mobileMockup.css +++ b/src/Components/mobileMockup/mobileMockup.css @@ -2,7 +2,7 @@ border-radius: 29px; background-color: white; box-shadow: 0px 0px 33px rgba(0,0,0,0.1); - width: 20em; + width: 18em; max-width: 90vw; min-height: 35em; padding: 0.25em 1em; @@ -118,7 +118,7 @@ font-size: 0.67em; background: white; margin:15px; - margin-bottom: 3px; + margin-bottom: 4px; border-radius:7px ; box-shadow: 0px 0px 9px rgba(0,0,0,0.1); } @@ -135,4 +135,52 @@ margin-left: 5%; margin-top: 0px; color:rgba(0,0,0,0.3); +} +.fifthSection{ + width:90%; +} +.fifthSection div{ + display: flex; + justify-content: space-between; + padding: 0px 5px; + border-radius: 15px; + align-items: center; + margin-top:5px; +} +.fifthSection div div{ + display: flex; + flex-direction: column; + text-align: right; + align-items:flex-start; +} +.fifthSection div div h4{ + margin-bottom:-10px; + margin-top:3px; + font-size: 0.8em; + float: right; +} +.fifthSection div div p{ + font-size: 0.6em; +} +.fifthSection div img{ + height: 100%; +} +.fifthSection .Smotedavel{ + background:rgba(214,232,255, 0.2); + border:2px solid rgba(238, 245, 255, 1.0); + color:#1577F8; +} +.fifthSection .contactUs{ + background:rgba(239,255,214, 0.2); + border:2px solid #EFFFEE; + color:#10A875; +} +.nirooGerefteh{ + display: flex; + align-items: center; + font-size: 0.6em; + color: #C7C7C7; +} +.nirooGerefteh img{ + padding: 2.5px; } \ No newline at end of file diff --git a/src/Components/mobileMockup/mobileMockup.js b/src/Components/mobileMockup/mobileMockup.js index 5003103..3a4e877 100644 --- a/src/Components/mobileMockup/mobileMockup.js +++ b/src/Components/mobileMockup/mobileMockup.js @@ -3,8 +3,9 @@ import './mobileMockup.css'; import whatsAppLogo from '../../assets/images/XMLID_468_.png'; import bookIcon from '../../assets/images/vuesax-bold-book.png'; -import chatIcon from '../../assets/images/vuesax-bold-message-text.png'; -import smsIcon from '../../assets/images/vuesax-bold-sms.png'; +import chatIcon from '../../assets/images/uesax-bold-message-text.png'; +import smsIcon from '../../assets/images/uesax-bold-sms.png'; +import formTMSIcon from '../../assets/images/vuesax-bold-sms.png'; import alireza from '../../assets/images/alireza.png'; import mahmood from '../../assets/images/mahmood.png'; @@ -12,6 +13,9 @@ import tahmoores from '../../assets/images/tahmoores.png'; import sohrab from '../../assets/images/sohrab.png'; import gavazn from '../../assets/images/gavazn.png'; import babanoel from '../../assets/images/babanoel.png'; +import StartButton from '../buttons/startBtn'; + +import logoRiz from '../../assets/images/logo-riz.png'; const MobileMockup = () => { @@ -71,15 +75,39 @@ const MobileMockup = () => {
-
-

- سلام به روباتیو خوش اومدی -من اینجا هستم تا به شما کمک کنم تا نهایت از امکانات ما لذت ببرید.ضمنا اگر کمی‌خواستید من در خدمت شما هستم تا شب هم اینجا می مونم آره فکر کردی من ولت میکنم نخیر -

- +
+

+ سلام به روباتیو خوش اومدی + من اینجا هستم تا به شما کمک کنم تا نهایت از امکانات ما لذت ببرید.ضمنا اگر کمی‌خواستید من در خدمت شما هستم تا شب هم اینجا می مونم آره فکر کردی من ولت میکنم نخیر +

+ +
+

12:30

-

12:30

+
+ +
+
+
+

سوالات متداول

+

اگر دنبال سوال خودت هستی اینجا دنبالش بگرد

+
+
+
+
+

فرم تماس با ما

+

اگر دنبال سوال خودت هستی اینجا دنبالش بگرد

+
+ +
+
+ + + +
+ + نیرو گرفته از بازو
); diff --git a/src/assets/images/Rectangle 239.png b/src/assets/images/Rectangle 239.png new file mode 100644 index 0000000000000000000000000000000000000000..1619bc293416a470ee64bc0be2a4cf3e6560a6ed GIT binary patch literal 32575 zcmeI5O-NKx6vyv#hH)?@B^T2NIp`vc7TT(X&?qC$M2LusHpLW$t3WcyMa4^7m{B2Z ztCelT2wU`l(;}i>2!XZ;p{>xzqK#;cI^O&A+&L~;=^6}fn@3Ddh+79F=>;}b`Ff3TUvNm zXVSH?_E&#Ch4Z5iUw1xQJ-+<)N<3Mg&V(kY@(+HzEvCZR?|r7ibuSq%~G{~WAzPfre~sYOut&9a8iL&dg#`8 z7@X*zO8Mz+KDW&*R{~uAlWe@UINAJOM;He4d-eNHHy6zP#@2*>wc6s%%Aff98)^t* zLsPkS9bv)zj_LP3o=k-;-4mVq)ne04`h6oE?Snu%N(>_%q_dfYwM{jO ztDr~+>4>C)*HJbEq=R(4HjNe57FV*Z>aaK$MaU6CI!H%u&akhegbZ7PTF4+B zq~o<|>?SMQ+Z;s5BIIU}4$={u_ncw50FkRgjz5)~j(^XM1`K!5BM8yEBZ^QY$sir1 zBSMA-3?*df-I2b{%^)45;>=^4GtwlDsUe)hZ5e^Zn?f99i-z* zL_{eZN_hQOnGlB(Zu3Jpb)e+8& zcW+->S^IvcU_KEk_fnGSwubuf$b+jpd^J_PaM1JINKGhaGv-Oh+i{2wmjb98?JyO61d|E9Nt#9N>tEDIsBP6{)$~lPYk4vwb*csqh6mkF@$;8e8$D)t};7BHR1~?Xl8~{f$u`|H2DC7V*l8K!G sjzu8{z>!Ss3~($8IRK7iVrPok^z*Mrk3F58xn@c~`R?BAv#!GEU!BwQkN^Mx literal 0 HcmV?d00001 diff --git a/src/assets/images/logo-riz.png b/src/assets/images/logo-riz.png new file mode 100644 index 0000000000000000000000000000000000000000..63c93cac4210508b924b209217ab26ec0ac035c8 GIT binary patch literal 429 zcmV;e0aE^nP)~$)F5P4!4wx7= z-1q?c0o19J-CWd($*o37H@dWm(k7yJj}#t)L@sIadhhOc|GRqzT2aXaN?6j2;a4&^ zE4~?KE81EzSA{1)h=vu80g_}?))u2;%Ifwq1f&(gTOTZ@WuAiVm>&t8| zK$p!sx2SYPIj_;|>lgzH7vaV*w^CUAgysP9vWHXS(?Ih(hr#+vo zK1x?mx`NtQe`3!~27-dZ0H*VR2|?waJKvnSa{;L&z(*2*p;SP4t01-$^ZDEW=_3yL zcs#0-B+0z>1Dyli20A)_v|6oMRF04n%jHtt@AqSfRNg@o#GCDQ`}sWX1j4c`xm+%< z0iYyEm?{MBj5?jpASgb8uxp9Qjg(p1a{Yv0AN^ z-EQ}lDl5OpMs4UJCl-r^4nm7RAHM?QxTuQ;4}^U<9D0>XWeCwzk|8n3FKWwx#)Wnr zrGXRvD)?WnI5C01phT>9jIV(ZK($)cHBED9w*llQ4~P;H4`APjf%Nd(#7yrZl7C|6 zdbiu%Fn}py{Iw6p^E%;a{YJwY+UyKu0)PPlP?2x9+v&B2mllFxW*Dd+n5h9*WDMpa zsYwA0(28sGSs-X>oO-?94>lXmDykV=e~Sa4_)HLib)}iVc(P(Q9p}bw_;=+{O?ZD$@5lXt zy5U2nMi4Cy0Z`b*mml`*&_fJWaTXvOdKYcoO#I$)gW1QX6#F$W7C*;;!ikGpG)I>c ar}_g9fhIIkXi?Yz00002JRNdU^(gBOG{ynBWX5ZB|Z`sfIndR8{9m+Fd5u zxoYLk!mf45PRdl%Hv0;~4FFyye+9}qPXIF@c(<(gW^ul;pjzwklqX(g4VKlO!Ht%+ z-gVS(4^(q)jugPRSp(#?_Yk|Q>g#FPe+QJ%PX*oYc?0D0qxqtyKb3-N+2dREbyV(% zvbDoh%Qk0-_@Z1$0Q4aG+aT@^sP@|Y#?|($bWi|aSn!$z)R+rme-O}5f8NcIS=91W zrC@>^n#I2FW7jA8x~%J+OrZEo`Lw9_`of8ii=k}sXh456sPu#ClF5VefMWVAROsd6 zkdJLJfgv>t{dW8e}g6sb?r>U73%?gSk?4l;M2Cp2J7j~q2l>#Q2ydb#-geZ zwt)p}zp>$hI=AZG`4;fTov{A40+y#bkI-W)5@v2y?Z$O{ky`M8^@CSwj+bJX`V&d$ zjDH%0tSyBs^01)*X+Y>#YT8jKsI)ME+IJy7Dq z!+S6Oicu&#yqLIep#q&SOR=EJ0ww@)JJRAFq|z6%cy3*wGgSO8U);T2qze$I+{_Kx y^Zhjc;3!&0Y1TV4B9(?EY4xRb{#SNKnZA3)ib*%*6F}(z0000s#@e*;NG zK~z{r?U!9{foLAu-4=YRiDeg?1gKe}NPJD)?Wn zI5C01phT>9jIV(ZK($)cHBED9w*llQ4~P;H4`APjf%Nd(#7yrZl7C|6dbiu%Fn}py z{Iw6p^E%;a{YJwY+UyKu0)PPlP?2x9+v&B2mllFxW*Dd+n5h9*WDMpasYwA0(28sG zSs-X>oO-?94>lXmDykV=e}9Vup!iG>fpw*szvI|oV1;(WrS;FHFq3Rc-k7|c;2rlQ zzJT!T5W$IWKqwxNSa(s@l3kqt?|FhCgm|)IHy!83ZuocQP)&G$Q18e6fx6*CrbZAg z4gpZu#g`xU?9f9DRdE&|8+sRQ-Aw%6af8{%rWE@%Fcv?@fWnE399uL;mlLP@0}g>E UG*W0$*Z=?k07*qoM6N<$f{XkJD*ylh diff --git a/src/assets/images/vuesax-linear-send.png b/src/assets/images/vuesax-linear-send.png new file mode 100644 index 0000000000000000000000000000000000000000..3890b7839a4db904ecd5de4956d12977c02e0dbd GIT binary patch literal 604 zcmV-i0;BzjP)kvb z;tyRI5URUY5OJe|8%sCVK&iNqO2Ca0sOhQ{p;VzQRAVHuGxJ{W4NjPtndC*#3j;Ir zX1;spoHLKX9TmGHF5C(%gc!hqhAj@yR0XOyhm@kgOUBrmJ!nN>1dbpiijd%G3e4CS zOFPd1G}SZcd!i7t5#h&lA_aB=f1UxK-!YYq11qm$^#g!!Gk&^$VNYEWTn=cHAJsBA znDCVc%K~liV543no<_Icn{ z%=Cnk^OOLWTE;Ytx`HpS`2P1l(AKl?&l5~0Q39Mb7FLB{gE)daUBQ$DTv+{>9lBvo8i|{j7u-y?Ggz!1IEi!AV^JyZGgmBZ1g$jLx*V98H>)4gkn$fRNC8g2z~pUy&_=G_E&U1Ng= qTqC3DNT39p&S$0eW7%f+0{#z%h4vTj52arK0000