11import { InfiniteSlider } from "@/components/InfiniteSlider" ;
2+ import agree from "@/public/img/sponsors/agree.png" ;
3+ import atuin from "@/public/img/sponsors/atuin.png" ;
4+ import capitolDark from "@/public/img/sponsors/capitolDark.svg" ;
5+ import capitolLight from "@/public/img/sponsors/capitolLight.svg" ;
6+ import cella from "@/public/img/sponsors/cella.png" ;
7+ import deepOrigin from "@/public/img/sponsors/deepOrigin.svg" ;
8+ import dinumDark from "@/public/img/sponsors/dinumDark.svg" ;
9+ import dinumLight from "@/public/img/sponsors/dinumLight.svg" ;
10+ import illumi from "@/public/img/sponsors/illumi.png" ;
11+ import juma from "@/public/img/sponsors/juma.svg" ;
12+ import nlnetDark from "@/public/img/sponsors/nlnetDark.svg" ;
13+ import nlnetLight from "@/public/img/sponsors/nlnetLight.svg" ;
14+ import openproject from "@/public/img/sponsors/openproject.svg" ;
15+ import twentyDark from "@/public/img/sponsors/twentyDark.png" ;
16+ import twentyLight from "@/public/img/sponsors/twentyLight.png" ;
17+ import zendis from "@/public/img/sponsors/zendis.svg" ;
18+ import Image from "next/image" ;
219
320const sponsors = [
421 // {
522 // name: "Semrush",
6- // logo: (
7- // <>
8- // <img
9- // src="/img/sponsors/semrush.light.png"
10- // alt="Semrush"
11- // className="h-8 dark:hidden"
12- // />
13- // <img
14- // src="/img/sponsors/semrush.dark.png"
15- // alt="Semrush"
16- // className="hidden h-8 dark:block"
17- // />
18- // </>
19- // ),
23+ // logo: ( ... )
2024 // },
2125 {
2226 name : "NLnet" ,
2327 logo : (
2428 < >
25- < img
26- src = "/img/sponsors/ nlnetLight.svg"
29+ < Image
30+ src = { nlnetLight }
2731 alt = "NLnet"
28- className = "h-9 dark:hidden"
32+ className = "h-9 w-auto dark:hidden"
2933 />
30- < img
31- src = "/img/sponsors/ nlnetDark.svg"
34+ < Image
35+ src = { nlnetDark }
3236 alt = "NLnet"
33- className = "hidden h-9 dark:block"
37+ className = "hidden h-9 w-auto dark:block"
3438 />
3539 </ >
3640 ) ,
@@ -39,63 +43,44 @@ const sponsors = [
3943 name : "DINUM" ,
4044 logo : (
4145 < >
42- < img
43- src = "/img/sponsors/ dinumLight.svg"
46+ < Image
47+ src = { dinumLight }
4448 alt = "DINUM"
45- className = "h-8 dark:hidden"
49+ className = "h-8 w-auto dark:hidden"
4650 />
47- < img
48- src = "/img/sponsors/ dinumDark.svg"
51+ < Image
52+ src = { dinumDark }
4953 alt = "DINUM"
50- className = "hidden h-8 dark:block"
54+ className = "hidden h-8 w-auto dark:block"
5155 />
5256 </ >
5357 ) ,
5458 } ,
5559 {
5660 name : "ZenDiS" ,
57- logo : < img src = "/img/sponsors/ zendis.svg" alt = "ZenDiS" className = "h-8" /> ,
61+ logo : < Image src = { zendis } alt = "ZenDiS" className = "h-8 w-auto " /> ,
5862 } ,
5963 {
6064 name : "OpenProject" ,
61- logo : (
62- < img
63- src = "/img/sponsors/openproject.svg"
64- alt = "OpenProject"
65- className = "h-8"
66- />
67- ) ,
65+ logo : < Image src = { openproject } alt = "OpenProject" className = "h-8 w-auto" /> ,
6866 } ,
6967 // {
7068 // name: "Poggio",
71- // logo: (
72- // <>
73- // <img
74- // src="/img/sponsors/poggioLight.svg"
75- // alt="Poggio"
76- // className="h-7 dark:hidden"
77- // />
78- // <img
79- // src="/img/sponsors/poggioDark.svg"
80- // alt="Poggio"
81- // className="hidden h-7 dark:block"
82- // />
83- // </>
84- // ),
69+ // logo: ( ... )
8570 // },
8671 {
8772 name : "Capitol" ,
8873 logo : (
8974 < >
90- < img
91- src = "/img/sponsors/ capitolLight.svg"
75+ < Image
76+ src = { capitolLight }
9277 alt = "Capitol"
93- className = "h-7 dark:hidden"
78+ className = "h-7 w-auto dark:hidden"
9479 />
95- < img
96- src = "/img/sponsors/ capitolDark.svg"
80+ < Image
81+ src = { capitolDark }
9782 alt = "Capitol"
98- className = "hidden h-7 dark:block"
83+ className = "hidden h-7 w-auto dark:block"
9984 />
10085 </ >
10186 ) ,
@@ -104,60 +89,54 @@ const sponsors = [
10489 name : "Twenty" ,
10590 logo : (
10691 < >
107- < img
108- src = "/img/sponsors/ twentyLight.png"
92+ < Image
93+ src = { twentyLight }
10994 alt = "Twenty"
110- className = "h-7 dark:hidden"
95+ className = "h-7 w-auto dark:hidden"
11196 />
112- < img
113- src = "/img/sponsors/ twentyDark.png"
97+ < Image
98+ src = { twentyDark }
11499 alt = "Twenty"
115- className = "hidden h-7 dark:block"
100+ className = "hidden h-7 w-auto dark:block"
116101 />
117102 </ >
118103 ) ,
119104 } ,
120105 {
121106 name : "Deep Origin" ,
122- logo : (
123- < img
124- src = "/img/sponsors/deepOrigin.svg"
125- alt = "Deep Origin"
126- className = "h-7"
127- />
128- ) ,
107+ logo : < Image src = { deepOrigin } alt = "Deep Origin" className = "h-7 w-auto" /> ,
129108 } ,
130109 // {
131110 // name: "Krisp",
132- // logo: <img src="/img/sponsors/krisp.svg" alt="Krisp" className="h-7" />,
111+ // ...
133112 // },
134113 // {
135114 // name: "Lemni",
136- // logo: <img src="/img/sponsors/krisp.svg" alt="Krisp" className="h-7" />,
115+ // ...
137116 // },
138117 // {
139118 // name: "Claimer",
140- // logo: <img src="/img/sponsors/claimer.svg" alt="Claimer" className="h-7" />,
119+ // ...
141120 // },
142121 {
143122 name : "Juma" ,
144- logo : < img src = "/img/sponsors/ juma.svg" alt = "Juma" className = "h-7" /> ,
123+ logo : < Image src = { juma } alt = "Juma" className = "h-7 w-auto " /> ,
145124 } ,
146125 {
147126 name : "Atuin" ,
148- logo : < img src = "/img/sponsors/ atuin.png" alt = "Atuin" className = "h-9" /> ,
127+ logo : < Image src = { atuin } alt = "Atuin" className = "h-9 w-auto " /> ,
149128 } ,
150129 {
151130 name : "Cella" ,
152- logo : < img src = "/img/sponsors/ cella.png" alt = "Cella" className = "h-7" /> ,
131+ logo : < Image src = { cella } alt = "Cella" className = "h-7 w-auto " /> ,
153132 } ,
154133 {
155134 name : "Illumi" ,
156- logo : < img src = "/img/sponsors/ illumi.png" alt = "Illumi" className = "h-7" /> ,
135+ logo : < Image src = { illumi } alt = "Illumi" className = "h-7 w-auto " /> ,
157136 } ,
158137 {
159138 name : "Agree" ,
160- logo : < img src = "/img/sponsors/ agree.png" alt = "Agree" className = "h-9" /> ,
139+ logo : < Image src = { agree } alt = "Agree" className = "h-9 w-auto " /> ,
161140 } ,
162141] ;
163142
0 commit comments