From 402031628bc651b47ecfcf1d01816fda4399b8ed Mon Sep 17 00:00:00 2001 From: kaur-rajdeep Date: Tue, 25 Jul 2023 18:37:39 +0530 Subject: [PATCH 1/3] style: changed the UI of the FAQ page --- src/assets/faq Icons/1.webp | Bin 0 -> 1470 bytes src/assets/faq Icons/10.webp | Bin 0 -> 1998 bytes src/assets/faq Icons/11.webp | Bin 0 -> 1256 bytes src/assets/faq Icons/12.webp | Bin 0 -> 2488 bytes src/assets/faq Icons/2.webp | Bin 0 -> 1698 bytes src/assets/faq Icons/3.webp | Bin 0 -> 2518 bytes src/assets/faq Icons/4.webp | Bin 0 -> 840 bytes src/assets/faq Icons/6.webp | Bin 0 -> 1018 bytes src/assets/faq Icons/7.webp | Bin 0 -> 1932 bytes src/assets/faq Icons/8.webp | Bin 0 -> 1526 bytes src/assets/faq Icons/9.webp | Bin 0 -> 1354 bytes src/assets/faq Icons/cost.webp | Bin 0 -> 1190 bytes src/components/FAQCard/faqCard.jsx | 14 ++ src/pages/Blog/Blog.jsx | 2 +- src/pages/Faq/Faq.jsx | 244 +++++++++++++++++------------ src/pages/Guidebook/guidebook.jsx | 2 +- src/store/faqData.js | 94 +++++++++++ 17 files changed, 251 insertions(+), 105 deletions(-) create mode 100644 src/assets/faq Icons/1.webp create mode 100644 src/assets/faq Icons/10.webp create mode 100644 src/assets/faq Icons/11.webp create mode 100644 src/assets/faq Icons/12.webp create mode 100644 src/assets/faq Icons/2.webp create mode 100644 src/assets/faq Icons/3.webp create mode 100644 src/assets/faq Icons/4.webp create mode 100644 src/assets/faq Icons/6.webp create mode 100644 src/assets/faq Icons/7.webp create mode 100644 src/assets/faq Icons/8.webp create mode 100644 src/assets/faq Icons/9.webp create mode 100644 src/assets/faq Icons/cost.webp create mode 100644 src/components/FAQCard/faqCard.jsx create mode 100644 src/store/faqData.js diff --git a/src/assets/faq Icons/1.webp b/src/assets/faq Icons/1.webp new file mode 100644 index 0000000000000000000000000000000000000000..ba24114e54336eb94208050d16a7fdfab48b120b GIT binary patch literal 1470 zcmV;v1wr~!Nk&Gt1pok7MM6+kP&il$0000G0000#002J#06|PpNMr&400EFhYn!1* z72CFLdzrCq?`+$)ZLVzFwr67dN7CJI*i~KGWfc*Q+%|F~dedp44Ly$_ZH)_>dGkxP zD(m{fP@1qsH?maKUvA6@R3`owWOgrEPU-{5>}DK0gKZK@_ID35GYjf*pcK+}!{&^3 z(t5V&GqSl2)iTSL6;>-$cxc(I;0e9wrZwB^+sKZie2Lk(Z%l~ELz$lHkDJ1q_1t87 zxeeLwv=aAhY^L-85VjgN>tT5}NyYGkB&emd4A~yDq^(-qG;HhT8DZEe+`dEW ziO$BBrk)%0{~JoISXh^W-V>u0!kT&lXl7v_VcJ13^lZb1rk?3EH_)9;PcZZ(<3m%= zb(-(+XFNt==rKoSQ_okLDwwk|2YXKyjT**;>r9}c$%6}DuE?SJf)KvK@rmXxGWlwc z+ccXogRj}xKr;d-`8tE4^e^(i4o^B+2&Ja{LIO|8_)VxbU?op$v6e0k|MdAW$U+K3 z%o_~gX9!*s1|#r-pH~>h!YCWPc6W5yl!Eh8i-layv^1I3bP1~okIe**7&D!#eZVThXQQ=v>__MS6q*r) z*V6J)JwaEV?xY&zrVxH}z6#v;mlOB^xZ*^3PG@{2wEJ7U2sluSim^I`^W4u$5KeTq zvF&n7fOOi8w8G*qhyVbH=VD1K&3ECG^76+Ed`Mg72v$%yAS?p_0Pqq3odGI906+jf zDG-K2A)yHawhRG6TLW$CfC2`(1NmR!p22TT{7L+o=xf-X>15aP_4t3wpXDClIsiXG z|IhuZ@PPe9{|mqY`eW7s=mGk{>WBVs{+Ij@fj`-=`k&>#0Kb-hNB@n&0sI5_0cPGf zkTo>m4n?Kd13MlC30GM}E6Jnf|0}u(0qlc3^0;&$3N|idySJCDkxRH&AOQaU;^+VS zBLDwm)Bpa%b#BA_G1jZAvZU)Ok_Yuh{nyA7RZE`de;^{3bX3))H- zA$}=GV1VVX&LhF;>Vf09%dSCe59xLP_CTzs+`61m37=l&b*tH@=u8kZ%okF;OELeJ zcn_6hJL@Dmcj-SL`3ugDW5jT@cH-~ZbO!!Q8SjuOlJFCzTQpo=?^Y+uc&zW6oJ#P) z7GsW#tx%5=^g%#{qA@ia{X7*2# z6tjQpL%)J1oTwg~<`t=s^d2_?6Ynn`Sbs4RjmqwGG)F2Y!UV`#+Tw_e7Rtf@zQM(oDK-G(Gk||Mh3g-%MGy`(x#WdKUFBg#TM= zY{HEq==BxOu4!CsuYWu1)(L28=_SZBfB*(JEv~9TG7}!eqRncbk2BzobqcTl_~Ipp z#ejr7bdGlZ96+GA9s099e^d#vi%S3eR-F9!_TE4(NIs(mjt#yzX4xRI8CbM3R4#2n zAK&ILTo3!6h%BI3x6ka6vv6o_fqt1QKl-8_U-1w@gv5FtH(QZ$FkS|SpDd#PN}-Bd z#twH-_#AR-VGat*E%$=?0M!~Fa-5TV8AeVfP86otKm8}jjVm+&SOpIXuaJ@$-njQ; YY#bnlImukC9q3Zv5s5Z$f+_$20DG&^82|tP literal 0 HcmV?d00001 diff --git a/src/assets/faq Icons/10.webp b/src/assets/faq Icons/10.webp new file mode 100644 index 0000000000000000000000000000000000000000..aa439fa70920114f31473f83e2962e691f5b994f GIT binary patch literal 1998 zcmV;<2Qm0kNk&G-2LJ$9MM6+kP&il$0000G0000#002J#06|PpNZtbg00E$cZQC(7 zyT4#2hif~wxwg%9t)RcH+P3Y~w%t{n)b2M$oNwm1H*AWBv32E0zzTR1uTeH zPmF@=VYVh{5Y@^}b}0VD_u~yvY@8_aQz2|uvn@_F50PsH{6_BV4ORQ>CVzpjj_*dP z3W&P8K~egdFPpgBh0Z@)22I%fnMfV;8^G$M@WU zSU!frd0dKQJ~!&Y;UyEWlCzWqQFIa>aH1Zj@~+@wVt^7{WhJutzK?eOOiagDybQ&u zeCdpn+^yYy9);^`CMpwda4trDA#=+3Bm@x z9SOA~Te#T{1s`deY*gkj^#ecT!FCPXVxfLQD-XM2$Ziwn+`-a@of~e9d(D&0v8C0JK8C`ZF>UXx=`Zn zkFaEpMGw1>QOZ}&$U;MxF zUjqNN-@HEp-^l-}|Kk1N&@29D_(A$h)B$w?_IH#9pdZ5jl<$Cks}y*UQp@@`TfA=x3H}leIi7WGbwA%<%Y?u95zy4YSgdRwk!CS=}dSZ*eE2x^nO>0I?IE4^|~#92?ksA@qi+ zv8-;j)Ny4#RR$WrJQHhCAK{m-DO&+%^v4PArI+P*BeU($uEEUkakNetur2YZqc(%S z{5HknMe#u<+(hvn4pYphdygJ9m!1H4a5_{l9zc$W&=JG5mo?_w;`*nKgTH#f@G4&= zi} zFIOVP5bw&>WN>ka9VeR#{vv!h4N}%h1|Co#toFEXhdxu?*OZC=TV|WD@g}a&JF@73 z6cNLJ)XLlyZ>NC!4Cm@R)K)1ML+5a24UC6Cz-=X~uV^<&d-#-X^9I&gA7L8JUzz4* zPrvD^ne-FdgE`U9F_c*DUqcq-Oi}+1HfDtHaSa|Ujdfib%(H1#ak4|u(6)QcRlTOc zM;;=H3*=QONj2pBz@>GDV*V1N_W`zg#qh#Nv%&HJ2?^FYrllYs!>$6Y7!iLgKk>Rv zs*;Jx6#x2`&Lu5itagI8qxFx~+J?}PvMQ0%9Az(##3}Iy)H2pVBlsc@>uxS)Fe*-p z+!S?;S~WEut7-a}r$8dM_cBD6Gi|Zuh)ws7c{!CIwZ4E*5)G;LF=bpzrvn^6x%k?+ zIi%hNR~AiZ!HLNNRhWPQWnv^m$cTGY0i&hA`<}`b$A5U$@H50Zaxe%6-*RMQ$WamF zX0n{JA`ongQ@2m}`zJNY(cTaIpxD{W*m)I2>!dcc(IRXvxu`R3>ro18w&@B1c~$Ta z#7DI+B!>rzg27k$`o=T6+lJ@>N~R30Y$fNXo2F~=Yyc5o;iiqow78or&u0j{p^&d{ gOW+Wp%I%>P3k6^+9IY zMiY1IdV$QNGhBMTYsS$mAb$*Bwp+lf5hQcu8-(`jIC6YL|58%8tRFY@-00t+eh4WZ z+JI}^oIz_6shHe~9h}UFgeH@;_u;@47EK9-rg34e#!-^?b^{I>bQBdPB@$>9Vj<3o=Dwe7>cn+UNa`B zVyeJVMrzM*T^`0U)LP~Fpz21NFc_LFMc(`U{r5a1JtY*LM)J+RW;J?Uv=6PxQu0&U zaGW^RT}8uCWy72BT+a*Xf*4q#WYqxP+lb?XA-o+WXUu!xriHj3TL|PFpXt);T{BPS z0-dXfcjM-A$m}{7Ljvk2_&>KsBMsj!&$SU709H^qAocmTVq*n7|aUG)Lz0sRm8pI8T=2kKv>r~AM4UjyH?zqY>uU(CO&f8QqMFw?gp z$8~@G6<#E#As*vCvh3$CFp&Nvy}#nHo8NMWqUQD3#1n+H90CCT{w{z2`fhbGb6p%% zM(13}3*h-k?;9{3>tQK!-U@hDbdwFzeDSlk?~_#-w)dpV|4Z}#|L-e(c@c3Df$7ML zh>UE5sn4ywniJE=LpYNIu+)sIXYUj}u#I*LIrUbYz>J2DwQp0*Cvd4e{Slr_^8Na1 zt`ECbn?aGn^REV(hNaP;|NaiOxU)6yuMN3KdqTX5`=eE^EPsagPKO7^T^Gw(mI*|f z_~!Z|-y3!tj2Hq>0EvJ@i?yO?LTD<{Z!`U z-RE2R==Oc>K9-1J+9jNvi(nbQ|H6B|$lQ_Pf9%J7rvDvz5LYH&=8jOmnVIzc-VZCG zepn^lgnl@@v;OUhYyzj8zupNy9gV*6XVr`v8(&RMja14B4ec(U`(@;vDP4EwO&q&G zcq8_{8T2gbZACv8e+GA_$4;@L_k)4JqDI*fWhooa@!FLp(`Ddg>4>4xZN@}HFs?a& z5Sv$&DAdl3GK=d2r<9Fr=kEWMjce!aY=?YUn7&A&OFe#IYIFJVaUQh(y7F++^Z)qr zPNK{XE+v@XEqYC2meclQ;Hm>oAT$)iyLj$vm4iA$<@W@%Ak~1SVqV zUiSAiqiuC(i>=1y`2eVs5h}ZX+{cRT0$ZW8ou4LsTb(|5KQTW+V<;RKz8Q`GBy#=| SNE$*9Yf}flHv~VUN?-sFLv6|c literal 0 HcmV?d00001 diff --git a/src/assets/faq Icons/12.webp b/src/assets/faq Icons/12.webp new file mode 100644 index 0000000000000000000000000000000000000000..fc9686c2c2bd6df2bfa0c35baee3ba686b59e70e GIT binary patch literal 2488 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 literal 0 HcmV?d00001 diff --git a/src/assets/faq Icons/3.webp b/src/assets/faq Icons/3.webp new file mode 100644 index 0000000000000000000000000000000000000000..019b6c169f8233f26c9d3d5b484f87126ee13bd6 GIT binary patch literal 2518 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 S6w0^qiXVX=rDfm4e@_4`B#LkV literal 0 HcmV?d00001 diff --git a/src/assets/faq Icons/6.webp b/src/assets/faq Icons/6.webp new file mode 100644 index 0000000000000000000000000000000000000000..507e9a6f01ec1d99105254093154f74498f0f73f GIT binary patch literal 1018 zcmV00qBCbV(qAv=Mtf1!ZvV0X#SdPQKP^ANvl@Gv z=VkrRYM(Qw2+Pj0GkEg(^Am$RoKcibUr7DZ6o*#RmKCYH{IhG-v8eOo4<9-dZ~O7r zuaC9q|0V!dP&gol0ssJz5dfV5DnI~006r-YheDyD3I+oJ3;{x005XjP;RodZjXdFd zVcRd;jH;d{|3mo4?Wdpv^e^r^fiLK9{15eB$A7>*ihiJeAbfy+rS*V%1pf*D3F#sJ z-}}G8hwR7gKeFflT-4J67JwVT4EZPl*bocmi`+ZP`0#Il6d1YAzh;X7iWv8GJ+6~h zL%ixl!sKmy0RI1vzaN!n`wfWi_r2&_|M9DR-9!JwU+dE-21nr|@Q3f%UQV;tfCuqj zkL*W+)!pg+(<4Ohgx^L~uGkZ^|X#{TR zKkQGx_-p(=Qt3D8%GsIU2hE76@-mV88cQEh=eRRk-wV>H(vvY<<)~EFFyd^2XKA?u zm&nxVmH+ue2-f(+>|!NwLu;8ozBV>a)lcNF(kw(7po*=h{p!`)@P)B8)j!=HG({;`MiBv~ z7Q0cNb24$DcNpgzoS>IJ-JN5v6$W2^#e_H&G_63ha9KR(vr^MJW1P3wyI_;{t3Y$_ zKmU(BkBa{LtxHq5K>C6tPJ+fH9dPuczw`qF87?uO=#rE<`)CSbIjScZF_gNZI&~$YPK4*U6Fh)g5UrAdUzKR6M+9Cjo+?J zdtQ|PFm*w^zBE)=mPa3RmqyE`o#-Ghj5XCZl!@sy`W%@*F-WTNNpx+g1s@x%b1^wq zqWbrl(;A5Bec+bEach6CXrMzjAJmYh{C%DZN7Ra9dUbBDgs@|L6eEc)iKjI9!p6c) z-_|l1YJIz@khagEKg}eK921!njy_Iqs|v5xw$s@g?__g45Zq(O-8_e7$FCu(RdBdk z;|r&A2vC3ib%z@;)am>jCRbjyu{L_m9idlg8Mh$H#v#xwagy|ep|n=OIu?*e{-|j% z)b4VGOpj8X*E21mCx?CtB*^k)-t-gl2M>3TZT9KflF% zE`Z?o+zamp^By|CfthbY#9pu_GFSsQ*ixhxEj|Dk#oP!SW`PWsbM>f&Gd&4en8C z8Iav6{oe2Asvjx*mPDR|<{U#;V8|Af+pByBBHeO-*! z+$x^yG*{&YGOiMHdJ~ub@JlBMm2!n|a9c1bK`Vf}C_?K4YQ`x$~;b}^`(i{N(A42NE5T^TB7@p&@{!6^JU8~dJnJ`bJu=kPMm`Y+| zsjO;u@tams|F-V#t@@eaN|g+$aKKyfz)h(Vz61qwai7uhPJw}2CKF|R?sKocNFSg> zM7{0@7#JCR>t&rxev^E>lO$R;(|5$v8X=AZj9J9f5EEcsJAo+BwJn%wGTd zOh5j~Q~&#H*vTs2{@6>KO$%Cb_L_NVLGnVd`ifrI3B_G@HA5UU#N2-#C}?}rLHheM zjr)BjzyI|Qh#p3p?FC#lZ4Ix}-GD!GPK(9`$&{XdErJ&31c)SLrIk1ku^LI0?LYt8 SHaVM%?70^I)bRyi0001!oSyCg literal 0 HcmV?d00001 diff --git a/src/assets/faq Icons/8.webp b/src/assets/faq Icons/8.webp new file mode 100644 index 0000000000000000000000000000000000000000..abc8c7ec6f84021b9314771a4983ad4dd6db960b GIT binary patch literal 1526 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 E0GHHHuK)l5 literal 0 HcmV?d00001 diff --git a/src/components/FAQCard/faqCard.jsx b/src/components/FAQCard/faqCard.jsx new file mode 100644 index 00000000..f3e822c5 --- /dev/null +++ b/src/components/FAQCard/faqCard.jsx @@ -0,0 +1,14 @@ +import React from "react"; +export default function Card(props) { + return ( +
+
+ +
+
+

