From 6eff7ef09aca946e30bd10cea49e17375e18989e Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Wed, 21 Jan 2026 12:16:49 +0000
Subject: [PATCH] Replace external Footer with local component to fix 'Why
 Drop' text

Co-authored-by: usman <usman@ciphera.net>
---
 app/layout-content.tsx |  3 ++-
 components/Footer.tsx  | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 components/Footer.tsx

diff --git a/app/layout-content.tsx b/app/layout-content.tsx
index eeeb747..9d761d0 100644
--- a/app/layout-content.tsx
+++ b/app/layout-content.tsx
@@ -1,6 +1,7 @@
 'use client'
 
-import { Header, Footer } from '@ciphera-net/ui'
+import { Header } from '@ciphera-net/ui'
+import { Footer } from '@/components/Footer'
 import { useAuth } from '@/lib/auth/context'
 import Link from 'next/link'
 
diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..5d75610
--- /dev/null
+++ b/components/Footer.tsx
@@ -0,0 +1,34 @@
+import Link from 'next/link'
+import React from 'react'
+
+interface FooterProps {
+  LinkComponent?: any
+  appName?: string
+}
+
+export function Footer({ LinkComponent = Link, appName = 'Pulse' }: FooterProps) {
+  const Component = LinkComponent
+
+  return (
+    <footer className="border-t border-neutral-200 dark:border-neutral-800 mt-auto bg-white dark:bg-neutral-950">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <div className="flex flex-col md:flex-row justify-between items-center gap-4">
+          <div className="text-sm text-neutral-500 dark:text-neutral-400">
+            © {new Date().getFullYear()} Ciphera. All rights reserved.
+          </div>
+          <div className="flex gap-6 text-sm font-medium text-neutral-600 dark:text-neutral-300">
+            <Component href="/about" className="hover:text-brand-orange transition-colors">
+              Why {appName}
+            </Component>
+            <Component href="/security" className="hover:text-brand-orange transition-colors">
+              Security
+            </Component>
+            <Component href="/faq" className="hover:text-brand-orange transition-colors">
+              FAQ
+            </Component>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}