Skip to content

Commit fddfe73

Browse files
authored
Merge pull request #266 from WebXDAO/improve_seo
feat: improve SEO
2 parents ab2df40 + eb179c6 commit fddfe73

File tree

6 files changed

+163
-145
lines changed

6 files changed

+163
-145
lines changed

src/components/Global/Footer.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ import Link from "next/link";
44
const navigation = [
55
{
66
name: "ABOUT US",
7-
href: "/about",
7+
href: "/about-us",
88
children: [
9-
{ name: "Who we are?", href: "/about#who" },
10-
{ name: "What we do?", href: "/about#what" },
9+
{ name: "Who we are?", href: "/about-us#who" },
10+
{ name: "What we do?", href: "/about-us#what" },
1111
{ name: "Team WebX", href: "/team" },
1212
],
1313
},

src/components/Home/AboutSection.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,8 @@ export default function AboutSection() {
4444
<div className="justify-center flex items-center mt-3">
4545
<img
4646
className=" lg:w-50 sm:w-100"
47-
src="/images/shapes/ossCommunity.png"
48-
alt=""
47+
src="/public/images/shapes/osscommunity.png"
48+
alt="OSS Community"
4949
/>
5050
</div>
5151
</div>

src/pages/404.js

Lines changed: 40 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,51 @@
11
// pages/404.js
2+
import Head from "next/head";
23
import { motion } from "framer-motion";
34
import Link from 'next/link'
45

56
const Custom404 = () => {
67
return (
7-
<div className="min-h-full px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8">
8-
<div className="mx-auto max-w-max">
9-
<main className="sm:flex">
10-
<p className="bg-gradient-to-r from-pink-500 to-pink-700 bg-clip-text text-4xl font-bold tracking-tight text-transparent sm:text-5xl">
11-
404
12-
</p>
13-
<div className="sm:ml-6">
14-
<div className="sm:border-l sm:border-gray-200 sm:pl-6 text-white">
15-
<h1 className="text-4xl font-bold tracking-tight sm:text-5xl">
16-
Page not found
17-
</h1>
18-
<p className="mt-4 text-base text-gray-300">
19-
Please check the URL in the address bar and try again.
20-
</p>
8+
<>
9+
<Head>
10+
<title>404 | WebXDAO</title>
11+
</Head>
12+
<div className="min-h-full px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8">
13+
<div className="mx-auto max-w-max">
14+
<main className="sm:flex">
15+
<p className="bg-gradient-to-r from-pink-500 to-pink-700 bg-clip-text text-4xl font-bold tracking-tight text-transparent sm:text-5xl">
16+
404
17+
</p>
18+
<div className="sm:ml-6">
19+
<div className="sm:border-l sm:border-gray-200 sm:pl-6 text-white">
20+
<h1 className="text-4xl font-bold tracking-tight sm:text-5xl">
21+
Page not found
22+
</h1>
23+
<p className="mt-4 text-base text-gray-300">
24+
Please check the URL in the address bar and try again.
25+
</p>
26+
</div>
27+
<div className="mt-10 flex space-x-3 sm:border-l sm:border-transparent sm:pl-6">
28+
<Link href="/">
29+
<motion.a
30+
className="inline-flex items-center justify-center px-4 py-3 text-base font-medium transition-all duration-100 border border-transparent rounded-md shadow-sm hover:border-white/80 bg-cyber-webx text-white/80 hover:text-white hover:bg-gradient-to-r hover:from-pink-700 hover:to-pink-900 focus:outline-none focus:ring-2 focus:ring-cyber-webx focus:ring-offset-2"
31+
whileHover={{ scale: 1.05 }}
32+
whileTap={{ scale: 1 }}
33+
href="/"
34+
>
35+
Go back home
36+
</motion.a>
37+
</Link>
38+
{/* <Link href="/support">
39+
<a className="inline-flex items-center rounded-md border border-transparent bg-pink-100 px-4 py-2 text-sm font-medium text-black hover:bg-pink-200 focus:outline-none focus:ring-2 focus:ring-pink-500 focus:ring-offset-2">
40+
Contact support
41+
</a>
42+
</Link> */}
43+
</div>
2144
</div>
22-
<div className="mt-10 flex space-x-3 sm:border-l sm:border-transparent sm:pl-6">
23-
<Link href="/">
24-
<motion.a
25-
className="inline-flex items-center justify-center px-4 py-3 text-base font-medium transition-all duration-100 border border-transparent rounded-md shadow-sm hover:border-white/80 bg-cyber-webx text-white/80 hover:text-white hover:bg-gradient-to-r hover:from-pink-700 hover:to-pink-900 focus:outline-none focus:ring-2 focus:ring-cyber-webx focus:ring-offset-2"
26-
whileHover={{ scale: 1.05 }}
27-
whileTap={{ scale: 1 }}
28-
href="/"
29-
>
30-
Go back home
31-
</motion.a>
32-
</Link>
33-
{/* <Link href="/support">
34-
<a className="inline-flex items-center rounded-md border border-transparent bg-pink-100 px-4 py-2 text-sm font-medium text-black hover:bg-pink-200 focus:outline-none focus:ring-2 focus:ring-pink-500 focus:ring-offset-2">
35-
Contact support
36-
</a>
37-
</Link> */}
38-
</div>
39-
</div>
40-
</main>
45+
</main>
46+
</div>
4147
</div>
42-
</div>
48+
</>
4349
)
4450
}
4551

src/pages/about-us.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default function Home({ articles }) {
66
return (
77
<>
88
<Head>
9-
<title>WebXDAO - Opensource Community</title>
9+
<title>About us | WebXDAO</title>
1010
</Head>
1111
<div className="flex flex-col h-screen">
1212
<AboutSection />

src/pages/index.js

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,18 @@ export default function Home({ articles }) {
55
return (
66
<>
77
<Head>
8-
<title>WebXDAO - Opensource Community</title>
9-
<meta name="description" content="We are an opensource community working around the future of the web. Learn blockchain technology together. "/>
8+
<title>WebXDAO - OpenSource Community</title>
9+
<meta name="description" content="We are an OpenSource community working around the future of the web. Learn Blockchain technology together."/>
1010
<meta name="keywords" content="WebXDAO,Web,Web3,Blockchain,OpenSource,DAO"/>
1111
<meta name="viewport" content="width=device-width, initial-scale=1"/>
1212
<meta name="author" content="WebXDAO community"/>
13+
<meta property="og:title" content="WebXDAO - OpenSource Community"/>
14+
<meta property="og:image" content="https://github.com/WebXDAO.png"/>
15+
<meta property="og:url" content="https://webxdao.xyz"/>
16+
<meta property="og:type" content="website"/>
17+
<meta property="og:locale" content="en_US"/>
18+
<meta property="og:description" content="We are an OpenSource community working around the future of the web. Learn Blockchain technology together."/>
19+
1320
</Head>
1421
<div className="flex flex-col h-screen">
1522
<Hero />

0 commit comments

Comments
 (0)