{props.question}

+
+

{props.answer}

+
+ ); +} diff --git a/src/pages/Blog/Blog.jsx b/src/pages/Blog/Blog.jsx index aecc9fac..0dc2da79 100644 --- a/src/pages/Blog/Blog.jsx +++ b/src/pages/Blog/Blog.jsx @@ -12,7 +12,7 @@ function Blog() { return ; }); return ( -
+
{/* blog bar */}

diff --git a/src/pages/Faq/Faq.jsx b/src/pages/Faq/Faq.jsx index ee23f84b..eea583b0 100644 --- a/src/pages/Faq/Faq.jsx +++ b/src/pages/Faq/Faq.jsx @@ -1,110 +1,148 @@ import React from "react"; -import Accordion from "./Accordion"; -import "./faq.css"; - -import illustration__box from "../../assets/svg/illustration-box-desktop.svg"; -import illustration__woman_desktop from "../../assets/svg/illustration-woman-online-desktop.svg"; -import illustration__woman_mobile from "../../assets/svg/illustration-woman-online-mobile.svg"; - -const questionsAnswers = [ - { - question: - "How many t-shirt colours are available for selection in this customisation application?", - answer: - "This customisation application offers a diverse range of t-shirt colours to cater to various styles and moods", - }, - { - question: - "Can I personalise my t-shirt design by uploading my own logos or images", - answer: - "Certainly, this application allows for seamless personalisation by enabling the upload of custom logos or images onto the t-shirt design", - }, - { - question: - "What does the Unsplash integration feature entail and how does it elevate the t-shirt customisation experience?", - - answer: `The Unsplash integration feature harnesses the power of Unsplash technology, empowering users to generate unique custom images that adorn the t-shirt as logos or complete designs`, - }, - { - question: - " Is there a functionality to remove logos or images that have been applied to the t-shirt ", - - answer: - "Yes, users have the freedom to effortlessly remove any logos or images that have been applied to the t-shirt by simply clicking the designated remove button.", - }, - { - question: " Can I download the final t-shirt design as an image file ", - - answer: - "Absolutely, users can preserve their masterpiece by downloading the completed t-shirt design as an image file.", - }, - - { - question: - " Is there a maximum limit on the number of logos or images that can be uploaded to personalise the t-shirt", - - answer: - " No specific limit is mentioned regarding the number of logos or images that can be uploaded, thus allowing users to personalise their t-shirt with as many as desired.", - }, - - { - question: - " Can I preview the t-shirt design before finalising and downloading it?", - - answer: - "The availability of a preview feature is not specified in the provided information. It is advisable to explore the application to determine if such a feature exists.", - }, - - { - question: - " Are there any restrictions on the file format or size when uploading logos or images", - - answer: - "The information does not mention any restrictions on file format or size. Users can likely upload logos or images in common formats such as JPEG, PNG, or GIF.", - }, - { - question: - " Does the application offer additional customisation options beyond colour selection and logo/image upload? ", - - answer: - "Aside from colour selection, logo/image upload, Unsplash integration, removal functionality,and downloading options, no other specific customisation options are mentioned. ", - }, - - { - question: - "Is there a cost associated with using this t-shirt customisation application ", - - answer: - " The pricing details of the application are not specified. It is recommended to visit the application's website or contact their support for information regarding any associated costs ", - }, -]; - -const Faq = () => { +import faqData from "../../store/faqData"; +import Card from "../../components/FAQCard/faqCard"; +import searchIcon from "../../assets/image/searchIcon.webp"; + +function Faq() { + const faqCard = faqData.map((item) => { + return ; + }); return ( -

-
-
- illustration with box - - illustration with woman - illustration with woman +
+

FAQs

+

+ FREQUENTLY ASKED QUESTIONS +

+

+ Have questions? We are here to help. +

+
+
+
+ search icon +
-
-
+
+
{faqCard}
+
+ ); -}; - +} export default Faq; + +// import Accordion from "./Accordion"; +// import "./faq.css"; + +// import illustration__box from "../../assets/svg/illustration-box-desktop.svg"; +// import illustration__woman_desktop from "../../assets/svg/illustration-woman-online-desktop.svg"; +// import illustration__woman_mobile from "../../assets/svg/illustration-woman-online-mobile.svg"; + +// const questionsAnswers = [ +// { +// question: +// "How many t-shirt colours are available for selection in this customisation application?", +// answer: +// "This customisation application offers a diverse range of t-shirt colours to cater to various styles and moods", +// }, +// { +// question: +// "Can I personalise my t-shirt design by uploading my own logos or images", +// answer: +// "Certainly, this application allows for seamless personalisation by enabling the upload of custom logos or images onto the t-shirt design", +// }, +// { +// question: +// "What does the Unsplash integration feature entail and how does it elevate the t-shirt customisation experience?", + +// answer: `The Unsplash integration feature harnesses the power of Unsplash technology, empowering users to generate unique custom images that adorn the t-shirt as logos or complete designs`, +// }, +// { +// question: +// " Is there a functionality to remove logos or images that have been applied to the t-shirt ", + +// answer: +// "Yes, users have the freedom to effortlessly remove any logos or images that have been applied to the t-shirt by simply clicking the designated remove button.", +// }, +// { +// question: " Can I download the final t-shirt design as an image file ", + +// answer: +// "Absolutely, users can preserve their masterpiece by downloading the completed t-shirt design as an image file.", +// }, + +// { +// question: +// " Is there a maximum limit on the number of logos or images that can be uploaded to personalise the t-shirt", + +// answer: +// " No specific limit is mentioned regarding the number of logos or images that can be uploaded, thus allowing users to personalise their t-shirt with as many as desired.", +// }, + +// { +// question: +// " Can I preview the t-shirt design before finalising and downloading it?", + +// answer: +// "The availability of a preview feature is not specified in the provided information. It is advisable to explore the application to determine if such a feature exists.", +// }, + +// { +// question: +// " Are there any restrictions on the file format or size when uploading logos or images", + +// answer: +// "The information does not mention any restrictions on file format or size. Users can likely upload logos or images in common formats such as JPEG, PNG, or GIF.", +// }, +// { +// question: +// " Does the application offer additional customisation options beyond colour selection and logo/image upload? ", + +// answer: +// "Aside from colour selection, logo/image upload, Unsplash integration, removal functionality,and downloading options, no other specific customisation options are mentioned. ", +// }, + +// { +// question: +// "Is there a cost associated with using this t-shirt customisation application ", + +// answer: +// " The pricing details of the application are not specified. It is recommended to visit the application's website or contact their support for information regarding any associated costs ", +// }, +// ]; + +// const Faq = () => { +// return ( +//
+//
+//
+// illustration with box + +// illustration with woman +// illustration with woman +//
+// +//
+//
+// ); +// }; + +// export default Faq; diff --git a/src/pages/Guidebook/guidebook.jsx b/src/pages/Guidebook/guidebook.jsx index 205d47e1..89437fad 100644 --- a/src/pages/Guidebook/guidebook.jsx +++ b/src/pages/Guidebook/guidebook.jsx @@ -6,7 +6,7 @@ import EC from "../../assets/guideImage/EC.png"; function GuideBook() { return ( -
+
{/*----------------------- Title of page------------------------------- */}

diff --git a/src/store/faqData.js b/src/store/faqData.js new file mode 100644 index 00000000..ac1930a4 --- /dev/null +++ b/src/store/faqData.js @@ -0,0 +1,94 @@ +const questionsAnswers = [ + { + id: 1, + icon: "./src/assets/faq Icons/1.webp", + question: + "How many t-shirt colours are available for selection in this customisation application?", + answer: + "This customisation application offers a diverse range of t-shirt colours to cater to various styles and moods", + }, + { + id: 2, + icon: "./src/assets/faq Icons/2.webp", + question: + "Can I personalise my t-shirt design by uploading my own logos or images", + answer: + "Certainly, this application allows for seamless personalisation by enabling the upload of custom logos or images onto the t-shirt design", + }, + { + id: 3, + icon: "./src/assets/faq Icons/4.webp", + question: + "What does the Unsplash integration feature entail and how does it elevate the t-shirt customisation experience?", + + answer: `The Unsplash integration feature harnesses the power of Unsplash technology, empowering users to generate unique custom images that adorn the t-shirt as logos or complete designs`, + }, + { + id: 4, + icon: "./src/assets/faq Icons/8.webp", + question: + " Is there a functionality to remove logos or images that have been applied to the t-shirt ", + + answer: + "Yes, users have the freedom to effortlessly remove any logos or images that have been applied to the t-shirt by simply clicking the designated remove button.", + }, + { + id: 5, + icon: "./src/assets/faq Icons/7.webp", + question: " Can I download the final t-shirt design as an image file ", + + answer: + "Absolutely, users can preserve their masterpiece by downloading the completed t-shirt design as an image file.", + }, + + { + id: 6, + icon: "./src/assets/faq Icons/6.webp", + question: + " Is there a maximum limit on the number of logos or images that can be uploaded to personalise the t-shirt", + + answer: + " No specific limit is mentioned regarding the number of logos or images that can be uploaded, thus allowing users to personalise their t-shirt with as many as desired.", + }, + + { + id: 7, + icon: "./src/assets/faq Icons/11.webp", + question: + " Can I preview the t-shirt design before finalising and downloading it?", + + answer: + "The availability of a preview feature is not specified in the provided information. It is advisable to explore the application to determine if such a feature exists.", + }, + + { + id: 8, + icon: "./src/assets/faq Icons/10.webp", + question: + " Are there any restrictions on the file format or size when uploading logos or images", + + answer: + "The information does not mention any restrictions on file format or size. Users can likely upload logos or images in common formats such as JPEG, PNG, or GIF.", + }, + { + id: 9, + icon: "./src/assets/faq Icons/12.webp", + question: + " Does the application offer additional customisation options beyond colour selection and logo/image upload? ", + + answer: + "Aside from colour selection, logo/image upload, Unsplash integration, removal functionality,and downloading options, no other specific customisation options are mentioned. ", + }, + + { + id: 10, + icon: "./src/assets/faq Icons/cost.webp", + question: + "Is there a cost associated with using this t-shirt customisation application ", + + answer: + " The pricing details of the application are not specified. It is recommended to visit the application's website or contact their support for information regarding any associated costs ", + }, +]; + +export default questionsAnswers; From 1fb8d2fa2f30eff627be19989f36ea231b7be278 Mon Sep 17 00:00:00 2001 From: kaur-rajdeep Date: Tue, 25 Jul 2023 20:39:00 +0530 Subject: [PATCH 2/3] style: completed FAQ page UI and fixed images name --- src/assets/faq Icons/3.webp | Bin 2518 -> 0 bytes src/assets/faq Icons/9.webp | Bin 1354 -> 0 bytes .../faq Icons/{12.webp => additional.webp} | Bin src/assets/faq Icons/{1.webp => color.webp} | Bin .../faq Icons/{7.webp => download.webp} | Bin src/assets/faq Icons/{4.webp => feature.webp} | Bin src/assets/faq Icons/{2.webp => logo.webp} | Bin src/assets/faq Icons/{6.webp => maximum.webp} | Bin .../faq Icons/{11.webp => preview.webp} | Bin src/assets/faq Icons/{8.webp => remove.webp} | Bin .../faq Icons/{10.webp => restriction.webp} | Bin .../image/{blogImage3.webp => design.webp} | Bin .../image/{blogImage4.webp => pro.webp} | Bin .../image/{blogImage2.webp => tips.webp} | Bin src/store/blogData.js | 12 ++++++------ src/store/faqData.js | 18 +++++++++--------- 16 files changed, 15 insertions(+), 15 deletions(-) delete mode 100644 src/assets/faq Icons/3.webp delete mode 100644 src/assets/faq Icons/9.webp rename src/assets/faq Icons/{12.webp => additional.webp} (100%) rename src/assets/faq Icons/{1.webp => color.webp} (100%) rename src/assets/faq Icons/{7.webp => download.webp} (100%) rename src/assets/faq Icons/{4.webp => feature.webp} (100%) rename src/assets/faq Icons/{2.webp => logo.webp} (100%) rename src/assets/faq Icons/{6.webp => maximum.webp} (100%) rename src/assets/faq Icons/{11.webp => preview.webp} (100%) rename src/assets/faq Icons/{8.webp => remove.webp} (100%) rename src/assets/faq Icons/{10.webp => restriction.webp} (100%) rename src/assets/image/{blogImage3.webp => design.webp} (100%) rename src/assets/image/{blogImage4.webp => pro.webp} (100%) rename src/assets/image/{blogImage2.webp => tips.webp} (100%) diff --git a/src/assets/faq Icons/3.webp b/src/assets/faq Icons/3.webp deleted file mode 100644 index 019b6c169f8233f26c9d3d5b484f87126ee13bd6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2518 zcmV;{2`TncNk&G_2><|BMM6+kP&iD%2><{uKfn(V2?cH2Fl{&fr2mE>qW=@Xrbp4= zlnVuE8!+*2dq+bsXe3Ed`f?1HWWlTy9F~5-0k7iQ}ER_^}2K z;HZmIrFliPLupk3gB|?PpzZilG!g0+1oj8aMrtF?R*m=IM~0>riMNo zZ~@do12_k0Lw42T;0p!}ENa25RmgpgrwIGn;|=U$D6)y^{|qVS`DA_{x#9NW>WPl$ClZ@uc>()texrkP~>xV;<-waG8ZZTD5bXi`I); zJkvz<%J%`d;b#=_)`BY(*6*@A2vt5qyyd`R) z2`?r@FAA`y;V8yOad-^0VG5p74Ptx|z#1v;6yussV3&}#JP4@EMGf-AYG=6;?E)qH z3VMKOM)`qey$H}W4R`~y2;f@7&>px108P_?nN>T}wP+VAJ@|+SnF*Ybno20mdq=jl zZYD(tA%ioC2V*}1==~$BY`9v2{3?V1Vx|w^jJM+O!X@WSc=t>~5c2B6Py+?{_WOrJ zA%P}z@M@Qc!xsT8YQ&Ypp?3l~bj<6C!)m9$6YT=e70fxq3NNsZvKZL2SFmf&8Ud1- zQLe3nxtzKFWx=YQ_Fl9xO=@7y>}w@jvpJZiDLl~3O7D1}J=-+_93QrDCS7{Tj2pnI z??>}68oCf%4)7Vbo&Bfu4KL2R??VU~yd>{6F&RMrANicM%ZiALWfH}$7hf2_DIdk? zDXJ65A%LX31|fdV%?9Ax?~hS)1ae4s1>ka0buo&u0RR6_j9!FZgsqoP!C39&PokMc zNKFFFo=v&6;WwaZ5o?}Ub zE@YV2^@#FZ-EynpSXVpA%NWPo#wd=^hNpc35hq6DPNjM6i5M4c#t}jg0*Fhzm?)B! z`hmP6{=nzFj@3@|I@*}`oApU>ouEkxyzx8P=K%Kf8P$2SSrTYc1N}^@CYl!uu<#Rl z3MNv^s-2)D+8E4C0PwV&VMS*~`GFQkkaLFrni;@5Y8$}u%3_I^n28Wne<*`0IJ|+7 zdxgEF^d}K#U+YI?*YG4~0aOxC#y$z){}Pc_12|3=Z8jOKghoWX-v7wmJTJuSu`bltn5$r*Z?R3w^+ z1+F(0t=cge>v~#ZRM!b|Xkf0bYszh{4!?pNI`~UnkKnp9u&#D=Mf1@k+j*IZ0A5^- z5)h^-fd)>TMxjueca!X5!y-jUsR1>KIum#2+OsiMJE~%*roymmONhYif$+4@eu5QU zXOzvl6|8DQ3lB82YtBWhc4WnF>`f5xorqcXodFQ>A}~(^Ip?K$ph$QRp%c*37d&}0 zC4roA?Ey9E&L(Er0FJ2GZPIajf{)N`?^*&tG@FBI2++$z*BRy3;s^u~0zA-c0Ef3| zo3#7=h1tJU183^u(*GiWh>KASp-Bz6CY%OpUv;wqm=}o{7o!gdO`3ux5_L9KJ6smk zU^6VTM3FT+2tOFAF>4nY02lbWc1EBL0UY_S)_VZ#iTKi52nxd6Ldc+IOI__SS?o3~ z?1r3`42!;iH<(OZ3jpvSX8#4rAPd0dfY}JOc>?9m%mrZAkayu4i_oeaDvRBCKL>rSrn9_?>o%?{exJFI{cx;Ss z#&v=mGV~+oMWeV-`pr*cd^|3Dt5X^_-!koEwSyscLhC__kn^utLxOjHB7x}@7ywV1 z*}J*R2WWBzCI40Ppa567j4Q3xKyZ2mjgPSD=7Ci^2%`|X?IES)9C*qHCh>y+W;TIo zN-hQFqNxGp&TIsmY@2EWIFO==WStB6izgjz| z09Uz;e^!H9om^=Z*46f35hr6c`tpf41eylcOzDRwFI$|70N&ZI6CuzvFq3khGfx5F z*d2&>ZXyP1E>EiMuPU}%nQ{~ooUm09h;2J!)`XR<6SHo@00?9uyc^n(KY={_z9~Af%K=^o!JyLn$sU zh@}~0p&-IEO~GfJixj0$+JA559gI-;Rc*hOohqo{ahjbE8w7AhH@bCtQ& z$HB&N>TL+`e1Z;+7mx=>6Bc&I{g;cI{GRa}{~B!a>(0N)uQ_p-3Al!PQ$Q^WXuf(2 zUvJqOZ{8Yj+8S@%1`An=BcsulYt6w;U{m`9%gnox8M=EMF|$8|dMy1iW)U#~_}@%{ zzq;Q#MgN+t7A`)1d_lwGDw3@7XxW#yix$28vdo(yw|E>l!MnqJIn9AVfa>8XPbPi% zJQo0Fe)>4gi;7NOhVcq}l@AB_ATSNP%l#gVd&xD(UBTBA@bYhk&T8$?7m zx!KkhUXR>`@l7_WoWkz5SFhT3>KxU?v=}-f$;J^dkLshbca#Yun@G}C%_aqNp^r%% z1RJiiN1LE_wYfu?yO~4)5T)Fa13*$cW30;36)3XRkCzOPk_ke-@T}68Hg3R*G+Bo7^s`cC*SU^fE1mVSJO_I!A4(bw@UhG+|UPjol+*9@$K~La^aFo0JK9 zXUof%E!#EBs+ma~z!4Co+??~%TbV@o(GiNQwN=L$B0@S0WWWW42((q=0x1ib**QhQ zC++A{B`MiSZRdY209H^qAZP;s0B{okodGI906+jfDG-N3p`i(es>BQdLR$bU4Ds2U z@B{Hzj#>vO|Fr&}=2z?k%mei2{7+D?*bh)2qTlF0x%=w)nfri$KmLX4 z@BN$DPtXJPlhPahzxyA8uiEe04}eeBANgOO{lEoryoiXb&uq1%latV5)-p5mX^P(B z>#Ut_iB@7Yr?|?V!4Sw2ix4RI8t{ZM*Px^9AOQaPZ~y=NKKKRvOJBZ4QZey?==a?; zy4rLizsqNXjKQ8)p3MBBC&<3eeOG(G*V>0#`?37fSAr1w^QQ8D8V*I@3iOY{!8zmP(G-Rru>yd4CSfDbn}y+{eWms!^yl#@$yP@ zP?gKUXOaUA^m#P?T(8S{sR^Zv&Pw_DadP%&0uTTAMi;S+k#@g76J=ZE5564S3|scJ zNh|DD6IJ$*w#EPdnsJR+-SUkPt6IYY+8j^D`>x}C0HTSpcsfbdzx%W660(|X5TPVqWgK6n+P!`GRHOI!%)M-iJ zx}3FR&;a35@6JYOxSwak6tV=u^%0JYSCl&*E6Ao^g4*B6QkJ5MzypBu+(uJ9t)$CX?_e$Q)lf;H Date: Tue, 25 Jul 2023 21:04:27 +0530 Subject: [PATCH 3/3] style: changed images path --- {src/assets/image => public}/design.webp | Bin .../faq Icons/additional.webp | Bin {src/assets => public}/faq Icons/color.webp | Bin {src/assets => public}/faq Icons/cost.webp | Bin .../assets => public}/faq Icons/download.webp | Bin {src/assets => public}/faq Icons/feature.webp | Bin {src/assets => public}/faq Icons/logo.webp | Bin {src/assets => public}/faq Icons/maximum.webp | Bin {src/assets => public}/faq Icons/preview.webp | Bin {src/assets => public}/faq Icons/remove.webp | Bin .../faq Icons/restriction.webp | Bin {src/assets/image => public}/pro.webp | Bin {src/assets/image => public}/tips.webp | Bin src/store/blogData.js | 12 +++++------ src/store/faqData.js | 20 +++++++++--------- 15 files changed, 16 insertions(+), 16 deletions(-) rename {src/assets/image => public}/design.webp (100%) rename {src/assets => public}/faq Icons/additional.webp (100%) rename {src/assets => public}/faq Icons/color.webp (100%) rename {src/assets => public}/faq Icons/cost.webp (100%) rename {src/assets => public}/faq Icons/download.webp (100%) rename {src/assets => public}/faq Icons/feature.webp (100%) rename {src/assets => public}/faq Icons/logo.webp (100%) rename {src/assets => public}/faq Icons/maximum.webp (100%) rename {src/assets => public}/faq Icons/preview.webp (100%) rename {src/assets => public}/faq Icons/remove.webp (100%) rename {src/assets => public}/faq Icons/restriction.webp (100%) rename {src/assets/image => public}/pro.webp (100%) rename {src/assets/image => public}/tips.webp (100%) diff --git a/src/assets/image/design.webp b/public/design.webp similarity index 100% rename from src/assets/image/design.webp rename to public/design.webp diff --git a/src/assets/faq Icons/additional.webp b/public/faq Icons/additional.webp similarity index 100% rename from src/assets/faq Icons/additional.webp rename to public/faq Icons/additional.webp diff --git a/src/assets/faq Icons/color.webp b/public/faq Icons/color.webp similarity index 100% rename from src/assets/faq Icons/color.webp rename to public/faq Icons/color.webp diff --git a/src/assets/faq Icons/cost.webp b/public/faq Icons/cost.webp similarity index 100% rename from src/assets/faq Icons/cost.webp rename to public/faq Icons/cost.webp diff --git a/src/assets/faq Icons/download.webp b/public/faq Icons/download.webp similarity index 100% rename from src/assets/faq Icons/download.webp rename to public/faq Icons/download.webp diff --git a/src/assets/faq Icons/feature.webp b/public/faq Icons/feature.webp similarity index 100% rename from src/assets/faq Icons/feature.webp rename to public/faq Icons/feature.webp diff --git a/src/assets/faq Icons/logo.webp b/public/faq Icons/logo.webp similarity index 100% rename from src/assets/faq Icons/logo.webp rename to public/faq Icons/logo.webp diff --git a/src/assets/faq Icons/maximum.webp b/public/faq Icons/maximum.webp similarity index 100% rename from src/assets/faq Icons/maximum.webp rename to public/faq Icons/maximum.webp diff --git a/src/assets/faq Icons/preview.webp b/public/faq Icons/preview.webp similarity index 100% rename from src/assets/faq Icons/preview.webp rename to public/faq Icons/preview.webp diff --git a/src/assets/faq Icons/remove.webp b/public/faq Icons/remove.webp similarity index 100% rename from src/assets/faq Icons/remove.webp rename to public/faq Icons/remove.webp diff --git a/src/assets/faq Icons/restriction.webp b/public/faq Icons/restriction.webp similarity index 100% rename from src/assets/faq Icons/restriction.webp rename to public/faq Icons/restriction.webp diff --git a/src/assets/image/pro.webp b/public/pro.webp similarity index 100% rename from src/assets/image/pro.webp rename to public/pro.webp diff --git a/src/assets/image/tips.webp b/public/tips.webp similarity index 100% rename from src/assets/image/tips.webp rename to public/tips.webp diff --git a/src/store/blogData.js b/src/store/blogData.js index 32af48b3..979afc8d 100644 --- a/src/store/blogData.js +++ b/src/store/blogData.js @@ -1,37 +1,37 @@ export default [ { id: 1, - image: "./src/assets/image/tips.webp", + image: "/tips.webp", title: "From Concept to Creation: Proven Tips for Crafting Striking T-shirt Designs", }, { id: 2, - image: "./src/assets/image/design.webp", + image: "/design.webp", title: "A Guide to T-shirt Design Success: Tips and Techniques You Need to Know", }, { id: 3, - image: "./src/assets/image/pro.webp", + image: "/pro.webp", title: "Design Like a Pro: 10 Essential Tips for Creating Professional T-shirt Artwork", }, { id: 4, - image: "./src/assets/image/tips.webp", + image: "/tips.webp", title: "From Concept to Creation: Proven Tips for Crafting Striking T-shirt Designs", }, { id: 5, - image: "./src/assets/image/design.webp", + image: "/design.webp", title: "A Guide to T-shirt Design Success: Tips and Techniques You Need to Know", }, { id: 6, - image: "./src/assets/image/pro.webp", + image: "/pro.webp", title: "Design Like a Pro: 10 Essential Tips for Creating Professional T-shirt Artwork", }, diff --git a/src/store/faqData.js b/src/store/faqData.js index 41f9c776..850fd158 100644 --- a/src/store/faqData.js +++ b/src/store/faqData.js @@ -1,7 +1,7 @@ const questionsAnswers = [ { id: 1, - icon: "./src/assets/faq Icons/color.webp", + icon: "/faq Icons/color.webp", question: "How many t-shirt colours are available for selection in this customisation application?", answer: @@ -9,7 +9,7 @@ const questionsAnswers = [ }, { id: 2, - icon: "./src/assets/faq Icons/logo.webp", + icon: "/faq Icons/logo.webp", question: "Can I personalise my t-shirt design by uploading my own logos or images", answer: @@ -17,7 +17,7 @@ const questionsAnswers = [ }, { id: 3, - icon: "./src/assets/faq Icons/feature.webp", + icon: "/faq Icons/feature.webp", question: "What does the Unsplash integration feature entail and how does it elevate the t-shirt customisation experience?", @@ -25,7 +25,7 @@ const questionsAnswers = [ }, { id: 4, - icon: "./src/assets/faq Icons/remove.webp", + icon: "/faq Icons/remove.webp", question: " Is there a functionality to remove logos or images that have been applied to the t-shirt ", @@ -34,7 +34,7 @@ const questionsAnswers = [ }, { id: 5, - icon: "./src/assets/faq Icons/download.webp", + icon: "/faq Icons/download.webp", question: " Can I download the final t-shirt design as an image file ", answer: @@ -43,7 +43,7 @@ const questionsAnswers = [ { id: 6, - icon: "./src/assets/faq Icons/maximum.webp", + icon: "/faq Icons/maximum.webp", question: " Is there a maximum limit on the number of logos or images that can be uploaded to personalise the t-shirt", @@ -53,7 +53,7 @@ const questionsAnswers = [ { id: 7, - icon: "./src/assets/faq Icons/preview.webp", + icon: "/faq Icons/preview.webp", question: " Can I preview the t-shirt design before finalising and downloading it?", @@ -63,7 +63,7 @@ const questionsAnswers = [ { id: 8, - icon: "./src/assets/faq Icons/restriction.webp", + icon: "/faq Icons/restriction.webp", question: " Are there any restrictions on the file format or size when uploading logos or images", @@ -72,7 +72,7 @@ const questionsAnswers = [ }, { id: 9, - icon: "./src/assets/faq Icons/additional.webp", + icon: "/faq Icons/additional.webp", question: " Does the application offer additional customisation options beyond colour selection and logo/image upload? ", @@ -82,7 +82,7 @@ const questionsAnswers = [ { id: 10, - icon: "./src/assets/faq Icons/cost.webp", + icon: "/faq Icons/cost.webp", question: "Is there a cost associated with using this t-shirt customisation application ",