|
| 1 | +import{diamondLinks,goldLinks,silverLinks}from'../../public/data/data'; |
| 2 | +//import '/styles/sponsorLinks.module.css'; |
| 3 | +constlogostyle='h-14'; |
| 4 | +constlogodiv='block gap-y-8 h-14'; |
| 5 | +constbackground='rgba(57, 119, 248, 0.6)'; |
| 6 | +// const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16'; |
| 7 | + |
| 8 | +functionSponsorLinks(){ |
| 9 | +return( |
| 10 | +<divclassName="flex justify-center items-center my-20"> |
| 11 | +<divclassName="w-100 flex flex-col gap-16"> |
| 12 | +<div |
| 13 | +style={{backgroundColor:`${background}`}} |
| 14 | +className="flex flex-wrap rounded-[1rem] pl-14 py-14 gap-16 items-center" |
| 15 | +> |
| 16 | +<h2className="text-4xl font-black">Diamond Sponsors</h2> |
| 17 | +{diamondLinks.map((item,index)=>{ |
| 18 | +return( |
| 19 | +<akey={index}className={`${logodiv}`}href={item.href}> |
| 20 | +<imgclassName={`${logostyle}`}src={item.svg}alt={item.alt}/> |
| 21 | +</a> |
| 22 | +); |
| 23 | +})} |
| 24 | +</div> |
| 25 | +<div |
| 26 | +style={{backgroundColor:`${background}`}} |
| 27 | +className="flex flex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center" |
| 28 | +> |
| 29 | +<h2className="text-4xl font-black">Gold Sponsors</h2> |
| 30 | +{goldLinks.map((item,index)=>{ |
| 31 | +return( |
| 32 | +<akey={index}className=""href={item.href}> |
| 33 | +<imgclassName="h-6"src={item.svg}alt={item.alt}/> |
| 34 | +</a> |
| 35 | +); |
| 36 | +})} |
| 37 | +</div> |
| 38 | +<div |
| 39 | +style={{backgroundColor:`${background}`}} |
| 40 | +className="flex flex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center" |
| 41 | +> |
| 42 | +<h2className="text-4xl font-black">Silver Sponsors</h2> |
| 43 | +{silverLinks.map((item,index)=>{ |
| 44 | +return( |
| 45 | +<akey={index}className="h-14"href={item.href}> |
| 46 | +<imgclassName="h-8"src={item.svg}alt={item.alt}/> |
| 47 | +</a> |
| 48 | +); |
| 49 | +})} |
| 50 | +</div> |
| 51 | +</div> |
| 52 | +</div> |
| 53 | +); |
| 54 | +} |
| 55 | + |
| 56 | +exportdefaultSponsorLinks; |