@@ -6,37 +6,78 @@ import meta_icon from "../assets/meta_icon.svg";
6
6
import x_twitter_icon from "../assets/x_twitter_icon.svg" ;
7
7
import meta_icon_dark from "../assets/meta_icon_dark.svg" ;
8
8
import x_twitter_icon_dark from "../assets/x_twitter_icon_dark.svg" ;
9
+ import Link from "next/link" ;
9
10
10
11
export default function Footer ( ) {
11
12
return (
12
- < div className = "flex md: flex-row flex-col gap-y-12 md:w-full md:px-12 mx-auto items-center justify-between pt -12" >
13
+ < div className = "mx-auto flex flex-col items-center justify-between gap-y-12 pt-12 md:w-full md:flex-row md:px -12" >
13
14
< div className = "flex items-center" >
14
- < h1 className = "jost bg-gradient-to-r from-[#562EE7] to-[#FFC6E8] bg-clip-text text-center text-3xl md:text-5xl font-bold text-transparent" >
15
+ < h1 className = "jost bg-gradient-to-r from-[#562EE7] to-[#FFC6E8] bg-clip-text text-center text-3xl font-bold text-transparent md:text-5xl " >
15
16
Papers
16
17
</ h1 >
17
- < Separator orientation = "vertical" className = "min-h-20 h-full mx-3 " />
18
+ < Separator orientation = "vertical" className = "mx-3 h-full min-h-20 " />
18
19
< div className = "flex items-center" >
19
20
< Image
20
21
src = { ccLogo as HTMLImageElement }
21
22
alt = "codechef-logo"
22
23
height = { 70 }
23
24
width = { 70 }
24
25
/>
25
- < p className = "jost text-2xl md:text-4xl font-bold " > CodeChef-VIT</ p >
26
+ < p className = "jost text-2xl font-bold md:text-4xl" > CodeChef-VIT</ p >
26
27
</ div >
27
28
</ div >
28
29
29
- < p className = "text-xl md:block hidden" > Made with Love By Codechef-VIT</ p >
30
- < div className = "flex gap-x-8 items-center" >
31
- < Instagram />
32
- < Linkedin />
33
- < Youtube />
34
- < Image src = { meta_icon } alt = "meta-icon" height = { 24 } width = { 24 } className = "dark:hidden" />
35
- < Image src = { x_twitter_icon } alt = "x_twitter_icon" className = "dark:hidden" height = { 24 } width = { 24 } />
36
- < Image src = { meta_icon_dark } alt = "meta-icon" className = "hidden dark:block" height = { 24 } width = { 24 } />
37
- < Image src = { x_twitter_icon_dark } alt = "x_twitter_icon" className = "hidden dark:block mb-2" height = { 24 } width = { 24 } />
30
+ < p className = "hidden text-xl md:block" > Made with Love By Codechef-VIT</ p >
31
+ < div className = "flex items-center gap-x-8" >
32
+ < a href = "https://www.instagram.com/codechefvit/" >
33
+ < Instagram />
34
+ </ a >
35
+ < a href = "https://www.linkedin.com/company/codechefvit/" >
36
+ < Linkedin />
37
+ </ a >
38
+ < a href = "https://www.youtube.com/@CodeChefVIT" >
39
+ < Youtube />
40
+ </ a >
41
+ < a href = "https://www.facebook.com/codechefvit/" >
42
+ < Image
43
+ src = { meta_icon }
44
+ alt = "meta-icon"
45
+ height = { 24 }
46
+ width = { 24 }
47
+ className = "dark:hidden"
48
+ />
49
+ </ a >
50
+
51
+ < a href = "https://www.facebook.com/codechefvit/" >
52
+ < Image
53
+ src = { meta_icon_dark }
54
+ alt = "meta-icon"
55
+ className = "hidden dark:block"
56
+ height = { 24 }
57
+ width = { 24 }
58
+ />
59
+ </ a >
60
+ < Link href = "https://x.com/codechefvit" >
61
+ < Image
62
+ src = { x_twitter_icon }
63
+ alt = "x_twitter_icon"
64
+ className = "dark:hidden"
65
+ height = { 24 }
66
+ width = { 24 }
67
+ />
68
+ </ Link >
69
+
70
+ < Link href = "https://x.com/codechefvit" >
71
+ < Image
72
+ src = { x_twitter_icon_dark }
73
+ alt = "x_twitter_icon"
74
+ className = "mb-2 hidden dark:block"
75
+ height = { 24 }
76
+ width = { 24 }
77
+ />
78
+ </ Link >
38
79
</ div >
39
- < p className = "text-xl block md:hidden" > Made with Love By Codechef-VIT</ p >
80
+ < p className = "block text-xl md:hidden" > Made with Love By Codechef-VIT</ p >
40
81
</ div >
41
82
) ;
42
83
}
0 commit comments