Skip to content

Commit 2728f64

Browse files
Adityakumar37Adityakumar37
committed
added hover effect
1 parent 07611b3 commit 2728f64

File tree

1 file changed

+42
-22
lines changed

1 file changed

+42
-22
lines changed

‎pages/index.page.tsx‎

Lines changed: 42 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -637,7 +637,9 @@ const Home = (props: any) => {
637637
href='https://opencollective.com/json-schema/contribute/golden-sponsor-68354/checkout?interval=month&amount=1000&name=&legalName=&email='
638638
target='_blank'
639639
rel='noreferrer'
640-
className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
640+
className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
641+
642+
641643
>
642644
<svg
643645
xmlns='http://www.w3.org/2000/svg'
@@ -662,7 +664,8 @@ const Home = (props: any) => {
662664
href='https://opencollective.com/json-schema/contribute/silver-sponsor-68353/checkout?interval=month&amount=500&name=&legalName=&email='
663665
target='_blank'
664666
rel='noreferrer'
665-
className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
667+
className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
668+
666669
>
667670
<svg
668671
xmlns='http://www.w3.org/2000/svg'
@@ -693,7 +696,8 @@ const Home = (props: any) => {
693696
<>
694697
<Image
695698
src={asyncapi_logo}
696-
className=' w-44'
699+
className='w-44 transition-transform duration-300 hover:scale-105'
700+
697701
width={176}
698702
height={100}
699703
alt='asyncapi'
@@ -710,7 +714,8 @@ const Home = (props: any) => {
710714
<>
711715
<Image
712716
src={airbnb_logo}
713-
className=' w-44'
717+
className='w-44 transition-transform duration-300 hover:scale-105'
718+
714719
width={176}
715720
height={100}
716721
alt='airbnb'
@@ -727,7 +732,8 @@ const Home = (props: any) => {
727732
<>
728733
<Image
729734
src={postman_logo}
730-
className=' w-44'
735+
className='w-44 transition-transform duration-300 hover:scale-105'
736+
731737
width={176}
732738
height={100}
733739
alt='postman'
@@ -740,7 +746,8 @@ const Home = (props: any) => {
740746
<>
741747
<Image
742748
src={endjin_logo}
743-
className=' w-44'
749+
className='w-44 transition-transform duration-300 hover:scale-105'
750+
744751
width={176}
745752
height={100}
746753
alt='endjin'
@@ -753,7 +760,8 @@ const Home = (props: any) => {
753760
<>
754761
<Image
755762
src={llc_logo}
756-
className=' w-44'
763+
className='w-44 transition-transform duration-300 hover:scale-105'
764+
757765
width={176}
758766
height={100}
759767
alt='llc'
@@ -770,7 +778,8 @@ const Home = (props: any) => {
770778
<>
771779
<Image
772780
src={vpsserver_logo}
773-
className=' w-44'
781+
className='w-44 transition-transform duration-300 hover:scale-105'
782+
774783
width={176}
775784
height={100}
776785
alt='vpsserver'
@@ -787,7 +796,8 @@ const Home = (props: any) => {
787796
<>
788797
<Image
789798
src={itflashcards_logo}
790-
className=' w-44'
799+
className='w-44 transition-transform duration-300 hover:scale-105'
800+
791801
width={176}
792802
height={100}
793803
alt='itflashcards'
@@ -804,7 +814,8 @@ const Home = (props: any) => {
804814
<>
805815
<Image
806816
src={route4me_logo}
807-
className=' w-44'
817+
className='w-44 transition-transform duration-300 hover:scale-105'
818+
808819
width={176}
809820
height={100}
810821
alt='route4me'
@@ -817,7 +828,7 @@ const Home = (props: any) => {
817828
<>
818829
<Image
819830
src={n8n_logo}
820-
className=' w-44'
831+
className='w-44 transition-transform duration-300 hover:scale-105'
821832
width={176}
822833
height={100}
823834
alt='n8n'
@@ -830,7 +841,7 @@ const Home = (props: any) => {
830841
<>
831842
<Image
832843
src={ccopter_logo}
833-
className=' w-44'
844+
className='w-44 transition-transform duration-300 hover:scale-105'
834845
width={176}
835846
height={100}
836847
alt='ccopter'
@@ -839,7 +850,8 @@ const Home = (props: any) => {
839850
)}
840851
</a>
841852
<a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
842-
<img src={octue_logo} className=' w-44' />
853+
<img src={octue_logo} className='w-44 transition-transform duration-300 hover:scale-105'
854+
/>
843855
</a>
844856
<a
845857
href='https://www.apideck.com/'
@@ -848,7 +860,8 @@ const Home = (props: any) => {
848860
>
849861
<img
850862
src={apideck_logo}
851-
className=' w-44'
863+
className='w-44 transition-transform duration-300 hover:scale-105'
864+
852865
alt='The Realtime Unified API
853866
for Accounting integrations'
854867
/>
@@ -860,7 +873,8 @@ for Accounting integrations'
860873
>
861874
<img
862875
src={rxdb_logo}
863-
className=' w-44'
876+
className='w-44 transition-transform duration-300 hover:scale-105'
877+
864878
alt='The local Database for JavaScript Applications'
865879
/>
866880
</a>
@@ -871,7 +885,8 @@ for Accounting integrations'
871885
>
872886
<img
873887
src={wda_logo}
874-
className=' w-44'
888+
className='w-44 transition-transform duration-300 hover:scale-105'
889+
875890
alt='best website design agencies'
876891
/>
877892
</a>
@@ -882,19 +897,22 @@ for Accounting integrations'
882897
>
883898
<img
884899
src={anon_logo}
885-
className=' w-44'
900+
className='w-44 transition-transform duration-300 hover:scale-105'
901+
886902
alt='Instagram Story Viewer'
887903
/>
888904
</a>
889905
<a href='https://supadata.ai/' target='_blank' rel='noreferrer'>
890906
<img
891907
src={supadata_logo}
892-
className=' w-44'
908+
className='w-44 transition-transform duration-300 hover:scale-105'
909+
893910
alt='supadata logo'
894911
/>
895912
</a>
896913
<a href='https://dottxt.ai/' target='_blank' rel='noreferrer'>
897-
<img src={dottxt_logo} className=' w-44' alt='dottxt logo' />
914+
<img src={dottxt_logo} className='w-44 transition-transform duration-300 hover:scale-105'
915+
alt='dottxt logo' />
898916
</a>
899917
<a
900918
href='https://www.sourcemeta.com/'
@@ -903,15 +921,16 @@ for Accounting integrations'
903921
>
904922
<img
905923
src={sourcemeta_logo}
906-
className=' w-44'
924+
className='w-44 transition-transform duration-300 hover:scale-105'
925+
907926
alt='dottxt logo'
908927
/>
909928
</a>
910929
<a
911930
href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
912931
target='_blank'
913932
rel='noreferrer'
914-
className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
933+
className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
915934
>
916935
<svg
917936
xmlns='http://www.w3.org/2000/svg'
@@ -953,7 +972,8 @@ for Accounting integrations'
953972
<>
954973
<Image
955974
src={devevents_logo}
956-
className='w-48 md:w-56'
975+
className='w-48 md:w-56 transition-transform duration-300 hover:scale-105'
976+
957977
width={192}
958978
height={224}
959979
alt='dev events'

0 commit comments

Comments
 (0)