feat(footer): add footer

components/footer/index.tsx

@@ -0,0 +1,18 @@
+export default function Footer() {
+  return (
+    <div className="flex flex-col items-center py-[30px]">
+      <div className="my-[30px] flex items-center gap-[20px] sm:my-[40px]">
+        <a href="https://x.com/ringecosystem" target="_blank">
+          <img src="/icons/X.svg" alt="X" className="sm:h-[48px] sm:w-[48px]" />
+        </a>
+        <a href="https://t.me/ringecosystem" target="_blank">
+          <img src="/icons/Telegram.svg" alt="Telegram" className="sm:h-[48px] sm:w-[48px]" />
+        </a>
+        <a href="https://github.com/ringecosystem" target="_blank">
+          <img src="/icons/Github.svg" alt="Github" className="sm:h-[48px] sm:w-[48px]" />
+        </a>
+      </div>
+      <p className="text-white text-[16px] font-[300] leading-[19.2px] tracking-[1px]">2024 powered by RingDAO</p>
+    </div>
+  );
+}

components/layout.tsx

@@ -1,10 +1,11 @@
 import { type ReactNode } from "react";
 import { Navbar } from "./nav/navbar";
 import Image from "next/image";
+import Footer from "./footer";
 
 export const Layout: React.FC<{ children: ReactNode }> = (props) => {
   return (
-    <div className="flex flex-col items-center gap-20 bg-[#000]">
+    <div className="flex flex-col items-center bg-[#000]">
       <div className="flex w-full flex-col items-center">
         <Image
           src="/images/1920bg1.png"
@@ -29,7 +30,7 @@ export const Layout: React.FC<{ children: ReactNode }> = (props) => {
         </div>
       </div>
 
-      {/* Footer */}
+      <Footer />
     </div>
   );
 };

components/nav/navbar.tsx

@@ -23,7 +23,7 @@ export const Navbar: React.FC = () => {
 
   return (
     <>
-      <nav className="h-30 sticky top-0 w-full flex-col gap-2 border-b border-b-neutral-100 p-3 md:px-6 md:pb-0 md:pt-5 lg:gap-3">
+      <nav className="h-30 top-0 w-full flex-col gap-2 border-b border-b-neutral-100 p-3 md:px-6 md:pb-0 md:pt-5 lg:gap-3">
         <div className="flex w-full items-center justify-between">
           <Link
             href="/"

plugins/tokenVoting/pages/proposal-list.tsx

@@ -117,6 +117,7 @@ export default function Proposals() {
                   hairs: "CURLY",
                 }}
                 primaryButton={{
+                  className: "bg-[#afafaf] text-[#000] border-none hover:bg-[#000] hover:text-[#fff] duration-300 ",
                   label: "Connect your wallet",
                   onClick: () => open(),
                 }}