1
1
import React from "react" ;
2
- import { FaGithubSquare , FaInstagram , FaXTwitter , FaLinkedin } from "react-icons/fa" ;
2
+ import {
3
+ FaGithubSquare ,
4
+ FaInstagram ,
5
+ FaLinkedin ,
6
+ } from "react-icons/fa" ;
7
+ import { RiTwitterFill } from "react-icons/ri" ;
8
+
3
9
4
10
const Footer = ( ) => {
5
11
return (
6
12
< div className = "max-w-[1240px] mx-auto py-16 px-4 grid lg:grid-cols-3 gap-8 text-gray-300" >
7
13
< div >
8
- < h1 className = 'w-full text-3xl font-bold text-[#00df9a]' > FOSSCU</ h1 >
9
- < p className = 'py-4' > Made with 💚 and Open Source</ p >
10
- < div className = 'flex justify-between md:w-[75%] my-6' >
11
- < a href = "https://www.instagram.com/fosscu/" className = "transition duration-300 ease-in-out hover:scale-125" target = "blank" >
14
+ < h1 className = "w-full text-3xl font-bold text-[#00df9a]" > FOSSCU</ h1 >
15
+ < p className = "py-4" > Made with 💚 and Open Source</ p >
16
+ < div className = "flex justify-between md:w-[75%] my-6" >
17
+ < a
18
+ href = "https://www.instagram.com/fosscu/"
19
+ className = "transition duration-300 ease-in-out hover:scale-125"
20
+ target = "blank"
21
+ >
12
22
< FaInstagram size = { 30 } />
13
23
</ a >
14
- < a href = "https://twitter.com/fosscuk" className = "transition duration-300 ease-in-out hover:scale-125" target = "blank" >
15
-
16
- < FaXTwitter size = { 30 } />
24
+ < a
25
+ href = "https://twitter.com/fosscuk"
26
+ className = "transition duration-300 ease-in-out hover:scale-125"
27
+ target = "blank"
28
+ >
29
+ < RiTwitterFill size = { 30 } />
17
30
</ a >
18
- < a href = "https://github.com/FOSS-Community/" className = "transition duration-300 ease-in-out hover:scale-125" target = "blank" >
31
+ < a
32
+ href = "https://github.com/FOSS-Community/"
33
+ className = "transition duration-300 ease-in-out hover:scale-125"
34
+ target = "blank"
35
+ >
19
36
< FaGithubSquare size = { 30 } />
20
37
</ a >
21
- < a href = "https://linkedin.com/company/fosscu/" className = "transition duration-300 ease-in-out hover:scale-125" target = "blank" >
38
+ < a
39
+ href = "https://linkedin.com/company/fosscu/"
40
+ className = "transition duration-300 ease-in-out hover:scale-125"
41
+ target = "blank"
42
+ >
22
43
< FaLinkedin size = { 30 } />
23
44
</ a >
24
45
</ div >
@@ -28,50 +49,101 @@ const Footer = () => {
28
49
< h6 className = "font-medium text-[#00df9a]" > Support</ h6 >
29
50
< ul >
30
51
< a href = "/building" className = "pb-2" >
31
- < li className = "pt-2 text-sum hover:border-b hover:border-green-400" > Documentation</ li >
52
+ < li className = "pt-2 text-sum hover:border-b hover:border-green-400" >
53
+ Documentation
54
+ </ li >
32
55
</ a >
33
56
< a href = "/guide" className = "pb-2" >
34
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Guides</ li >
57
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
58
+ Guides
59
+ </ li >
35
60
</ a >
36
- < a href = "https://www.kuma.fosscu.org/status/fosscu" className = "pb-2" >
37
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > API Status</ li >
61
+ < a
62
+ href = "https://www.kuma.fosscu.org/status/fosscu"
63
+ className = "pb-2"
64
+ >
65
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
66
+ API Status
67
+ </ li >
38
68
</ a >
39
69
< a href = "/faq" className = "pb-2" >
40
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > FAQ</ li >
70
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
71
+ FAQ
72
+ </ li >
41
73
</ a >
42
74
</ ul >
43
75
</ div >
44
76
< div >
45
77
< h6 className = "font-medium text-[#00df9a]" > Organization</ h6 >
46
78
< ul >
47
79
< a href = "/about" className = "pb-2" >
48
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > About</ li >
80
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
81
+ About
82
+ </ li >
49
83
</ a >
50
- < a href = "https://github.com/FOSS-Community/blog-archive" className = "pb-2" target = "blank" >
51
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Blog</ li >
84
+ < a
85
+ href = "https://github.com/FOSS-Community/blog-archive"
86
+ className = "pb-2"
87
+ target = "blank"
88
+ >
89
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
90
+ Blog
91
+ </ li >
52
92
</ a >
53
- < a href = "https://dub.sh/fosscu-discord" className = "pb-2" target = "blank" >
54
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Join Us</ li >
93
+ < a
94
+ href = "https://dub.sh/fosscu-discord"
95
+ className = "pb-2"
96
+ target = "blank"
97
+ >
98
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
99
+ Join Us
100
+ </ li >
55
101
</ a >
56
- < a href = "https://github.com/FOSS-Community/" className = "pb-2" target = "blank" >
57
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Contribute</ li >
102
+ < a
103
+ href = "https://github.com/FOSS-Community/"
104
+ className = "pb-2"
105
+ target = "blank"
106
+ >
107
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
108
+ Contribute
109
+ </ li >
58
110
</ a >
59
111
</ ul >
60
112
</ div >
61
113
< div >
62
114
< h6 className = "font-medium text-[#00df9a]" > Handbook</ h6 >
63
115
< ul >
64
- < a href = "https://docs.fosscu.org/Docs/values" className = "pb-2" target = "blank" >
65
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Core Values</ li >
116
+ < a
117
+ href = "https://docs.fosscu.org/Docs/values"
118
+ className = "pb-2"
119
+ target = "blank"
120
+ >
121
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
122
+ Core Values
123
+ </ li >
66
124
</ a >
67
- < a href = "https://docs.fosscu.org/Docs/code-of-conduct" className = "pb-2" target = "blank" >
68
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Code of Conduct</ li >
125
+ < a
126
+ href = "https://docs.fosscu.org/Docs/code-of-conduct"
127
+ className = "pb-2"
128
+ target = "blank"
129
+ >
130
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
131
+ Code of Conduct
132
+ </ li >
69
133
</ a >
70
- < a href = "https://docs.fosscu.org/Docs/getting-started" className = "pb-2" target = "blank" >
71
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > What is FOSS</ li >
134
+ < a
135
+ href = "https://docs.fosscu.org/Docs/getting-started"
136
+ className = "pb-2"
137
+ target = "blank"
138
+ >
139
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
140
+ What is FOSS
141
+ </ li >
72
142
</ a >
73
143
< a href = "/building" className = "pb-2" >
74
- < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" > Terms</ li >
144
+ < li className = "pt-2 w-max text-sum hover:border-b hover:border-green-400" >
145
+ Terms
146
+ </ li >
75
147
</ a >
76
148
</ ul >
77
149
</ div >
0 commit comments