From a249c33fba961711993fc8512e6c6bd9af84fe72 Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Fri, 16 Jan 2026 15:56:39 +0000
Subject: [PATCH] Update components/footer.tsx

---
 components/footer.tsx | 106 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 components/footer.tsx

diff --git a/components/footer.tsx b/components/footer.tsx
new file mode 100644
index 0000000..6b931f3
--- /dev/null
+++ b/components/footer.tsx
@@ -0,0 +1,106 @@
+import Link from "next/link";
+import React from "react";
+import { Logo } from "./Logo";
+
+export const Footer = () => {
+  const links = [
+    {
+      name: "Pricing",
+      href: "/pricing",
+    },
+    {
+      name: "Blog",
+      href: "/blog",
+    },
+    {
+      name: "Tools",
+      href: "/tools",
+    },
+    {
+      name: "Contact",
+      href: "/contact",
+    },
+  ];
+  const legal = [
+    {
+      name: "Privacy Policy",
+      href: "#",
+    },
+    {
+      name: "Terms of Service",
+      href: "#",
+    },
+    {
+      name: "Refund Policy",
+      href: "#",
+    },
+  ];
+  const socials = [
+    {
+      name: "Twitter",
+      href: "",
+    },
+    {
+      name: "LinkedIn",
+      href: "",
+    },
+    {
+      name: "GitHub",
+      href: "",
+    },
+  ];
+  return (
+    <div className="relative">
+      <div className="border-t border-neutral-100  dark:border-neutral-800 px-8 pt-20 pb-32 relative bg-white dark:bg-black">
+        <div className="max-w-7xl mx-auto text-sm text-neutral-500 dark:text-neutral-400 flex sm:flex-row flex-col justify-between items-start ">
+          <div>
+            <div className="mr-4  md:flex mb-4">
+              <Logo />
+            </div>
+            <div>Copyright &copy; 2025 by Mnémosyne</div>
+            <div className="mt-2">All rights reserved</div>
+          </div>
+          <div className="grid grid-cols-3 gap-10 items-start mt-10 md:mt-0">
+            <div className="flex justify-center space-y-4 flex-col mt-4">
+              {links.map((link) => (
+                <Link
+                  key={link.name}
+                  className="transition-colors hover:text-black text-muted dark:text-muted-dark dark:hover:text-neutral-400 text-xs sm:text-sm"
+                  href={link.href}
+                >
+                  {link.name}
+                </Link>
+              ))}
+            </div>
+            <div className="flex justify-center space-y-4 flex-col mt-4">
+              {legal.map((link) => (
+                <Link
+                  key={link.name}
+                  className="transition-colors hover:text-black text-muted dark:text-muted-dark dark:hover:text-neutral-400 text-xs sm:text-sm"
+                  href={link.href}
+                >
+                  {link.name}
+                </Link>
+              ))}
+            </div>
+            <div className="flex justify-center space-y-4 flex-col mt-4">
+              {socials.map((link) => (
+                <Link
+                  key={link.name}
+                  className="transition-colors hover:text-black text-muted dark:text-muted-dark dark:hover:text-neutral-400 text-xs sm:text-sm"
+                  href={link.href}
+                >
+                  {link.name}
+                </Link>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+      {/* Large background text - Should be updated with actual app name */}
+      <p className="text-center text-5xl md:text-9xl lg:text-[18rem] font-bold bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 dark:from-neutral-950 to-neutral-200 dark:to-neutral-800 inset-x-0">
+        Mnémosyne
+      </p>
+    </div>
+  );
+};