From efed4a1bda0b124d06282664c594043cecadacc9 Mon Sep 17 00:00:00 2001 From: rockyeverlast Date: Fri, 12 Apr 2024 19:47:21 +0530 Subject: [PATCH] Updated links and form --- index.html | 3 +- src/assets/images/contactDiscord.png | Bin 0 -> 6149 bytes src/assets/images/favicon.png | Bin 0 -> 1445 bytes src/components/BuildPage/Solve.jsx | 20 +-- src/components/Card/CommCard.jsx | 48 ++++---- src/components/Card/HomeCard.jsx | 4 +- src/components/Community/CommunityCard.jsx | 11 ++ src/components/Community/Connect.jsx | 1 + src/components/Community/Place.jsx | 1 + src/components/Contact/Form.jsx | 31 ++--- src/components/HomePage/Resources.jsx | 23 ++-- src/components/HomePage/Stats.jsx | 6 +- src/components/LearnPage/GetStarted.jsx | 114 ++++++++++-------- src/components/NavBar/NavBar.jsx | 38 +++--- .../SubnetsComponent/NewSubnetComp.jsx | 92 +++++++------- 15 files changed, 210 insertions(+), 182 deletions(-) create mode 100644 src/assets/images/contactDiscord.png create mode 100644 src/assets/images/favicon.png diff --git a/index.html b/index.html index aecbe30..90b11ab 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,7 @@ - - + Rubix diff --git a/src/assets/images/contactDiscord.png b/src/assets/images/contactDiscord.png new file mode 100644 index 0000000000000000000000000000000000000000..3c243a5aaa72006ff159f1042f37aed87e773d2e GIT binary patch literal 6149 zcmV+g82aalP)@~0drDELIAGL9O(c600d`2O+f$vv5yP0#&QcZbBiip%yU9zVns3wXN}tG#ZUGGd<^1C2M9hwq)t6Gv7YleR>ZG zv8hxl&W8^lX7=paQ!bTCNBQ3Q^Upua{7{+i9h}3*%j(!J`26PQ&!3yT*~GRw*5LCS z{Cjw81CKv>@?@QaSnMI8FA(y_k00HMiHUO%F5e((hsFp$=eqh5cz^uy#|FL#BK-b{ zzyr8?^{UGe^c+V|mxbhpMc}l7;30f|t#w5EM~@zPBy=GHr*?#9fn4WXg+((npr8>| z8;GdbhP_btP1p?ecrVKQyk*!NY%81NV4H9HJ`zgs9t6*~wR*kYpn_9afg?)u9c~xZ zeLo=7bwo_uPfbm2G@H$a=Xw1EJQS|$mJc30c#hg%1YA*OcpJCA!dJGYJ~=u0Ls7+E zD1mdNE`R#;X^x_a8e;Zvzi;0@@4%$CUk2A4q>w=ooDe@Lr(D!t+uzfH}YmblH~H`%T@kze@`KH%{HOuUf_L% z-HO)u&^SlDK|%+3b{6tHzcAtopzz>=Ie zapHfdoh6yp$I(&4QTxV^KmPbL37O!#47(b>3#NH{_Vnq~Wq$mhlo2u! z!9y$wY)Fm$-8~XA%atov=J@K`b;Zq+Wl3G&YFzV@nI(ZG;bWI1Ly`}aH-BbYmaK@p zL@C04yUId-<`Xw8$$1fXe!yonH8ph}pPfF2&y=sq&%gcl+wUnwQuE;4P^s}9@~hLv z;TktmZZ{f@_ax+s&CSjCFJHb~K6UC8c3pLNnuT8BV|&<_dz1pH2waJK-Z+E_y8p#l z67kzPhlRX$^5n@a{yZhx+^RA8AKWXsNrF|dW%;*CC05cD`Pc*=B5ui)Sj?+eubOF#d@KSNaTk}g zMLu$Yi@1d}MLtr2i?{_%S|T4=PbNBXFd#?oi?{_4)a!|XbfcOMHxhxXneNZ^_yiHR zV4|vUJvYX$v{J>RCzDH4PpsIe=@jENH$FqQ?~{geQSSQO=*y3&E~-n|oX3z6Uk z=bWna+X9oDlk($<2;ASOM8-rW1`APPKi<-e+2~Blj}I+ybmsUQm69Xd0s(A_H5L>LzMaTayQ1wdoNSe005Lba~s-;EcsDCHf5q(I#j z)K}rn3+m7X&X=#@I1Naw2#&0Y-WF>ji~_7KVOkaHp5_?+@6dp#QG!+D(A?_ks+3d{ z5(TsLIf`R#(!Z%gPMi*)fwCyZKq^Nasp(r_TVO$_Lj>Ql3KC~EhFjgdi z`=d8EEG2piV`Xx3@}3dJDQXn&D{z1GW@;n|VMqLEf7LAtn4#oSEx45UZ!aIeNS1K7V5*dJC!Ii{gFr;{7a2*Bnd9oCs-yD9(3_ z#-X`h=Z6YhjX81jzT~}ytiW0{okUqpya}XN1ix-nPs5c~j>&Mp)A3p3+g7Dw0 z@?F(;3|Rx*5V1UdPN^EEV24p>k?UNzOWlpn?g$=WPYNe+7L%hQG^R?u;Tvkd;0<&F zP9H@S5Bi(ccdr?YyT+z;1kT@pb9$SFzHaN-lb|exrBsm8qynHi zeb$Xb9W8eR&Jo*uGd!{o)z}+Z{yKx)ElM7p8=9W6>*|e?aYDzta0K_rPQucCw&GAh zzR>K$O-t?Sjh4VU|2<>+Z{}CB4ArnKQuNl$6(NPlKHM{Q%Q_$45;%9yJH~@eOV_n5 zqPR8IH#pgcH_UwahYufI+-r++&N$aPajOVcrQ#B)Ln`keIb!U#EVmZ88*-8@6eeZX z1M9C~9KqL(Z3p*S;2r;MTLV)?E|&!Bqqy17WF2=!@Jqw#Ge`E) z3DPZro8{STu_&q`<&Y3Y+1AFUsbLI1@z1Ka#iI1B8!g!R9&ww})No7SW+#s=0(VL1 zN5#g*CT9h=^fuf{$s9#!gTTd}LrMc2k}ti%^|A zNeg_AMRw1B@awO?#<+)@{G6zygnB9t4M&68GvRlQ=Hz3jPqX&=_3I73;v)T-R8T7a z{`>Dozxd({>n6Bp23o5=2e_0hf#Nn%HApVeaCV}BzY!#ElOsotEb!e;N)YbOu8_sp zCh&`t9E<(Ltx+N$MtHTT#d`R>I^Qi&a#+{UG_g(KNq$%Ztx2ScaC$U24gTFh7Z^x# zy(E_`#u|aEoNiJA_hObmtJB~t(txOnRURdSWAosvl0^fol8oN#6puK?NlYH%Q zJ!zb)NZjXgDLJh1;Ql)Auqa&v#3{cd`60P6%bmsPG;wJ_MlhM$nk89}NnvrB{H#wc@~^lT+-1n!@}gDlFgK@aAM5#@2KSo9 zIc!n;j5EsDd{-^Z>Y4}DqOdjId``(^AsoK_vbD8!*DrLnAS~)D;)^tr|CO^jhbiY& zDwVQnvpGO*O``1V)vH%KCw=+lmk#Bx!tAKOlvQdk?u4tIzT!DF0@yO*iZN$ASDD7+ zkq=SM`Sj^iSE2!Bz*`+XzG5lTVG@pB9?+rDqo2##aUvtY?8R&a>6XCRhwrMZEC_jn zgY!jWyLF}2UG)v)0TH;6OLWO(g@+$4f%_Kl5rGT2#0<{dmifz~ge~BcBN`+O%NFIB zu!YoG0uNijM<@={)6;J#$Am4UW)7G2jP1PHlqLy7!FljpM{u)&Nk*F6TnN@PPH-tl zs3}}Y(V+IAsRhcW^}+vIqxNfTP(md99*!NhC$6zu*BjH2L)pI&n9Q z1^%#?`F0zHcenwL+43Hxk4JwM1iFLQ$or9I{YRiqIfnhWLx$@xS6k}{{L!OFp6SE) z@86%RvR+4y9H~+}vJK0E>Y8`3^VL^hp?n1Do{U@UdSWqpHX-UussNDgx<|MDT^bHN z2Wr3Epd91t!ECOqtaRqac2%}gy+1Ctx$_72Nkzr6fXK!lJYMs#gP*F@?wUtryN8kx zYL@+?x{e6G6T4IcK2*Pym{^wj-^-!`c6F!Pj*h4lD#GiLRGOu>QqI%`+&dgfzY z0%uXz`BLv5i^h^~i^l5#sq5b6s8+(VTC%3LT^2ymOrDQ%QnoJB%njYBx}C+9YlOd!n~t zv7bJD+Atpvs%+&M+ZD0^C3G|tU5Y34Dy0ZS$&u+c4UR``VRss+7Shoui+xu%C`jOI z#xFRy1dt`*LyjTz#Vm*e*&K@gnsJ`(!ro<1IGeKTD!WVI%5!^qKkqgr2t(+wE{ha? z`EO9Ng)WB$b}Q_);yBt*Gqwv`!vVN6XEw;5fUx45p7BSjIi1GV7wyrJWDd!3M=onT z4)9ty3E=<2dDOO0$5iLk1{DX_*j@-aA#jC<$;ruk9PVpsw|wBh0i?Y=vKVCnFv-|q zvAYu!6Ngf6SO%i9L&)eLV*g-UqcJMiu3fA4%ARQUg#7{bH|Q*J)vm|ZHy;+x4<4~>F`8@@W#-Oc62*no2uKa~?S$(qaC}4XO)(Bh6c^IMY+Uw@ z-XPL4g1&ExL~&v4aNfH%X!Hh=1TIlrNE2jE2KC;W$P2;Z8)Ifv4jw$1^eO{_5D4<# zaiTYfEN~UYI~f(;o>M(af-o|I^4?LSHyCIsZ(m*<8J7Db2qT1}b*FLwdM$&-eD`8v zkdrqzH{YK;dGZ5`d{!NDjvqh1@#@v9O%jBJQE9>dHV)0LuC5L=&V3KXz#PeirP{W) zx6gZ?SIA+T!f1ds;pqKLdv7)7Jy#UO43$6D!kd~5sMm)y88EGp;SNnSu> z@7}$OJuf!4z%dYuU&u}4g*f~7?;o~So=|Z7)}&M_RflQc#j+?Gzg0n1TF$a;y?pud zUnB?v!da6!U)H4d=+UF0=EcU!qL^UuP0mdstD>j0H922?URB8wgh;5Y$#cC7N!+Z7 zpV$^f1FOOUzhQRcBfTSjT!;#Sq)G{D%{1d?P5cZkaDc8;vtEbzabXb9TWR`k8n8RQ z7eje)6ZmewALrEJ9`@-T2|@@M221TC|1FRbWNVUGHL=754$huE`+pqC(T)F&I^>=? zbEfh0&p#Kb+L90vbj6dgN`>;>|49jwh(*z8KW^s7QEyyostA6tt|j@zos{o3NmSqf z-f3!Ts;kk-okB}8v{ulljLDL}QJIwQHc4FIfFt=j-*xI)qXB_dvWQ&p526CxnKL&E zaf3uXxCu8d*SV32O;;T%W8EM2>C2m&n=Hgt1fxd_gR~a6x3_Q0Ed6|eA+I|-I}5&*K$_^pdHC>QYKwWL zDsV76JL_;){xd8(tB;`+1s}U4lP2;(P-7BfOZax<$&)ARlp-VPsviV&(PA8eIY0|< z)Td9Mo?p3gWsZbQgK1`JCXSk)-k~m~e;2_AC1BvG8 zq9&Nvc(ZE(1Z7EXjA}&SFr<Z&*OCpiPog72v#t& zMc5ka1g?S5Ibyp(jZuvfd!0Y@W!uEAMg95n=StZBPZoIWepoAT6J%XDs$WMhXxKSA zvU3z$-nVbxdfq%c?8nECA1nNSUc_!lq}Jpv-4~Za2wbD1I^WQF(X(D6##iup5d0d% zpM{~HCg@>gLAxyIa~!1+t^3t~^l-B|S_e@mftwgsYg_SH2 z=|?IS6`38pMu?eT!wkgSCqipHYDa6Y2+=x-!V26(M|NdnTs{AK8cmP7n^u#L6ZQEdRP$%!ar4W0{En)=?od+QG#JouFg zjtD$}YuBz_M5Ls@qWd5s8z=ZuAtQt+y`#aMM9R7Y?j+!$kxyBrmm^4Spku?;PYwL))jO22r$Wf!q*<5DHA-Ois%w>m8 z)+5hx$&*@y3CA^;aL#DCjz&vpY&6@B{((Nv^SyuW?2e9pN;AqEft0HB^8 zuD-iU{fa%`?Q*A6#K5lXC3@hm0|3(dE5JvNMb*1Y@Vc+N3s5%%Ti!J)mz}ZB0ML-H zz7wGe0IDZFU7c|xaAitybKHKP+FD<$RFPm*4AHO*9|LixeVr3@o&@d^p_=M*n*pI| zAT0q)ecSuuIhFcUFLBN`Wm;>koxmOSFc`RKrMcVi&B^J0Z5ZaI@hN3{X#kzJDT1bS z_W18fr+Xn~@*UjLzX*V#t54LU3CzJ0kiu(Gp zOfiwBZB^^HmE7qHoriBX65g&G&Hi4R2fj-ACs^M3aT%&nKJi6U((kmU3q=Xip zVYbZ)Edz8_V6@hIA`&KmIGs^nxbVU3a68#hL9DA{;cL=q0y7=Ik+dBlXCb~s?&G(= zzh$TFWoh;PQe2DA>RNr06Q3+JR3(*MoFRx^voIsWahTw(6QT@;a1#qD%}TAcvc~j8 znXv0)t)q(i=c0yNKP0B&1C>x4Hq}ee5<@H>z^7=|#YB%5BvV?s0L~tnWx5P=TlZ=HWVnk==kFp!t@o0?hyK{CQ49kb_Se|SE#iAQCbF^6%fODO7V*VOw8A7EoY%>_Fr&ws z3FU&7?$jVnP6+>6--ubcq)A9UZ+iM{GD|P0Uz{Hws@4^ov{#(=@rCedKZ>Msmpe$? z)NM?NuVZAeNo_Bk)N&7iHJj9?kZm)&=7paV z9IXY>@rh)r{p}aI0V;U-v3aZF%*>snMc^6hS}i0vf2H6~QZ8^z^CV*A(<_NQ z5F^K22F9@rCR+uuxc#1QQjww~LBXs%?T;K%cx$x0mtQZIh+l&eus)&+s zl-;uo!)$Yb;0mHn5`=#A`8wK|hV#mhA}d4v0BzP7HqB(_zGI$CIp0EA9fZHJ7Rfla z=g%@>lXDh+!>4-1%d@VqKOkEbqmzZuJew13BQU@w%v+UJ&bB&~pVV*vksAZ08ZBm1 z@W)45;5T}2ULxmX!P#g$kEDh0R_&^IX_~T-(u%z=JlnC%{>dn^$j}FN>&RGRgnys< zO4x+05;DFP`G(`k{Ai?8Rb)8o%)MuxSsNn2S!v2(PMdz~310s-m!XE)C43o;-Y$yc z1taRKr1p$@FRX2JoeCHa3@OAL1x?eZx*8jKcvxelga;R$*~;42F~fyP{jD( z_O+vWE58Tw;@`r3WCxTr7@2H`+}GPKbgZ zBR+d;{0jG=z-K1#j_4|>{-M2Ai*w-U&3$%CZzVWZ(c+6MpdFGsJolAJy|M8NhPXGV_ literal 0 HcmV?d00001 diff --git a/src/components/BuildPage/Solve.jsx b/src/components/BuildPage/Solve.jsx index 2e168d7..e84d16f 100644 --- a/src/components/BuildPage/Solve.jsx +++ b/src/components/BuildPage/Solve.jsx @@ -28,10 +28,7 @@ const items = [ id: 1, img: image1, title: "DeFi Apps", - content: `Use Rubix to develop DeFi apps with improved payment processing, - money transfers, record keeping, and compliance reporting.
-
- Use Rubix to develop a variety of DeFi apps. + content: `Use Rubix to develop a variety of DeFi apps. Rubix can also help you with improving payment processing, money transfers, record keeping, and compliance reporting.`, }, @@ -40,9 +37,6 @@ const items = [ img: token, title: "Tokenization", content: `Rubix allows you to build ultra-scalable, interoperable, - and permissioned networks across industries at low or no cost, without any intermediaries.
-
- Rubix allows you to build ultra-scalable, interoperable, and permissioned networks to build asset tokenization use cases across industries at low or no cost, without any intermediaries. `, @@ -51,11 +45,7 @@ const items = [ id: 3, img: collab, title: "Data Collaboration", - content: `Rubix in tandem with the right privacy-enhancing tools, - can help organisations build trustless and permissionless data collaboration use cases.
-
- - Rubix in tandem with the right privacy-enhancing tools, can help organisations build trustless and permissionless data collaboration use cases. + content: `Rubix in tandem with the right privacy-enhancing tools, can help organisations build trustless and permissionless data collaboration use cases. The plethora of use cases could range from simple insight sharing to running acquisition campaigns on second-party data or non-competing brands building federated learning-based look-alike models without sharing PII data with each other.`, }, @@ -91,9 +81,9 @@ const Solve = () => { const handleToggle = (index) => { setExpandedCardIndex((prevIndex) => (prevIndex === index ? null : index)); setCollapseStates((prevStates) => { - const updatedStates = [...prevStates]; // Create a copy of previous states - updatedStates[index] = !updatedStates[index]; // Toggle the state of the clicked card - return updatedStates; // Return the updated states + const updatedStates = [...prevStates]; + updatedStates[index] = !updatedStates[index]; + return updatedStates; }); }; diff --git a/src/components/Card/CommCard.jsx b/src/components/Card/CommCard.jsx index 33f5c26..b01b4ac 100644 --- a/src/components/Card/CommCard.jsx +++ b/src/components/Card/CommCard.jsx @@ -4,6 +4,7 @@ import { Text, SimpleGrid, Card, Image, Box, Flex } from "@chakra-ui/react"; // import map from "../../assets/images/map-pin.png"; import linkedin from "../../assets/images/linkedin.png"; import games from "../../assets/images/discot.png"; +import { Link } from "react-router-dom"; const CommCard = ({ id, imageUrl, name, jobTitle, description, location }) => { return ( @@ -14,23 +15,24 @@ const CommCard = ({ id, imageUrl, name, jobTitle, description, location }) => { backgroundRepeat={"no-repeat"} > - - + { position: "absolute", bottom: 0, left: "15px", - height: "62%", + height: "84%", width: "100%", borderLeft: "1px solid #ffffff70", }} > - - + + + + {/* */} {/* { }} > { fontSize={"38px"} color={"#fff"} marginBottom={"3rem"} + textAlign={"center"} sx={{ "@media (max-width: 500px)": { fontSize: "22px", diff --git a/src/components/Community/Place.jsx b/src/components/Community/Place.jsx index fafbb28..bddde97 100644 --- a/src/components/Community/Place.jsx +++ b/src/components/Community/Place.jsx @@ -76,6 +76,7 @@ const Place = () => { fontSize={"38px"} textTransform={"capitalize"} color={"#fff"} + textAlign={"center"} sx={{ "@media (max-width: 500px)": { fontSize: "22px", diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx index bcd9cbd..d8ee21c 100644 --- a/src/components/Contact/Form.jsx +++ b/src/components/Contact/Form.jsx @@ -24,7 +24,7 @@ import { } from "@chakra-ui/react"; import BGimage from "../../assets/images/form.webp"; import formx from "../../assets/images/formx.png"; -import formfb from "../../assets/images/formfb.png"; +import discord from "../../assets/images/contactDiscord.png"; import forml from "../../assets/images/forml.png"; import { Link } from "react-router-dom"; import ReCAPTCHA from "react-google-recaptcha"; @@ -191,19 +191,22 @@ const Contact = () => { marginTop={"20px"} gap={"2rem"} > - + - - - - + + + + - + {/* { 914 578 1245 - + */} {/* Form */} @@ -437,9 +440,9 @@ const Contact = () => { required: true, })} /> - {errors.Email && ( + {errors.email && (

- {errors.Email.message} + {errors.email.message}

)} @@ -483,9 +486,9 @@ const Contact = () => { required: true, })} /> - {errors.Phone && ( + {errors.phone && (

- {errors.Phone.message} + {errors.phone.message}

)} @@ -533,9 +536,9 @@ const Contact = () => { )} /> - {errors.selectOption && ( + {errors.typeofenquiry && (

- {errors.selectOption.message} + {errors.typeofenquiry.message}

)} diff --git a/src/components/HomePage/Resources.jsx b/src/components/HomePage/Resources.jsx index 6395b1c..67cffc2 100644 --- a/src/components/HomePage/Resources.jsx +++ b/src/components/HomePage/Resources.jsx @@ -10,10 +10,10 @@ const content = [ link: `bring-your-own-blockspace`, }, { - id: 2, - date: `Published: December 30, 2021`, - text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`, - link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`, + id: 5, + date: `Published: January 28, 2022`, + text: `Enterprise blockchains on a Public Chain!`, + link: `enterprise-blockchains-on-a-public-chain`, }, { id: 3, @@ -27,18 +27,19 @@ const content = [ text: `Securing wallet to wallet transfers across the network: Rubix solved it differently`, link: `securing-wallet-to-wallet-transfers-across-the-network-rubix-solved-it-differently`, }, - { - id: 5, - date: `Published: January 28, 2022`, - text: `Enterprise blockchains on a Public Chain!`, - link: `enterprise-blockchains-on-a-public-chain`, - }, + { id: 6, date: `Published: January 12, 2022`, text: `Multichain over Blockchain — A reality check on security threat`, link: `multichain-over-blockchain-a-reality-check-on-security-threat`, }, + { + id: 2, + date: `Published: December 30, 2021`, + text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`, + link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`, + }, // { // id: 7, // date: `Published: January 12, 2022`, @@ -103,7 +104,7 @@ const Resources = () => { {content.map((item) => ( diff --git a/src/components/HomePage/Stats.jsx b/src/components/HomePage/Stats.jsx index f1d1b54..1e21652 100644 --- a/src/components/HomePage/Stats.jsx +++ b/src/components/HomePage/Stats.jsx @@ -178,7 +178,7 @@ const Stats = () => { {inView && ( { {inView && ( { {inView && ( { return ( @@ -21,7 +22,7 @@ const GetStarted = () => { { }, }} > - Rubix allows developers to build on a fast, secure, and scalable chain - that has a unique approach to data sharing, objects. + 4 easy steps to quickly launch your dAPP @@ -88,7 +88,7 @@ const GetStarted = () => { }} > - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} - { }, "@media (max-width: 375px)": {}, }} - /> + /> */} { { }, }} > - - Start by reading our whitepaper + Step 1 - Start by reading our whitepaper + + Click here to download + + + + + Step 2 - Install a Rubix node on your laptop + + + Step 3 - Migrate your current use case or process to Rubix { }, }} > - - Install a Rubix node on your laptop - - - - Migrate your current use case or process to Rubix - - - - Design your first dApp + Step 4 - Design your first dApp diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx index 37c51a2..4974913 100644 --- a/src/components/NavBar/NavBar.jsx +++ b/src/components/NavBar/NavBar.jsx @@ -251,11 +251,11 @@ const NavBar = () => { target="_blank" rel="noopener noreferrer" className="link" - style={ - location.pathname === "/LearnPage" - ? highlight - : normal - } + // style={ + // location.pathname === "/LearnPage" + // ? highlight + // : normal + // } > { target="_blank" rel="noopener noreferrer" className="link" - style={ - location.pathname === "/LearnPage" - ? highlight - : normal - } + // style={ + // location.pathname === "/LearnPage" + // ? highlight + // : normal + // } > { target="_blank" rel="noopener noreferrer" className="link" - style={ - location.pathname === "/LearnPage" - ? highlight - : normal - } + // style={ + // location.pathname === "/LearnPage" + // ? highlight + // : normal + // } > { */} - + {/* - {/* */} - + /> + */} { - const firstBoxRef = useRef(null); - const secondBoxRef = useRef(null); - const thirdBoxRef = useRef(null); - const mainBox = useRef(null); + // const firstBoxRef = useRef(null); + // const secondBoxRef = useRef(null); + // const thirdBoxRef = useRef(null); + // const mainBox = useRef(null); useEffect(() => { // gsap.set(firstBoxRef.current, { opacity: 1 }); - let tl = gsap - .timeline({ - scrollTrigger: { - trigger: mainBox.current, - start: "top top", - scrub: 1, - pin: true, - end: "bottom bottom-=500vh", - markers: false, - }, - }) - .fromTo(firstBoxRef.current, { opacity: 1 }, { opacity: 0 }) - .fromTo(secondBoxRef.current, { opacity: 0 }, { opacity: 1 }) - .fromTo(secondBoxRef.current, { opacity: 1 }, { opacity: 0 }) - .fromTo(thirdBoxRef.current, { opacity: 0 }, { opacity: 1 }); + // let tl = gsap + // .timeline({ + // scrollTrigger: { + // trigger: mainBox.current, + // start: "top top", + // scrub: 1, + // pin: true, + // end: "bottom bottom-=500vh", + // markers: false, + // }, + // }) + // .fromTo(firstBoxRef.current, { opacity: 1 }, { opacity: 0 }) + // .fromTo(secondBoxRef.current, { opacity: 0 }, { opacity: 1 }) + // .fromTo(secondBoxRef.current, { opacity: 1 }, { opacity: 0 }) + // .fromTo(thirdBoxRef.current, { opacity: 0 }, { opacity: 1 }); // .fromTo( // firstBoxRef.current, @@ -65,7 +66,7 @@ export const NewSubnetComp = () => { // ); return () => { - tl.kill(); + // tl.kill(); }; }, []); @@ -77,18 +78,18 @@ export const NewSubnetComp = () => { }} > { textAlign={"center"} height={"100vh"} display={"grid"} + // p={10} + paddingTop={"10rem"} alignContent={"center"} > { }, }} > - {SubnetContent.heading} + decentralised Auto Syncing subnets { width={"100%"} padding={"0 5rem"} paddingBottom={"2rem"} - ref={secondBoxRef} - position={"absolute"} - top={"0"} - left={"0"} + // ref={secondBoxRef} + // position={"absolute"} + // top={"0"} + // left={"0"} display={"grid"} placeContent={"center"} > { width={"100%"} padding={"2rem"} // paddingBottom={"2rem"} - ref={thirdBoxRef} - position={"absolute"} - top={"0"} - left={"0"} + // ref={thirdBoxRef} + // position={"absolute"} + // top={"0"} + // left={"0"} display={"grid"} placeContent={"center"} >