11import Breadcrumb from "@/components/Common/Breadcrumb" ;
2-
32import { Metadata } from "next" ;
43
54export const metadata : Metadata = {
@@ -15,70 +14,99 @@ const Sponsors = () => {
1514 pageName = "Our Sponsors"
1615 description = "We are grateful for the support of our sponsors since their generosity helps us to continue to compete in FTC (FIRST Tech Challenge) and provide students with hands-on experience using robotics and engineering."
1716 />
18- < section className = "pb-[120px ] pt-[120px ]" >
17+ < section className = "pb-[40px ] pt-[10px ]" >
1918 < div className = "container" >
2019 < div className = "-mx-4 flex flex-wrap justify-center" >
21- < div className = "list min-w-80" >
22- < li className = "gssm mt-5 flex justify-center gap-20 flex-wrap" >
23- < div className = "gssm w-64 invert brightness-0 rounded-lg" >
20+ < div className = "list min-w-80 w-full" >
21+ < li className = "gssm mt-5 mb-12 grid w-full grid-cols-1 justify-items-center gap-12 sm:grid-cols-2 xl:grid-cols-3" >
22+
23+
24+ { /* Platinum Sponsors */ }
25+ < div className = "foundation h-[18rem] w-full max-w-[32rem] invert brightness-0 rounded-lg flex items-center p-6" >
26+ < a href = "https://www.duke-energy.com/home" target = "_blank" >
27+ < img
28+ src = "/images/brands/dukeEnergy.png"
29+ className = "h-full w-full rounded-xl invert brightness-0 object-contain"
30+ />
31+ </ a >
32+ </ div >
33+
34+ < div className = "gssm h-[18rem] w-full max-w-[32rem] invert brightness-0 rounded-lg flex items-center p-6" >
2435 < a href = "https://www.scgssm.org" target = "_blank" >
2536 < img
26- src = "/images/brands/gssm.png"
27- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
37+ src = "/images/brands/gssm.png"
38+ className = "h-full w-full rounded-xl invert brightness-0 object-contain"
39+ />
40+ </ a >
41+ </ div >
42+
43+ < div className = "foundation h-[18rem] w-full max-w-[32rem] invert brightness-0 rounded-lg flex items-center p-6" >
44+ < a href = "https://www.uscb.edu/academics/honors/index.html" target = "_blank" >
45+ < img
46+ src = "/images/brands/USCBH.png"
47+ className = "h-full w-full rounded-l invert brightness-0 object-contain"
48+ />
2849 </ a >
2950 </ div >
51+ </ li >
52+
53+ < li className = "gssm mt-5 flex justify-center gap-20 flex-wrap" >
54+
55+
56+ { /* Everyone Else */ }
3057 < div className = "foundation w-64 invert brightness-0 rounded-lg" >
3158 < a href = "https://www.scgssm.org/who-we-are/gssm-foundation" target = "_blank" >
3259 < img
33- src = "/images/brands/foundation.png"
34- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
60+ src = "/images/brands/foundation.png"
61+ className = "h-32 rounded-xl invert brightness-0 px-5 py-4"
62+ />
3563 </ a >
3664 </ div >
65+
3766 < div className = "scadmin w-64 invert brightness-0 rounded-lg" >
3867 < a href = "https://www.admin.sc.gov/" target = "_blank" >
3968 < img
40- src = "/images/brands/scadmin.png"
41- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
69+ src = "/images/brands/scadmin.png"
70+ className = "h-32 rounded-xl invert brightness-0 px-5 py-4"
71+ />
4272 </ a >
43-
44-
4573 </ div >
74+
4675 < div className = "sarjilaw w-64 invert brightness-0 rounded-lg" >
4776 < a href = "https://sarjilawfirm.com" target = "_blank" >
4877 < img
49- src = "/images/brands/sarjilaw.png"
50- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
78+ src = "/images/brands/sarjilaw.png"
79+ className = "h-32 rounded-xl invert brightness-0 px-5 py-4"
80+ />
5181 </ a >
5282 </ div >
83+
5384 < div className = "andersonbrass w-64 invert brightness-0 rounded-lg" >
5485 < a href = "https://www.andersonbrass.com/products" target = "_blank" >
5586 < img
56- src = "/images/brands/andersonbrass.png"
57- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
87+ src = "/images/brands/andersonbrass.png"
88+ className = "h-32 rounded-xl invert brightness-0 px-5 py-4"
89+ />
5890 </ a >
5991 </ div >
6092
6193 < div className = "isi w-64 invert brightness-0 rounded-lg" >
6294 < a href = "https://isirobots.com/" target = "_blank" >
6395 < img
64- src = "/images/brands/isi.png"
65- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
66- </ a >
67- </ div >
68- < div className = "foundation w-64 invert brightness-0 rounded-lg" >
69- < a href = "https://www.duke-energy.com/home" target = "_blank" >
70- < img
71- src = "/images/brands/dukeEnergy.png"
72- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
96+ src = "/images/brands/isi.png"
97+ className = "h-32 rounded-xl invert brightness-0 px-5 py-4"
98+ />
7399 </ a >
74100 </ div >
101+
75102 < div className = "goldendragon w-64 invert brightness-0 rounded-lg" >
76- < a href = "https://www.goldendragon2hartsville.com/" target = "_blank" >
77- < img
78- src = "/images/brands/gdlogo.png"
79- className = "h-32 rounded-xl invert brightness-0 px-5 py-4" />
80- </ a >
81- </ div >
103+ < a href = "https://www.goldendragon2hartsville.com/" target = "_blank" >
104+ < img
105+ src = "/images/brands/gdlogo.png"
106+ className = "h-32 rounded-xl invert brightness-0 px-5 py-4"
107+ />
108+ </ a >
109+ </ div >
82110
83111 </ li >
84112 </ div >
0 commit comments