11import React from "react" ;
2- import Link from "@docusaurus/Link " ;
2+ // import a from "@docusaurus/a ";
33import { useColorMode } from "@docusaurus/theme-common" ;
44
55
66
77const Footer = ( ) => {
88 const { colorMode } = useColorMode ( ) ;
99
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-
2110 return (
2211 < footer
2312 className = "relative z-10 overflow-hidden py-5 sm:pt-16 lg:pt-10 "
@@ -39,53 +28,52 @@ const Footer = () => {
3928 RECODEHIVE helps you to learn and master the skills on data, and encourage you to code on open source.
4029 </ p >
4130 < ul className = "flex items-center space-x-12 mt-9" >
42- { /* Social icon 1 */ }
31+ { /*Twitter */ }
4332 < li >
4433 < a
45- href = "#"
34+ href = "https://x.com/sanjay_kv_"
35+ target = "_blank"
4636 title = "Twitter"
4737 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"
4838 aria-label = "Twitter"
4939 >
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 >
5843 </ a >
5944 </ li >
6045
61- { /* Social icon 2 */ }
46+ { /* LinkedIn */ }
6247 < li >
6348 < a
64- href = "#"
65- title = "Facebook"
49+ href = "https://www.linkedin.com/in/sanjay-k-v/"
50+ target = "_blank"
51+ title = "LinkedIn"
6652 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 "
6854 >
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+
7764 </ a >
7865 </ li >
7966
80- { /* Social icon 3 */ }
67+ { /* Instagram */ }
8168 < li >
8269 < a
83- href = "#"
70+ href = "https://www.instagram.com/nomad_brains/"
71+ target = "_blank"
8472 title = "Instagram"
8573 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"
8674 aria-label = "Instagram"
8775 >
88- < svg className = "w-4 h-4 "
76+ < svg className = "w-5 h-5 "
8977 xmlns = "http://www.w3.org/2000/svg"
9078 viewBox = "0 0 24 24"
9179 fill = "currentColor"
@@ -97,16 +85,19 @@ const Footer = () => {
9785 </ a >
9886 </ li >
9987
100- { /* Social icon 4 */ }
88+ { /* Github */ }
10189 < li >
10290 < a
103- href = "#"
91+ href = "https://github.com/recodehive"
92+ target = "_blank"
93+
10494 title = "GitHub"
10595 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"
10696 aria-label = "GitHub"
97+
10798 >
10899 < svg
109- className = "w-4 h-4 "
100+ className = "w-5 h-5 "
110101 xmlns = "http://www.w3.org/2000/svg"
111102 viewBox = "0 0 24 24"
112103 fill = "currentColor"
@@ -141,6 +132,10 @@ const Footer = () => {
141132 </ div >
142133 < button
143134 type = "submit"
135+ onClick = { ( e ) => {
136+ e . preventDefault ( )
137+ alert ( "Subscribed! (Integrate with Substack API)" )
138+ } }
144139 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"
145140 >
146141 Subscribe
@@ -158,33 +153,33 @@ const Footer = () => {
158153 </ p >
159154
160155 < div className = "flex flex-col" >
161- < Link
162- to = "/community"
156+ < a
157+ href = "/community"
163158 className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
164159 >
165160 About Us
166- </ Link >
161+ </ a >
167162
168- < Link
169- to = "/contact-us"
163+ < a
164+ href = "/contact-us"
170165 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
171166 >
172167 Contact Us
173- </ Link >
168+ </ a >
174169
175- < Link
176- to = "/careers"
170+ < a
171+ href = "/careers"
177172 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
178173 >
179174 Careers
180- </ Link >
175+ </ a >
181176
182- < Link
183- to = "/our-sponsors/"
177+ < a
178+ href = "/our-sponsors/"
184179 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
185180 >
186181 Sponsor US
187- </ Link >
182+ </ a >
188183 </ div >
189184
190185 </ div >
@@ -196,34 +191,34 @@ const Footer = () => {
196191 </ p >
197192
198193 < div className = "flex flex-col" >
199- < Link
200- to = "/courses/"
194+ < a
195+ href = "/courses/"
201196 className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
202197 >
203198 Tutorials
204- </ Link >
199+ </ a >
205200
206- < Link
207- to = "/badges/github-badges/"
201+ < a
202+ href = "/badges/github-badges/"
208203 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
209204 >
210205 Learn GitHub
211- </ Link >
206+ </ a >
212207
213- < Link
214- to = "/showcase"
208+ < a
209+ href = "/showcase"
215210 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
216211 >
217212 Explore Projects
218- </ Link >
213+ </ a >
219214
220215
221- < Link
222- to = "/blogs"
216+ < a
217+ href = "/blogs"
223218 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
224219 >
225220 All Blogs
226- </ Link >
221+ </ a >
227222 </ div >
228223
229224 </ div >
@@ -235,40 +230,33 @@ const Footer = () => {
235230 </ p >
236231
237232 < div className = "flex flex-col" >
238- < Link
239- to = "/community"
233+ < a
234+ href = "/community"
240235 className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
241236 >
242237 Help Center
243- </ Link >
238+ </ a >
244239
245- < Link
246- to = "https://github.com/recodehive/recode-website/issues"
240+ < a
241+ href = "https://github.com/recodehive/recode-website/issues"
247242 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
248243 >
249244 Report a Bug
250- </ Link >
245+ </ a >
251246
252- < Link
253- to = "#"
247+ < a
248+ href = "#"
254249 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
255250 >
256251 Feature Request
257- </ Link >
252+ </ a >
258253
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 = "#"
268256 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
269257 >
270258 Accessibility Support
271- </ Link >
259+ </ a >
272260 </ div >
273261
274262 </ div >
@@ -280,19 +268,19 @@ const Footer = () => {
280268 </ p >
281269
282270 < div className = "flex flex-col" >
283- < Link
284- to = "/blog/google-deepmind"
271+ < a
272+ href = "/blog/google-deepmind"
285273 className = " text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
286274 >
287275 Explore Google DeepMind's AI
288- </ Link >
276+ </ a >
289277
290- < Link
291- to = "/blog/google-backlinks" s
278+ < a
279+ href = "/blog/google-backlinks"
292280 className = "mt-1 text-black transition-all duration-200 hover:text-blue-600 focus:text-blue-600"
293281 >
294282 Google Backlinks: A Comprehensive Guide
295- </ Link >
283+ </ a >
296284
297285 </ div >
298286
@@ -304,28 +292,29 @@ const Footer = () => {
304292 < div className = "flex flex-row justify-between" >
305293
306294 < div className = "flex flex-row space-x-4" >
307- < Link to = "/privacy-policy/" >
295+ < a href = "/privacy-policy/" >
308296 Privacy policy
309- </ Link >
297+ </ a >
310298
311- < Link to = "/code-of-conduct/" >
299+ < a href = "/code-of-conduct/" >
312300 Code of conduct
313- </ Link >
301+ </ a >
314302
315- < Link to = "/terms-service/" >
303+ < a href = "/terms-service/" >
316304 Terms of service
317- </ Link >
305+ </ a >
318306
319- < Link to = "/License/" >
307+ < a href = "/License/" >
320308 License
321- </ Link >
309+ </ a >
322310 </ 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"
325314 className = "font-semibold"
326315 >
327316 Sanjay Viswanathan
328- </ Link > </ p >
317+ </ a > </ p >
329318 </ div >
330319 </ div >
331320 </ section >
0 commit comments