Merge pull request #131 from 13colours/use-next-link

Use next/link to navigate between pages
This commit is contained in:
Khalil Ali 2022-04-18 11:34:44 +03:00 committed by GitHub
commit b1c06e18a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 56 additions and 42 deletions

View File

@ -1,3 +1,5 @@
import Link from 'next/link'
export default function Features() {
return (
<div className="relative bg-white dark:bg-transparent pt-16 pb-32 overflow-hidden">
@ -13,12 +15,13 @@ export default function Features() {
Blockchain, tokens, NFTs, DAOs - what does it all mean? Our guide provides an accessible overview of the key concepts in Crypto and Web3.
</p>
<div className="mt-6">
<a
href="/guide/"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Discover
</a>
<Link href="/guide/">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Discover
</a>
</Link>
</div>
</div>
</div>
@ -46,12 +49,14 @@ export default function Features() {
Want to learn more? We are maintaining a comprehensive library of articles, papers, books and other materials related to the space and the surrounding discourse. It provides deeper background on specific topics along with everything you need to fully engage with, and evaluate, Web3 and the claims being made about it.
</p>
<div className="mt-6">
<a
href="/library/"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Explore
</a>
<Link href="/library/">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Explore
</a>
</Link>
</div>
</div>
</div>
@ -79,12 +84,13 @@ export default function Features() {
Crypto and Web3 are associated with many bold claims. From classic technology boosterism of better and faster, to the radical transformation of our societies. But huge controversy surrounds these claims, and theres a lack of agreement on even basic points and definitions.
</p>
<div className="mt-6">
<a
href="/claims"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Learn More
</a>
<Link href="/claims">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Learn More
</a>
</Link>
</div>
</div>
</div>

View File

@ -1,3 +1,5 @@
import Link from 'next/link'
export default function GetInvolved() {
return (
<div className="relative bg-white dark:bg-transparent pt-16 pb-32 overflow-hidden">
@ -22,12 +24,13 @@ export default function GetInvolved() {
<li> Share the work with others. </li>
</ul>
<div className="mt-6">
<a
href="/contribute/"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Get Involved
</a>
<Link href="/contribute/">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Get Involved
</a>
</Link>
</div>
</div>
</div>

View File

@ -1,3 +1,5 @@
import Link from 'next/link'
export default function Why() {
return (
<div className="relative bg-white dark:bg-transparent pt-16 pb-32 overflow-hidden">
@ -25,12 +27,13 @@ export default function Why() {
not an easy topic to make sense of.
</p>
<div className="mt-6">
<a
href="/about/"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Read More
</a>
<Link href="/about/">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Read More
</a>
</Link>
</div>
</div>
</div>
@ -65,12 +68,13 @@ export default function Why() {
change).
</p>
<div className="mt-6">
<a
href="/about/"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Read More
</a>
<Link href="/about/">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Read More
</a>
</Link>
</div>
</div>
</div>
@ -102,12 +106,13 @@ export default function Why() {
questions to ask and the process of answering them.
</p>
<div className="mt-6">
<a
href="/about"
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Read More
</a>
<Link href="/about">
<a
className="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-yellow-500 hover:bg-yellow-400"
>
Read More
</a>
</Link>
</div>
</div>
</div>