1
1
import React from "react" ;
2
- import Link from "@docusaurus/Link " ;
2
+ // import a from "@docusaurus/a ";
3
3
import { useColorMode } from "@docusaurus/theme-common" ;
4
4
5
5
6
6
7
7
const Footer = ( ) => {
8
8
const { colorMode } = useColorMode ( ) ;
9
9
10
- // SVG blob paths (use your originals for unique branding)
11
- const shape1Path =
12
- "M-262.5 228.5C-262.5 448.191 -90.1913 620.5 129.5 620.5C349.191 620.5 521.5 448.191 521.5 228.5C521.5 8.80866 349.191 -163.5 129.5 -163.5C-90.1913 -163.5 -262.5 8.80866 -262.5 228.5Z" ;
13
- const shape3Path =
14
- "M99.5 137.5C99.5 238.563 19.5634 318.5 -81.5 318.5C-182.563 318.5 -262.5 238.563 -262.5 137.5C-262.5 36.4366 -182.563 -43.5 -81.5 -43.5C19.5634 -43.5 99.5 36.4366 99.5 137.5Z" ;
15
-
16
- const bgImage =
17
- colorMode === "dark"
18
- ? "/img/footer-bg-dark.png"
19
- : "/img/footer-bg-light.png" ;
20
-
21
10
return (
22
11
< footer
23
12
className = "relative z-10 overflow-hidden py-5 sm:pt-16 lg:pt-10 "
@@ -39,53 +28,52 @@ const Footer = () => {
39
28
RECODEHIVE helps you to learn and master the skills on data, and encourage you to code on open source.
40
29
</ p >
41
30
< ul className = "flex items-center space-x-12 mt-9" >
42
- { /* Social icon 1 */ }
31
+ { /*Twitter */ }
43
32
< li >
44
33
< a
45
- href = "#"
34
+ href = "https://x.com/sanjay_kv_"
35
+ target = "_blank"
46
36
title = "Twitter"
47
37
className = "flex items-center justify-center transition-all duration-200 bg-green-200 rounded-full w-7 h-7 hover:bg-blue-200 focus:bg-blue-200"
48
38
aria-label = "Twitter"
49
39
>
50
- < svg
51
- className = "w-4 h-4"
52
- xmlns = "http://www.w3.org/2000/svg"
53
- viewBox = "0 0 24 24"
54
- fill = "currentColor"
55
- >
56
- < path d = "M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z" />
57
- </ svg >
40
+ < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" className = "bi bi-twitter-x" viewBox = "0 0 16 16" >
41
+ < path d = "M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
42
+ </ svg >
58
43
</ a >
59
44
</ li >
60
45
61
- { /* Social icon 2 */ }
46
+ { /* LinkedIn */ }
62
47
< li >
63
48
< a
64
- href = "#"
65
- title = "Facebook"
49
+ href = "https://www.linkedin.com/in/sanjay-k-v/"
50
+ target = "_blank"
51
+ title = "LinkedIn"
66
52
className = "flex items-center justify-center text-white transition-all duration-200 bg-green-200 rounded-full w-7 h-7 hover:bg-blue-200 focus:bg-blue-200"
67
- aria-label = "Facebook "
53
+ aria-label = "LinkedIn "
68
54
>
69
- < svg
70
- className = "w-4 h-4"
71
- xmlns = "http://www.w3.org/2000/svg"
72
- viewBox = "0 0 24 24"
73
- fill = "currentColor"
74
- >
75
- < path d = "M13.397 20.997v-8.196h2.765l.411-3.209h-3.176V7.548c0-.926.258-1.56 1.587-1.56h1.684V3.127A22.336 22.336 0 0 0 14.201 3c-2.444 0-4.122 1.492-4.122 4.231v2.355H7.332v3.209h2.753v8.202h3.312z" />
76
- </ svg >
55
+ < svg
56
+ className = "w-4 h-4"
57
+ xmlns = "http://www.w3.org/2000/svg"
58
+ viewBox = "0 0 24 24"
59
+ fill = "currentColor"
60
+ >
61
+ < path d = "M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.761 0 5-2.24 5-5v-14c0-2.76-2.239-5-5-5zm-11.75 20h-3v-11h3v11zm-1.5-12.27c-.966 0-1.75-.79-1.75-1.76s.784-1.76 1.75-1.76 1.75.79 1.75 1.76-.784 1.76-1.75 1.76zm13.25 12.27h-3v-5.6c0-1.34-.03-3.07-1.87-3.07-1.87 0-2.16 1.46-2.16 2.97v5.7h-3v-11h2.89v1.5h.04c.4-.76 1.38-1.56 2.84-1.56 3.04 0 3.6 2 3.6 4.6v6.46z" />
62
+ </ svg >
63
+
77
64
</ a >
78
65
</ li >
79
66
80
- { /* Social icon 3 */ }
67
+ { /* Instagram */ }
81
68
< li >
82
69
< a
83
- href = "#"
70
+ href = "https://www.instagram.com/nomad_brains/"
71
+ target = "_blank"
84
72
title = "Instagram"
85
73
className = "flex items-center justify-center text-white transition-all duration-200 bg-green-200 rounded-full w-7 h-7 hover:bg-blue-200 focus:bg-blue-200"
86
74
aria-label = "Instagram"
87
75
>
88
- < svg className = "w-4 h-4 "
76
+ < svg className = "w-5 h-5 "
89
77
xmlns = "http://www.w3.org/2000/svg"
90
78
viewBox = "0 0 24 24"
91
79
fill = "currentColor"
@@ -97,16 +85,19 @@ const Footer = () => {
97
85
</ a >
98
86
</ li >
99
87
100
- { /* Social icon 4 */ }
88
+ { /* Github */ }
101
89
< li >
102
90
< a
103
- href = "#"
91
+ href = "https://github.com/recodehive"
92
+ target = "_blank"
93
+
104
94
title = "GitHub"
105
95
className = "flex items-center justify-center text-white transition-all duration-200 bg-green-200 rounded-full w-7 h-7 hover:bg-blue-200 focus:bg-blue-200"
106
96
aria-label = "GitHub"
97
+
107
98
>
108
99
< svg
109
- className = "w-4 h-4 "
100
+ className = "w-5 h-5 "
110
101
xmlns = "http://www.w3.org/2000/svg"
111
102
viewBox = "0 0 24 24"
112
103
fill = "currentColor"
@@ -141,6 +132,10 @@ const Footer = () => {
141
132
</ div >
142
133
< button
143
134
type = "submit"
135
+ onClick = { ( e ) => {
136
+ e . preventDefault ( )
137
+ alert ( "Subscribed! (Integrate with Substack API)" )
138
+ } }
144
139
className = "inline-flex items-center justify-center px-6 py-2 mt-3 font-semibold bg-green-300 rounded-full hover:bg-blue-200 focus:bg-blue-200"
145
140
>
146
141
Subscribe
@@ -158,33 +153,33 @@ const Footer = () => {
158
153
</ p >
159
154
160
155
< div className = "flex flex-col" >
161
- < Link
162
- to = "/community"
156
+ < a
157
+ href = "/community"
163
158
className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
164
159
>
165
160
About Us
166
- </ Link >
161
+ </ a >
167
162
168
- < Link
169
- to = "/contact-us"
163
+ < a
164
+ href = "/contact-us"
170
165
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
171
166
>
172
167
Contact Us
173
- </ Link >
168
+ </ a >
174
169
175
- < Link
176
- to = "/careers"
170
+ < a
171
+ href = "/careers"
177
172
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
178
173
>
179
174
Careers
180
- </ Link >
175
+ </ a >
181
176
182
- < Link
183
- to = "/our-sponsors/"
177
+ < a
178
+ href = "/our-sponsors/"
184
179
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
185
180
>
186
181
Sponsor US
187
- </ Link >
182
+ </ a >
188
183
</ div >
189
184
190
185
</ div >
@@ -196,34 +191,34 @@ const Footer = () => {
196
191
</ p >
197
192
198
193
< div className = "flex flex-col" >
199
- < Link
200
- to = "/courses/"
194
+ < a
195
+ href = "/courses/"
201
196
className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
202
197
>
203
198
Tutorials
204
- </ Link >
199
+ </ a >
205
200
206
- < Link
207
- to = "/badges/github-badges/"
201
+ < a
202
+ href = "/badges/github-badges/"
208
203
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
209
204
>
210
205
Learn GitHub
211
- </ Link >
206
+ </ a >
212
207
213
- < Link
214
- to = "/showcase"
208
+ < a
209
+ href = "/showcase"
215
210
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
216
211
>
217
212
Explore Projects
218
- </ Link >
213
+ </ a >
219
214
220
215
221
- < Link
222
- to = "/blogs"
216
+ < a
217
+ href = "/blogs"
223
218
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
224
219
>
225
220
All Blogs
226
- </ Link >
221
+ </ a >
227
222
</ div >
228
223
229
224
</ div >
@@ -235,40 +230,33 @@ const Footer = () => {
235
230
</ p >
236
231
237
232
< div className = "flex flex-col" >
238
- < Link
239
- to = "/community"
233
+ < a
234
+ href = "/community"
240
235
className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
241
236
>
242
237
Help Center
243
- </ Link >
238
+ </ a >
244
239
245
- < Link
246
- to = "https://github.com/recodehive/recode-website/issues"
240
+ < a
241
+ href = "https://github.com/recodehive/recode-website/issues"
247
242
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
248
243
>
249
244
Report a Bug
250
- </ Link >
245
+ </ a >
251
246
252
- < Link
253
- to = "#"
247
+ < a
248
+ href = "#"
254
249
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
255
250
>
256
251
Feature Request
257
- </ Link >
252
+ </ a >
258
253
259
- < Link
260
- to = "#"
261
- className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
262
- >
263
- Terms of Service
264
- </ Link >
265
-
266
- < Link
267
- to = "#"
254
+ < a
255
+ href = "#"
268
256
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
269
257
>
270
258
Accessibility Support
271
- </ Link >
259
+ </ a >
272
260
</ div >
273
261
274
262
</ div >
@@ -280,19 +268,19 @@ const Footer = () => {
280
268
</ p >
281
269
282
270
< div className = "flex flex-col" >
283
- < Link
284
- to = "/blog/google-deepmind"
271
+ < a
272
+ href = "/blog/google-deepmind"
285
273
className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
286
274
>
287
275
Explore Google DeepMind's AI
288
- </ Link >
276
+ </ a >
289
277
290
- < Link
291
- to = "/blog/google-backlinks" s
278
+ < a
279
+ href = "/blog/google-backlinks"
292
280
className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
293
281
>
294
282
Google Backlinks: A Comprehensive Guide
295
- </ Link >
283
+ </ a >
296
284
297
285
</ div >
298
286
@@ -304,28 +292,29 @@ const Footer = () => {
304
292
< div className = "flex flex-row justify-between" >
305
293
306
294
< div className = "flex flex-row space-x-4" >
307
- < Link to = "/privacy-policy/" >
295
+ < a href = "/privacy-policy/" >
308
296
Privacy policy
309
- </ Link >
297
+ </ a >
310
298
311
- < Link to = "/code-of-conduct/" >
299
+ < a href = "/code-of-conduct/" >
312
300
Code of conduct
313
- </ Link >
301
+ </ a >
314
302
315
- < Link to = "/terms-service/" >
303
+ < a href = "/terms-service/" >
316
304
Terms of service
317
- </ Link >
305
+ </ a >
318
306
319
- < Link to = "/License/" >
307
+ < a href = "/License/" >
320
308
License
321
- </ Link >
309
+ </ a >
322
310
</ div >
323
- < p className = "text-black " > Developed by < Link
324
- to = "https://github.com/sanjay-kv"
311
+ < p className = "text-black " > Developed by < a
312
+ target = "_blank"
313
+ href = "https://github.com/sanjay-kv"
325
314
className = "font-semibold"
326
315
>
327
316
Sanjay Viswanathan
328
- </ Link > </ p >
317
+ </ a > </ p >
329
318
</ div >
330
319
</ div >
331
320
</ section >
0 commit comments