From 0263d85e507b413812bc7748a45ec462b810ce24 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 30 Jan 2026 19:47:48 +0100
Subject: [PATCH] chore: update @ciphera-net/ui dependency to version 0.0.34 in
 package.json and package-lock.json; refactor Footer component to simplify
 layout and remove WebsiteFooter

---
 app/layout-content.tsx       |  14 +--
 app/security/page.tsx        |  59 ----------
 components/Footer.tsx        |   3 -
 components/WebsiteFooter.tsx | 213 -----------------------------------
 package-lock.json            |   8 +-
 package.json                 |   2 +-
 6 files changed, 9 insertions(+), 290 deletions(-)
 delete mode 100644 app/security/page.tsx

diff --git a/app/layout-content.tsx b/app/layout-content.tsx
index 5b1c814..012425c 100644
--- a/app/layout-content.tsx
+++ b/app/layout-content.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import { Header, Footer } from '@ciphera-net/ui'
-import WebsiteFooter from '@/components/WebsiteFooter'
 import { useAuth } from '@/lib/auth/context'
 import Link from 'next/link'
 import { useEffect, useState } from 'react'
@@ -54,15 +53,10 @@ export default function LayoutContent({ children }: { children: React.ReactNode
       <main className="flex-1 pt-24 pb-8">
         {children}
       </main>
-      {auth.user ? (
-        <Footer 
-          LinkComponent={Link}
-          appName="Pulse"
-          year="2024-2026"
-        />
-      ) : (
-        <WebsiteFooter />
-      )}
+      <Footer 
+        LinkComponent={Link}
+        appName="Pulse"
+      />
     </>
   )
 }
diff --git a/app/security/page.tsx b/app/security/page.tsx
deleted file mode 100644
index 3399a7a..0000000
--- a/app/security/page.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-export default function SecurityPage() {
-  return (
-    <div className="container mx-auto px-4 py-8 max-w-4xl">
-      <h1 className="text-3xl font-bold mb-6 text-neutral-900 dark:text-white">
-        Security & Privacy
-      </h1>
-      
-      <div className="prose prose-neutral dark:prose-invert max-w-none">
-        <h2 className="text-2xl font-semibold mt-8 mb-4 text-neutral-900 dark:text-white">
-          Data Protection
-        </h2>
-        <p className="text-neutral-600 dark:text-neutral-400 mb-4">
-          Pulse is built with security and privacy as core principles:
-        </p>
-        <ul className="list-disc list-inside space-y-2 text-neutral-600 dark:text-neutral-400 mb-6">
-          <li>All data is encrypted in transit using TLS/SSL</li>
-          <li>No personal data is collected or stored</li>
-          <li>IP addresses are hashed immediately and not stored</li>
-          <li>No cookies or cross-session identifiers; sessionStorage is used only to group events within a single visit</li>
-          <li>Data is processed anonymously</li>
-        </ul>
-        
-        <h2 className="text-2xl font-semibold mt-8 mb-4 text-neutral-900 dark:text-white">
-          Compliance
-        </h2>
-        <p className="text-neutral-600 dark:text-neutral-400 mb-4">
-          Pulse is compliant with:
-        </p>
-        <ul className="list-disc list-inside space-y-2 text-neutral-600 dark:text-neutral-400 mb-6">
-          <li>GDPR (General Data Protection Regulation)</li>
-          <li>CCPA (California Consumer Privacy Act)</li>
-          <li>PECR (Privacy and Electronic Communications Regulations)</li>
-        </ul>
-        
-        <h2 className="text-2xl font-semibold mt-8 mb-4 text-neutral-900 dark:text-white">
-          Infrastructure Security
-        </h2>
-        <p className="text-neutral-600 dark:text-neutral-400 mb-4">
-          Our infrastructure follows security best practices:
-        </p>
-        <ul className="list-disc list-inside space-y-2 text-neutral-600 dark:text-neutral-400 mb-6">
-          <li>Regular security audits and updates</li>
-          <li>Secure data centers with physical security</li>
-          <li>Automated backups and disaster recovery</li>
-          <li>Rate limiting and DDoS protection</li>
-          <li>Secure authentication and authorization</li>
-        </ul>
-        
-        <h2 className="text-2xl font-semibold mt-8 mb-4 text-neutral-900 dark:text-white">
-          Your Data, Your Control
-        </h2>
-        <p className="text-neutral-600 dark:text-neutral-400 mb-4">
-          You have full control over your analytics data. You can delete sites and all 
-          associated data at any time. We never share your data with third parties.
-        </p>
-      </div>
-    </div>
-  )
-}
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 4c175a7..5d75610 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -26,9 +26,6 @@ export function Footer({ LinkComponent = Link, appName = 'Pulse' }: FooterProps)
             <Component href="/faq" className="hover:text-brand-orange transition-colors">
               FAQ
             </Component>
