@@ -42,95 +42,11 @@ const Footer = () => {
4242 technology. We are an Open-source project available on{ " " }
4343 < a href = "https://github.com/devs-in-tech/DevsInTech" className = "text-blue-500" > GitHub</ a >
4444 </ p >
45- < ul className = "mt-6 flex justify-center gap-6 md:justify-start md:gap-8" >
46- < li >
47- < Link
48- href = "/"
49- rel = "noreferrer"
50- target = "_blank"
51- className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
52- >
53- < FaFacebookF size = { 20 } />
54- </ Link >
55- </ li >
56-
57- < li >
58- < Link
59- href = "https://twitter.com/devs_in_tech"
60- aria-label = "Visit us on Twitter"
61- title = "Twitter (External Link)"
62- rel = "noopener noreferrer"
63- target = "_blank"
64- className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
65- >
66- < FaTwitter size = { 20 } />
67- </ Link >
68- </ li >
69-
70- { /* LinkedIn Icon */ }
71-
72- < li >
73- < Link
74- href = "https://www.linkedin.com/company/devsintech-community/"
75- target = "_blank"
76- aria-label = "Visit us on Linkedin"
77- title = "Linkedin (External Link)"
78- rel = "noopener noreferrer"
79- className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
80- >
81- < FaLinkedinIn size = { 20 } />
82- </ Link >
83- </ li >
84-
85- { /* Instagram icon */ }
86-
87- < li >
88- < Link
89- href = "/"
90- aria-label = "Visit us on Instagram"
91- title = "Instagram (External Link)"
92- rel = "noopener noreferrer"
93- target = "_blank"
94- className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
95- >
96- < FaInstagram size = { 20 } />
97- </ Link >
98- </ li >
99-
100- { /* Discord icon */ }
101-
102- < li >
103- < Link
104- href = "https://discord.com/invite/g7FmxB9uZp"
105- aria-label = "Join with us on Discord"
106- title = "Discord (External Link)"
107- rel = "noopener noreferrer"
108- target = "_blank"
109- className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
110- >
111- < FaDiscord size = { 20 } />
112- </ Link >
113- </ li >
114-
115- { /* GitHub icon */ }
11645
117- < li >
118- < Link
119- href = "https://github.com/devs-in-tech/DevsInTech"
120- aria-label = "Join with us on GitHub"
121- title = "GitHub (External Link)"
122- rel = "noopener noreferrer"
123- target = "_blank"
124- className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
125- >
126- < FaGithub size = { 20 } />
127- </ Link >
128- </ li >
129- </ ul >
13046 </ div >
13147
13248 { /* COLUMNS */ }
133- < div className = "m-auto " >
49+ < div className = "m-6 " >
13450 < div className = "flex justify-center gap-16" >
13551 < div className = "text-center font-secondary" >
13652 < p className = "text-lg font-medium text-white" > Community</ p >
@@ -243,75 +159,87 @@ const Footer = () => {
243159 </ div >
244160 </ div >
245161 < ul className = "mt-6 flex justify-center text-center gap-6 md:justify-center md:gap-8" >
246- < li >
247- < Link
248- href = "/"
249- rel = "noreferrer"
250- target = "_blank"
251- className = "text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
252- >
253- < FaFacebookF size = { 30 } />
254- </ Link >
255- </ li >
256-
257- < li >
258- < Link
259- href = "https://twitter.com/devs_in_tech"
260- aria-label = "Visit us on Twitter"
261- title = "Twitter (External Link)"
262- rel = "noopener noreferrer"
263- target = "_blank"
264- className = "text-sky-500 transition hover:text-sky-700/75 dark:text-white dark:hover:text-gray-100/90"
265- >
266- < FaTwitter size = { 30 } />
267- </ Link >
268- </ li >
269-
270- { /* LinkedIn Icon */ }
271-
272- < li >
273- < Link
274- href = "https://www.linkedin.com/company/devsintech-community/"
275- target = "_blank"
276- aria-label = "Visit us on Linkedin"
277- title = "Linkedin (External Link)"
278- rel = "noopener noreferrer"
279- className = "text-blue-800 transition hover:text-blue-900/75 dark:text-white dark:hover:text-gray-100/90"
280- >
281- < FaLinkedinIn size = { 30 } />
282- </ Link >
283- </ li >
284-
285- { /* Instagram icon */ }
286-
287- < li >
288- < Link
289- href = "/"
290- aria-label = "Visit us on Instagram"
291- title = "Instagram (External Link)"
292- rel = "noopener noreferrer"
293- target = "_blank"
294- className = "text-red-500 transition hover:text-red-700/75 dark:text-white dark:hover:text-gray-100/90"
295- >
296- < FaInstagram size = { 30 } />
297- </ Link >
298- </ li >
299-
300- { /* Discord icon */ }
301-
302- < li >
303- < Link
304- href = "https://discord.com/invite/g7FmxB9uZp"
305- aria-label = "Join with us on Discord"
306- title = "Discord (External Link)"
307- rel = "noopener noreferrer"
308- target = "_blank"
309- className = "text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
310- >
311- < FaDiscord size = { 30 } />
312- </ Link >
313- </ li >
314- </ ul >
162+ < li >
163+ < Link
164+ href = "/"
165+ rel = "noreferrer"
166+ target = "_blank"
167+ className = "text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
168+ >
169+ < FaFacebookF size = { 30 } />
170+ </ Link >
171+ </ li >
172+
173+ < li >
174+ < Link
175+ href = "https://twitter.com/devs_in_tech"
176+ aria-label = "Visit us on Twitter"
177+ title = "Twitter (External Link)"
178+ rel = "noopener noreferrer"
179+ target = "_blank"
180+ className = "text-sky-500 transition hover:text-sky-700/75 dark:text-white dark:hover:text-gray-100/90"
181+ >
182+ < FaTwitter size = { 30 } />
183+ </ Link >
184+ </ li >
185+
186+ { /* LinkedIn Icon */ }
187+
188+ < li >
189+ < Link
190+ href = "https://www.linkedin.com/company/devsintech-community/"
191+ target = "_blank"
192+ aria-label = "Visit us on Linkedin"
193+ title = "Linkedin (External Link)"
194+ rel = "noopener noreferrer"
195+ className = "text-blue-800 transition hover:text-blue-900/75 dark:text-white dark:hover:text-gray-100/90"
196+ >
197+ < FaLinkedinIn size = { 30 } />
198+ </ Link >
199+ </ li >
200+
201+ { /* Instagram icon */ }
202+
203+ < li >
204+ < Link
205+ href = "/"
206+ aria-label = "Visit us on Instagram"
207+ title = "Instagram (External Link)"
208+ rel = "noopener noreferrer"
209+ target = "_blank"
210+ className = "text-red-500 transition hover:text-red-700/75 dark:text-white dark:hover:text-gray-100/90"
211+ >
212+ < FaInstagram size = { 30 } />
213+ </ Link >
214+ </ li >
215+
216+ { /* Discord icon */ }
217+
218+ < li >
219+ < Link
220+ href = "https://discord.com/invite/g7FmxB9uZp"
221+ aria-label = "Join with us on Discord"
222+ title = "Discord (External Link)"
223+ rel = "noopener noreferrer"
224+ target = "_blank"
225+ className = "text-blue-500 transition hover:text-blue-700/75 dark:text-white dark:hover:text-gray-100/90"
226+ >
227+ < FaDiscord size = { 30 } />
228+ </ Link >
229+ </ li >
230+ < li >
231+ < Link
232+ href = "https://github.com/devs-in-tech/DevsInTech"
233+ aria-label = "Join with us on GitHub"
234+ title = "GitHub (External Link)"
235+ rel = "noopener noreferrer"
236+ target = "_blank"
237+ className = "text-black transition hover:text-gray-700/75 dark:text-white dark:hover:text-gray-100/90"
238+ >
239+ < FaGithub size = { 30 } />
240+ </ Link >
241+ </ li >
242+ </ ul >
315243 < div className = "mt-12 mb-0" >
316244 < div className = "text-center font-thin sm:flex sm:justify-center sm:text-center" >
317245 < p className = "mt-4 text-xl text-white dark:text-white sm:order-first sm:mt-0" >
0 commit comments