jeffemmett
/
web3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
parent 4e762852ca ce2bc8b737
commit b1c06e18a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 56 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
site/components/Home/Features.js
View File

@ -1,3 +1,5 @@
import Link from 'next/link'
export default function Features() { export default function Features() {
return ( return (
<div className="relative bg-white dark:bg-transparent pt-16 pb-32 overflow-hidden"> <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. Blockchain, tokens, NFTs, DAOs - what does it all mean? Our guide provides an accessible overview of the key concepts in Crypto and Web3.
</p> </p>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/guide/">
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" 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 Discover
</a> </a>
</Link>
</div> </div>
</div> </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. 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> </p>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/library/">
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"
> 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> Explore
</a>
</Link>
</div> </div>
</div> </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 there’s a lack of agreement on even basic points and definitions. 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 there’s a lack of agreement on even basic points and definitions.
</p> </p>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/claims">
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" 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 Learn More
</a> </a>
</Link>
</div> </div>
</div> </div>
</div> </div>

15
site/components/Home/Get-Involved.js
View File

@ -1,3 +1,5 @@
import Link from 'next/link'
export default function GetInvolved() { export default function GetInvolved() {
return ( return (
<div className="relative bg-white dark:bg-transparent pt-16 pb-32 overflow-hidden"> <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> <li> Share the work with others. </li>
</ul> </ul>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/contribute/">
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" 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 Get Involved
</a> </a>
</Link>
</div> </div>
</div> </div>
</div> </div>

41
site/components/Home/Why.js
View File

@ -1,3 +1,5 @@
import Link from 'next/link'
export default function Why() { export default function Why() {
return ( return (
<div className="relative bg-white dark:bg-transparent pt-16 pb-32 overflow-hidden"> <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. not an easy topic to make sense of.
</p> </p>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/about/">
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" 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 Read More
</a> </a>
</Link>
</div> </div>
</div> </div>
</div> </div>
@ -65,12 +68,13 @@ export default function Why() {
change). change).
</p> </p>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/about/">
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" 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 Read More
</a> </a>
</Link>
</div> </div>
</div> </div>
</div> </div>
@ -102,12 +106,13 @@ export default function Why() {
questions to ask and the process of answering them. questions to ask and the process of answering them.
</p> </p>
<div className="mt-6"> <div className="mt-6">
<a <Link href="/about">
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" 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 Read More
</a> </a>
</Link>
</div> </div>
</div> </div>
</div> </div>