Skip to content

Commit af17517

Browse files
arghyaxcodesarghyaxcodes
committed
Update Footer.js
1 parent 43b9f66 commit af17517

File tree

1 file changed

+12
-36
lines changed

1 file changed

+12
-36
lines changed

‎src/components/home/Footer.js‎

Lines changed: 12 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,11 @@
11
import { Logo } from '@/components/Logo'
2-
import { Vercel } from '@/components/Vercel'
2+
import { GitHub, Twitter, Vercel } from '@/components/Logos'
33
import { documentationNav } from '@/navs/documentation'
44
import { programsNav } from '@/navs/program'
55
import clsx from 'clsx'
66
import Link from 'next/link'
77
import styles from './Footer.module.css'
88

9-
const GitHub = () => (
10-
<svg
11-
fill="currentColor"
12-
strokeLinecap="round"
13-
strokeLinejoin="round"
14-
strokeWidth="2"
15-
className="h-8 w-8 p-1 sm:p-1 lg:p-0"
16-
viewBox="0 0 35 35"
17-
>
18-
<path d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z" />
19-
</svg>
20-
)
21-
22-
const Twitter = () => (
23-
<svg
24-
fill="currentColor"
25-
strokeLinecap="round"
26-
strokeLinejoin="round"
27-
strokeWidth="2"
28-
className="h-8 w-8 p-1 sm:p-1 lg:p-0"
29-
viewBox="0 0 24 24"
30-
>
31-
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
32-
</svg>
33-
)
34-
359
const footerNav = {
3610
'Getting started': {
3711
className: 'row-span-2',
@@ -56,7 +30,7 @@ const footerNav = {
5630
items: [
5731
{ title: 'Brand', href: '/brand' },
5832
{ title: 'Sponsors', href: '/sponsors' },
59-
{ title: 'Changelog', href: 'https://javaistic-changelog.vercel.app/' },
33+
{ title: 'Changelog', href: '/changelog' },
6034
{ title: 'Open Source', href: '/' },
6135
],
6236
},
@@ -65,7 +39,7 @@ const footerNav = {
6539
{ title: 'GitHub', href: 'https://github.com/javaistic/javaistic' },
6640
{ title: 'Discord', href: '/discord' },
6741
{ title: 'Twitter', href: 'https://twitter.com/javaistic' },
68-
{ title: 'Blog', href: '/' },
42+
{ title: 'Blog', href: '/blog' },
6943
],
7044
},
7145
}
@@ -75,18 +49,18 @@ export function Footer() {
7549
<footer className="bg-gray-100 pt-16 pb-10 dark:bg-gray-800 sm:pt-20 sm:pb-10 md:pt-24 xl:pt-28">
7650
<div className="mx-auto max-w-screen-lg divide-y divide-gray-200 px-4 dark:divide-gray-600 sm:px-6 md:px-8 xl:max-w-screen-xl">
7751
<ul
78-
className={`${styles.nav} grid grid-cols-2 gap-4 gap-y-10 pb-14 text-sm font-medium sm:grid-cols-2 sm:pb-20 md:grid-cols-3 lg:grid-cols-5`}
52+
className={`${styles.nav} grid grid-cols-2 gap-4 gap-y-10 px-2 pb-14 text-sm font-medium sm:grid-cols-2 sm:pb-20 md:grid-cols-3 lg:grid-cols-5`}
7953
>
8054
{Object.keys(footerNav).map((section, i) => (
8155
<li key={section} className={clsx('space-y-5', footerNav[section].className)}>
82-
<h2 className="text-base font-bold uppercase tracking-wide text-gray-900 dark:text-white">
56+
<h2 className="text-lg font-bold uppercase tracking-wide text-gray-900 dark:text-white">
8357
{section}
8458
</h2>
8559
<ul className="space-y-4">
8660
{footerNav[section].items.map((item) => (
8761
<li key={item.href}>
8862
<Link href={item.href}>
89-
<a className="text-gray-400 transition duration-200 ease-in-out hover:text-gray-900 dark:hover:text-white">
63+
<a className="text-base text-gray-500 transition duration-200 ease-in-out hover:font-semibold hover:text-gray-900 dark:text-gray-400 dark:hover:text-white">
9064
{item.title}
9165
</a>
9266
</Link>
@@ -105,7 +79,7 @@ export function Footer() {
10579
</a>
10680
<div className="mt-4 text-sm text-gray-500 sm:ml-4 sm:mt-0 sm:border-l-2 sm:border-r-2 sm:border-gray-200 sm:py-2 sm:pl-4 sm:pr-4 sm:dark:border-gray-600">
10781
<div className="flex">
108-
<a href="https://github.com/uiuxarghya" target="_blank" rel="noopener noreferrer">
82+
<a href="https://twitter.com/uiuxarghya" target="_blank" rel="noopener noreferrer">
10983
<p className="text flex text-base text-gray-500 dark:text-gray-200">
11084
by&nbsp;
11185
<span className="text-base font-bold text-gray-800 dark:text-white">
@@ -135,13 +109,13 @@ export function Footer() {
135109
href="https://github.com/javaistic/javaistic"
136110
className="ml-3 text-gray-500 transition duration-200 ease-in-out hover:text-black dark:hover:text-white"
137111
>
138-
<GitHub />
112+
<GitHub className="h-8 w-8 p-1 sm:p-1 lg:p-0" />
139113
</a>
140114
<a
141115
href="https://twitter.com/javaistic"
142116
className="ml-3 text-gray-500 hover:text-blue-500"
143117
>
144-
<Twitter />
118+
<Twitter className="h-8 w-8 p-1 sm:p-1 lg:p-0" />
145119
</a>
146120
</span>
147121
</div>
@@ -151,6 +125,7 @@ export function Footer() {
151125
&copy; {new Date().getFullYear()} Javaistic. All rights reserved.
152126
</p>
153127
</div>
128+
<div className="flex items-center"></div>
154129
<a
155130
href="#"
156131
className="title-font flex items-center justify-center pl-6 font-medium text-gray-900 md:justify-start"
@@ -171,7 +146,8 @@ export function Footer() {
171146
Status
172147
</p>
173148
</a>
174-
<span className="mt-4 inline-flex justify-center sm:ml-auto sm:mt-0 sm:justify-start"></span>
149+
<span className="mt-4 inline-flex justify-center sm:ml-auto sm:mt-0 sm:justify-start">
150+
</span>
175151
</div>
176152
</div>
177153
</footer>

0 commit comments

Comments
 (0)