add skip logo

src/components/Footer.tsx

@@ -0,0 +1,26 @@
+import Image from "next/image";
+import Link from "next/link";
+
+function Footer() {
+  return (
+    <div className="relative flex flex-row items-center justify-center space-x-0 px-4 py-8 sm:py-12">
+      <p className="text-sm text-black sm:text-base">Crafted by Skip</p>
+      <Link
+        href="https://skip.money/"
+        target="_blank"
+      >
+        <div className="relative h-12 w-36">
+          <Image
+            src="/skip-logo.png"
+            fill
+            className="h-8 sm:h-16"
+            alt={"skip logo"}
+            objectFit="contain"
+          />
+        </div>
+      </Link>
+    </div>
+  );
+}
+
+export default Footer;

src/layouts/default.tsx

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { Toaster } from "react-hot-toast";
 
+import Footer from "@/components/Footer";
 import Header from "@/components/Header";
 import { Help } from "@/components/Help";
 import SkipBanner from "@/components/SkipBanner";
@@ -16,6 +17,7 @@ export function DefaultLayout({ children }: { children: ReactNode }) {
           <SkipBanner className="inset-x-0 top-0 z-50 w-screen sm:fixed" />
           <Header />
           {children}
+          <Footer />
         </main>
         <VersionCheck />
         <Help />