feat: website v3 (full rewrite) (#67)

hey, 

i decided to start fresh instead of messing around with the old stale
code.
this adds: 
- uses nextjs and tailwind (i chose this to get it done in time for
ethcc and my comps were ready to go.)
- the new plugin page design
- new comms and content from the marketing team

pls review at diff screen sizes so i can fix all cosmetic bugs.

---------

Signed-off-by: Marin Petrunic <[email protected]>
Co-authored-by: David Ansermino <[email protected]>
Co-authored-by: Marin Petrunic <[email protected]>

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.github/workflows/deploy_preview.yaml

@@ -23,7 +23,7 @@ jobs:
       uses: actions/setup-node@v3
       with:
         cache: yarn
-        node-version: 16
+        node-version: 18
 
     - run: corepack enable
 
@@ -40,4 +40,4 @@ jobs:
         accountId: 2238a825c5aca59233eab1f221f7aefb
         projectName: web3js-landing
         directory: ./build
-        gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+        gitHubToken: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy_prod.yaml

@@ -27,7 +27,7 @@ jobs:
       uses: actions/setup-node@v3
       with:
         cache: yarn
-        node-version: 16
+        node-version: 18
 
     - run: corepack enable
 
@@ -44,4 +44,4 @@ jobs:
 
     - name: Deploy to GitHub Pages
       id: deployment
-      uses: actions/deploy-pages@v1
+      uses: actions/deploy-pages@v1

.gitignore

@@ -4,21 +4,33 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.idea
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

next.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    output: 'export',
+    distDir: 'build',
+    reactStrictMode: true,
+};
+
+export default nextConfig;

package.json

@@ -1,62 +1,33 @@
 {
-  "name": "web3js-landing",
+  "name": "web3js-website-next",
   "version": "0.1.0",
   "private": true,
-  "homepage": "https://web3js.org",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
   "dependencies": {
-    "@chainsafe/common-components": "^1.0.30",
-    "@chainsafe/common-theme": "^1.0.10",
-    "@lingui/babel-preset-react": "^2.9.2",
-    "@lingui/cli": "^3.10.2",
-    "@lingui/core": "^3.10.4",
-    "@lingui/macro": "^3.10.2",
-    "@lingui/react": "^3.10.2",
-    "@types/react": "^17.0.19",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-embed-gist": "^1.0.0",
-    "clsx": "^1.1.1",
-    "formik": "^2.2.9",
-    "framer-motion": "4.1.17",
+    "@headlessui/react": "^2.1.2",
+    "@heroicons/react": "^2.1.4",
+    "framer-motion": "^11.2.13",
+    "next": "14.2.4",
     "query-registry": "^2.6.0",
-    "react": "^17.0.2",
-    "react-code-blocks": "^0.0.9-0",
-    "react-dom": "^17.0.2",
-    "react-embed-gist": "^1.0.12",
-    "react-toast-notifications": "^2.5.1",
-    "sass": "^1.54.9",
-    "web-vitals": "^1.0.1"
+    "react": "^18",
+    "react-code-blocks": "^0.1.6",
+    "react-dom": "^18",
+    "react-intersection-observer": "^9.10.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "react-app-rewired": "^2.2.1",
-    "react-scripts": "^5.0.1",
-    "typescript": "^4.3.5",
-    "util": "^0.12.5"
-  },
-  "scripts": {
-    "start": "react-app-rewired start",
-    "build": "react-app-rewired build",
-    "test": "react-app-rewired test",
-    "eject": "react-app-rewired eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.4",
+    "postcss": "^8.4.39",
+    "tailwindcss": "^3.4.4",
+    "typescript": "^5.3.3"
   }
 }

postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;