NODE REAL

.gitignore

@@ -29,6 +29,7 @@ yarn-error.log*
 .env.development.local
 .env.test.local
 .env.production.local
+.env
 
 # vercel
 .vercel

.prettierignore

@@ -0,0 +1,4 @@
+sitemap.xml.js
+.next
+out
+public

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "trailingComma": "all",
+  "printWidth": 120,
+  "tabWidth": 2
+}

README.md

@@ -1,5 +1,3 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
 ## Getting Started
 
 First, run the development server:
@@ -14,21 +12,6 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+## Adding your RPC
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+If you wish to add your RPC, please follow the [PR template](https://github.com/DefiLlama/chainlist/blob/main/pull_request_template.md)

components/Layout/index.js

@@ -0,0 +1,91 @@
+import * as React from "react";
+import Header from "../header";
+// import { useTranslations } from "next-intl";
+import { notTranslation as useTranslations } from "../../utils";
+import Logo from "./Logo";
+import { useRouter } from "next/router";
+
+export default function Layout({ children, lang }) {
+  const t = useTranslations("Common", lang);
+
+  const router = useRouter();
+
+  const { search } = router.query;
+
+  const chainName = typeof search === "string" ? search : "";
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-[40vw,_auto]">
+      <div className="relative h-full">
+        <div className="p-5 sticky top-0 bottom-0 m-auto flex flex-col items-center gap-8 justify-center h-screen max-w-[480px] mx-auto">
+          <figure className="lg:mr-auto">
+            <Logo />
+            <figcaption className="font-bold text-2xl">{t("help-info")}</figcaption>
+          </figure>
+
+          <h1 className="font-medium text-base">{t("description")}</h1>
+
+          <div className="flex flex-col gap-4 w-full">
+            <a
+              className="flex items-center justify-center mx-auto lg:ml-0 gap-2 rounded-[50px] max-w-[16.25rem] font-medium py-[18px] px-6 shadow-lg w-full bg-[#2F80ED] text-white"
+              href="https://github.com/ethereum-lists/chains"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span className="text-base font-medium">{t("add-your-network")}</span>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                strokeWidth={1.5}
+                stroke="currentColor"
+                className="w-[22px] h-[22px]"
+              >
+                <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+              </svg>
+            </a>
+
+            <a
+              className="flex items-center justify-center mx-auto lg:ml-0 gap-2 rounded-[50px] max-w-[16.25rem] font-medium py-[17px] px-6 w-full bg-white text-[#2F80ED] border border-[#EAEAEA]"
+              href="https://github.com/DefiLlama/chainlist/blob/main/constants/extraRpcs.js"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span className="text-base font-medium">{t("add-your-rpc")}</span>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                strokeWidth={1.5}
+                stroke="currentColor"
+                className="w-[22px] h-[22px]"
+              >
+                <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+              </svg>
+            </a>
+          </div>
+
+          <a
+            className="flex items-center gap-2 mx-auto lg:ml-0"
+            href="https://github.com/DefiLlama/chainlist"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <svg version="1.1" className="w-6 h-6" viewBox="0 0 24 24">
+              <path
+                fill={"#2F80ED"}
+                d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"
+              />
+            </svg>
+            <span className="text-base font-medium">{t("view-source-code")}</span>
+          </a>
+        </div>
+      </div>
+      <div className="bg-[#f3f3f3] p-5 relative flex flex-col gap-5">
+        <Header lang={lang} chainName={chainName} key={chainName} />
+
+        {children}
+      </div>
+    </div>
+  );
+}