refactor: some name and styling changes

components/custom/footer.tsx

@@ -1,27 +1,39 @@
 import { usePathname } from 'next/navigation';
 import { Link } from './link';
 
-const links = [
-  { name: 'Subscribe', path: '/' },
-  { name: 'Privacy Policy', path: '/privacy' },
-];
+const links = [{ name: 'Subscribe', path: '/' }];
 
 function Footer() {
   const pathname = usePathname();
 
   return (
-    <ul className="flex justify-center space-x-4">
-      {links.map(
-        (link) =>
-          pathname !== link.path &&
-          !(pathname === '/confirmation' && link.path === '/subscribe') && (
-            <Link key={link.path} path={link.path} text={link.name} />
-          )
+    <div>
+      {pathname === '/' ? (
+        <p className='text-center text-xs text-gray-600'>
+          By subscribing, you agree to our{' '}
+          <a
+            className='font-medium text-indigo-600 hover:text-indigo-500'
+            href='/privacy'
+          >
+            Privacy Policy
+          </a>
+          .
+        </p>
+      ) : (
+        <ul className='flex justify-center space-x-4'>
+          {links.map(
+            link =>
+              pathname !== link.path &&
+              !(pathname === '/confirmation' && link.path === '/') && (
+                <Link key={link.path} path={link.path} text={link.name} />
+              )
+          )}
+          {pathname === '/privacy' && (
+            <Link path='/unsubscribe' text='Unsubscribe' />
+          )}
+        </ul>
       )}
-      {pathname === '/privacy' && (
-        <Link path="/unsubscribe" text="Unsubscribe" />
-      )}
-    </ul>
+    </div>
   );
 }