@@ -2,17 +2,16 @@ import { diamondLinks, goldLinks, silverLinks } from '../../public/data/data';
22//import '/styles/sponsorLinks.module.css';
33const logostyle = 'h-14' ;
44const logodiv = 'block gap-y-8 h-14' ;
5- const background =
6- 'radial-gradient(50% 50% at 50% 50%, rgba(235, 1, 255, 0.6) 0%, rgba(121, 73, 255, 0.6) 48.96%, rgba(57, 119, 248, 0.6) 100%)' ;
5+ const background = 'rgba(57, 119, 248, 0.6)' ;
76// const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16';
87
98function SponsorLinks ( ) {
109return (
1110< div className = "flex justify-center items-center my-20" >
1211< div className = "w-100 flex flex-col gap-16" >
1312< div
14- style = { { backgroundImage :`${ background } ` } }
15- className = "flex rounded-[1rem] pl-14 py-14 gap-16 items-center"
13+ style = { { backgroundColor :`${ background } ` } }
14+ className = "flexflex-wrap rounded-[1rem] pl-14 py-14 gap-16 items-center"
1615>
1716< h2 className = "text-4xl font-black" > Diamond Sponsors</ h2 >
1817{ diamondLinks . map ( ( item , index ) => {
@@ -24,23 +23,21 @@ function SponsorLinks() {
2423} ) }
2524</ div >
2625< div
27- style = { { backgroundImage :`${ background } ` } }
28- className = "flex rounded-[1rem] px-14 py-14"
26+ style = { { backgroundColor :`${ background } ` } }
27+ className = "flexflex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center "
2928>
30- < h2 className = "text-4xl font-black pr-16" > Gold Sponsors</ h2 >
31- < div className = "grid grid-cols-5 gap-16 items-center" >
32- { goldLinks . map ( ( item , index ) => {
33- return (
34- < a key = { index } className = "" href = { item . href } >
35- < img className = "h-6" src = { item . svg } alt = { item . alt } />
36- </ a >
37- ) ;
38- } ) }
39- </ div >
29+ < h2 className = "text-4xl font-black" > Gold Sponsors</ h2 >
30+ { goldLinks . map ( ( item , index ) => {
31+ return (
32+ < a key = { index } className = "" href = { item . href } >
33+ < img className = "h-6" src = { item . svg } alt = { item . alt } />
34+ </ a >
35+ ) ;
36+ } ) }
4037</ div >
4138< div
42- style = { { backgroundImage :`${ background } ` } }
43- className = "grid grid-cols-5 rounded-[1rem]pl -14 py-14 gap-16 items-center"
39+ style = { { backgroundColor :`${ background } ` } }
40+ className = "flex flex-wrap rounded-[1rem]px -14 py-14 gap-16 items-center"
4441>
4542< h2 className = "text-4xl font-black" > Silver Sponsors</ h2 >
4643{ silverLinks . map ( ( item , index ) => {