-            <Component href="/installation" className="hover:text-brand-orange transition-colors">
-              Installation
-            </Component>
           </div>
         </div>
       </div>
diff --git a/components/WebsiteFooter.tsx b/components/WebsiteFooter.tsx
index 386a240..e69de29 100644
--- a/components/WebsiteFooter.tsx
+++ b/components/WebsiteFooter.tsx
@@ -1,213 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import Image from 'next/image'
-import { GithubIcon, TwitterIcon } from '@ciphera-net/ui'
-import SwissFlagIcon from './SwissFlagIcon'
-
-const footerLinks = {
-  features: [
-    { name: 'Analytics', href: '/#features', external: false },
-    { name: 'Security', href: '/security', external: false },
-    { name: 'FAQ', href: '/faq', external: false },
-    { name: 'Get Started', href: '/signup', external: false },
-  ],
-  company: [
-    { name: 'About Pulse', href: '/about', external: false },
-    { name: 'Ciphera', href: 'https://ciphera.net', external: true },
-    { name: 'Drop', href: 'https://drop.ciphera.net', external: true },
-  ],
-  resources: [
-    { name: 'Documentation', href: '#', external: false },
-    { name: 'Installation', href: '/installation', external: false },
-    { name: 'Integrations', href: '/integrations', external: false },
-    { name: 'GitHub', href: 'https://github.com/ciphera-net', external: true },
-  ],
-  legal: [
-    { name: 'Privacy Policy', href: 'https://ciphera.net/privacy', external: true },
-    { name: 'Terms of Service', href: 'https://ciphera.net/terms', external: true },
-  ],
-}
-
-// * Pulse website footer - customized for Pulse branding
-export default function WebsiteFooter() {
-  const year = new Date().getFullYear()
-
-  return (
-    <footer className="w-full mt-auto border-t border-neutral-100 dark:border-neutral-800 bg-white/50 dark:bg-neutral-900/50 backdrop-blur-sm">
-      <div className="mx-auto max-w-6xl px-4 sm:px-6 py-12 lg:py-16">
-        {/* * Main footer content */}
-        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-6 sm:gap-8 lg:gap-12">
-          {/* * Brand column */}
-          <div className="col-span-1 sm:col-span-2 md:col-span-4 lg:col-span-1 lg:pr-8">
-            <Link href="/" className="flex items-center gap-3 mb-4 group">
-              <Image
-                src="/pulse_icon_no_margins.png"
-                alt="Pulse privacy-first analytics logo"
-                width={24}
-                height={36}
-                loading="lazy"
-                className="h-9 w-auto group-hover:scale-105 transition-transform duration-300"
-              />
-              <span className="text-xl font-bold text-neutral-900 dark:text-white group-hover:text-brand-orange transition-colors duration-300">
-                Pulse
-              </span>
-            </Link>
-            <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-4 leading-relaxed">
-              Simple, privacy-first web analytics that doesn't compromise your users' data.
-            </p>
-            <div className="inline-flex items-center gap-2.5 text-sm text-neutral-600 dark:text-neutral-400 mb-4">
-              <span className="flex items-center justify-center w-8 h-8 rounded-lg bg-neutral-100 dark:bg-neutral-800 shrink-0 overflow-hidden ring-1 ring-neutral-200 dark:ring-neutral-700" aria-hidden>
-                <SwissFlagIcon className="w-5 h-5" />
-              </span>
-              <span>Swiss infrastructure (Zurich).</span>
-            </div>
-            <div className="flex items-center gap-3">
-              <a
-                href="https://github.com/ciphera-net"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="w-9 h-9 rounded-lg bg-neutral-100 dark:bg-neutral-800 flex items-center justify-center text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors"
-                aria-label="GitHub"
-              >
-                <GithubIcon className="w-5 h-5" />
-              </a>
-              <a
-                href="#"
-                className="w-9 h-9 rounded-lg bg-neutral-100 dark:bg-neutral-800 flex items-center justify-center text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors"
-                aria-label="Twitter"
-              >
-                <TwitterIcon className="w-5 h-5" />
-              </a>
-            </div>
-          </div>
-
-          {/* * Features */}
-          <div>
-            <h4 className="font-semibold text-neutral-900 dark:text-white mb-4">Platform</h4>
-            <ul className="space-y-3">
-              {footerLinks.features.map((link) => (
-                <li key={link.name}>
-                  {link.external ? (
-                    <a
-                      href={link.href}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </a>
-                  ) : (
-                    <Link
-                      href={link.href}
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </Link>
-                  )}
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          {/* * Company */}
-          <div>
-            <h4 className="font-semibold text-neutral-900 dark:text-white mb-4">Company</h4>
-            <ul className="space-y-3">
-              {footerLinks.company.map((link) => (
-                <li key={link.name}>
-                  {link.external ? (
-                    <a
-                      href={link.href}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </a>
-                  ) : (
-                    <Link
-                      href={link.href}
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </Link>
-                  )}
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          {/* * Resources */}
-          <div>
-            <h4 className="font-semibold text-neutral-900 dark:text-white mb-4">Resources</h4>
-            <ul className="space-y-3">
-              {footerLinks.resources.map((link) => (
-                <li key={link.name}>
-                  {link.external ? (
-                    <a
-                      href={link.href}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </a>
-                  ) : (
-                    <Link
-                      href={link.href}
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </Link>
-                  )}
-                </li>
-              ))}
-            </ul>
-          </div>
-
-          {/* * Legal */}
-          <div>
-            <h4 className="font-semibold text-neutral-900 dark:text-white mb-4">Legal</h4>
-            <ul className="space-y-3">
-              {footerLinks.legal.map((link) => (
-                <li key={link.name}>
-                  {link.external ? (
-                    <a
-                      href={link.href}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </a>
-                  ) : (
-                    <Link
-                      href={link.href}
-                      className="text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
-                    >
-                      {link.name}
-                    </Link>
-                  )}
-                </li>
-              ))}
-            </ul>
-          </div>
-        </div>
-
-        {/* * Divider */}
-        <div className="h-px w-full bg-gradient-to-r from-transparent via-neutral-200 dark:via-neutral-800 to-transparent my-8" />
-
-        {/* * Bottom bar */}
-        <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
-          <p className="text-sm text-neutral-500 dark:text-neutral-400">
-            © 2024-{year} Ciphera. All rights reserved.
-          </p>
-          <p className="text-sm text-neutral-500 dark:text-neutral-400">
-            Where Privacy Still Exists
-          </p>
-        </div>
-      </div>
-    </footer>
-  )
-}
diff --git a/package-lock.json b/package-lock.json
index 181cdee..aeffd56 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "pulse-frontend",
       "version": "0.1.0",
       "dependencies": {
-        "@ciphera-net/ui": "^0.0.33",
+        "@ciphera-net/ui": "^0.0.34",
         "axios": "^1.13.2",
         "country-flag-icons": "^1.6.4",
         "d3-scale": "^4.0.2",
@@ -269,9 +269,9 @@
       }
     },
     "node_modules/@ciphera-net/ui": {
-      "version": "0.0.33",
-      "resolved": "https://npm.pkg.github.com/download/@ciphera-net/ui/0.0.33/1373a8850ae22fdb1b4580846119c51e5c702a3c",
-      "integrity": "sha512-HNK4DctShxWJDwW3g7HGN/2axQXvPhG2WT4vo3SVksbj9vvl1QfDczEmS+hOrU4QmxX8Wywjo0kw4bCoO1q1CQ==",
+      "version": "0.0.34",
+      "resolved": "https://npm.pkg.github.com/download/@ciphera-net/ui/0.0.34/108b07139ef3cb9a0e6d2090601a9d3e1373cea1",
+      "integrity": "sha512-2VWQY4Or7CZC7IPljIQwgN2BhmmlYZzulffnCQoYmTRgp9DVqXV5WxjjG6vChw2D/S4QjL/ERsgMLxmQeN9RuA==",
       "dependencies": {
         "@radix-ui/react-icons": "^1.3.0",
         "clsx": "^2.1.0",
diff --git a/package.json b/package.json
index 7379b31..237fbf8 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@ciphera-net/ui": "^0.0.33",
+    "@ciphera-net/ui": "^0.0.34",
     "axios": "^1.13.2",
     "country-flag-icons": "^1.6.4",
     "d3-scale": "^4.0.2",