Merge branch 'blog-page' of https://github.com/Anuran12/WebXDAO.github.io into blog-page

Author: Anuran12

.github/workflows/deploy-node.yml

@@ -6,16 +6,14 @@ name: Node.js CI
 on:
   push:
     branches: [main]
-  pull_request:
-    branches: [main]
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [14.x, 16.x]
+        node-version: [18.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:16.17.0-alpine
+WORKDIR '/app'
+
+COPY package.json .
+RUN npm install
+COPY . .
+
+CMD ["npm","run","dev"]
+
+
+
+# if facing error while building image, paste there two command in terminal.
+
+# export DOCKER_BUILDKIT=0
+#export COMPOSE_DOCKER_CLI_BUILD=0

docker-compose.yaml

@@ -0,0 +1,20 @@
+version: "3"
+services:
+  react-app:
+    restart: always
+    build:
+      context: ./
+      dockerfile: Dockerfile
+    image: amazon-clone
+    stdin_open: true
+    ports:
+      - "3000:3000"
+    networks:
+      - app
+    volumes:
+      - ./src:/app/src
+      - ./app/node_modules
+
+networks:
+  app:
+    driver: bridge

package.json

@@ -1,6 +1,7 @@
 {
   "name": "webxdao.github.io",
   "private": true,
+  "homepage": "https://webxdao.github.io",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -25,5 +26,22 @@
     "eslint-config-next": "12.3.0",
     "postcss": "^8.4.5",
     "tailwindcss": "^3.0.13"
+  },
+  "description": "WebXDAO website",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WebXDAO/WebXDAO.github.io.git"
+  },
+  "keywords": [
+    "javascript",
+    "typescript",
+    "tailwindcss",
+    "nextjs",
+    "webxdao"
+  ],
+  "author": "WebXDAO",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/WebXDAO/WebXDAO.github.io/issues"
   }
 }

src/components/Global/Footer.js

@@ -69,7 +69,7 @@ const Footer = () => {
                     {item.name}
                   </p>
 
-                  <nav className="mt-8">
+                  <nav className="mt-8" aria-label={item.name}>
                     <ul className="space-y-4 text-sm">
                       {item.children.map((child) => (
                         <li key={child.name}>

src/components/Global/Navbar.js

@@ -1,5 +1,5 @@
-import { Fragment } from "react";
 import Link from 'next/link';
+import { Fragment } from "react";
 import { Popover, Transition } from "@headlessui/react";
 import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
 import { SiGithubsponsors } from "react-icons/si";
@@ -23,11 +23,11 @@ const Navbar = () => {
         >
           <div className="flex flex-1 items-center">
             <div className="flex w-full items-center justify-between md:w-auto">
-              <Link href={'/'}>
+              <Link href="/">
                 <>
-                  <span className="sr-only">WebX DAO</span>
+                  <span className="sr-only ">WebX DAO</span>
                   <img
-                    className="h-8 w-auto sm:h-10"
+                    className="h-8 w-auto sm:h-10 cursor-pointer"
                     src="/images/logo/white_logo.png"
                     alt="WebX DAO White Logo"
                   />

src/components/Home/HeroSection/ContributeButton.js

@@ -4,17 +4,14 @@ import Link from 'next/link';
 const ContributeButton = () => {
   return (
     <>
-      <motion.button
+      <motion.a
         className="inline-flex items-center justify-center px-8 py-3 text-base font-medium transition-all duration-100 bg-gray-100 border border-transparent rounded-md shadow-md border-dark hover:border-white/80 text-slate-700 hover:bg-gray-700 hover:text-slate-100 focus:outline-none focus:ring-2 focus:ring-cyber-webx focus:ring-offset-2"
         whileHover={{ scale: 1.05 }}
         whileTap={{ scale: 1 }}
+        href="https://github.com/webxdao"
       >
-        <Link href="https://github.com/webxdao">
-          <a className="inline-flex items-center justify-center w-full">
-            Contribute
-          </a>
-        </Link>
-      </motion.button>
+        Contribute
+      </motion.a>
     </>
   );
 };

src/components/Home/HeroSection/DiscordButton.js

@@ -5,18 +5,15 @@ import Link from 'next/link';
 const DiscordButton = () => {
   return (
     <>
-      <motion.button
+      <motion.a
         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"
         whileHover={{ scale: 1.05 }}
         whileTap={{ scale: 1 }}
+        href="https://dsc.gg/webxdao"
       >
-        <Link href="https://dsc.gg/webxdao">
-          <a className="inline-flex items-center justify-center w-full">
-            Join WebXDAO
-            <FaDiscord className="w-5 h-5 ml-3 -mr-1" aria-hidden="true" />
-          </a>
-        </Link>
-      </motion.button>
+        Join WebXDAO
+        <FaDiscord className="w-5 h-5 ml-3 -mr-1" aria-hidden="true" />
+      </motion.a>
     </>
   );
 };

src/components/Home/HeroSection/Hero.js

@@ -33,7 +33,7 @@ export default function Hero() {
                         </div>
                         <CallToActionHero></CallToActionHero>
                         <p className="mt-3 text-sm text-white/70 sm:mt-4">
-                          We are a opensource community working around the
+                          We are an opensource community working around the
                           future of the web. Learn blockchain technology
                           together. The community is powered by{' '}
                           <Link href="https://devprotocol.xyz/">

src/pages/_document.js

@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}