diff --git a/app/privacy/page.tsx b/app/privacy/page.tsx
index dd049f0..4b9f2f0 100644
--- a/app/privacy/page.tsx
+++ b/app/privacy/page.tsx
@@ -2,8 +2,21 @@
 
 import { CustomCard } from '@components/CustomCard';
 import { SchemaOrg } from '@components/SchemaOrg';
+import { useState, useEffect } from 'react';
+
+const useObfuscatedEmail = () => {
+  const [email, setEmail] = useState<string | null>(null);
+
+  useEffect(() => {
+    setEmail(process.env.NEXT_PUBLIC_BRAND_EMAIL || null);
+  }, []);
+
+  return email;
+};
 
 const Privacy = () => {
+  const email = useObfuscatedEmail();
+
   const schema = {
     '@context': 'https://schema.org',
     '@type': 'WebSite',
@@ -431,12 +444,16 @@ const Privacy = () => {
       <p className='leading-relaxed'>
         If you have any questions about this Privacy Policy, You can contact us
         by writing to{' '}
-        <a
-          href={`mailto:${process.env.NEXT_PUBLIC_BRAND_EMAIL}`}
-          className='text-purple-600 hover:text-purple-700'
-        >
-          {process.env.NEXT_PUBLIC_BRAND_EMAIL}
-        </a>
+        {email ? (
+          <a
+            href={`mailto:${email}`}
+            className='text-purple-600 hover:text-purple-700'
+          >
+            {email}
+          </a>
+        ) : (
+          <span className='text-gray-400'>loading...</span>
+        )}
         .
       </p>
     </div>
diff --git a/components/email/components/Footer.tsx b/components/email/components/Footer.tsx
index c868a46..9974551 100644
--- a/components/email/components/Footer.tsx
+++ b/components/email/components/Footer.tsx
@@ -1,12 +1,17 @@
-import {
-  User,
-  Building2,
-  Mail,
-  LogOut,
-  LayoutGrid,
-  Shield,
-  Home
-} from 'lucide-react';
+const iconStyle = {
+  display: 'inline-block',
+  verticalAlign: 'middle'
+};
+
+const Icon = ({ name, size = 16 }: { name: string; size?: number }) => (
+  <img
+    src={`${process.env.HOME_URL}/email-icons/${name}.png`}
+    width={size}
+    height={size}
+    alt=""
+    style={iconStyle}
+  />
+);
 
 export const Footer = () => {
   return (
@@ -44,7 +49,7 @@ export const Footer = () => {
               letterSpacing: '0.05em'
             }}
           >
-            <User size={16} color='#386FA4' />
+            <Icon name="user" size={16} />
             Contact Us
           </h4>
           <p
@@ -57,7 +62,7 @@ export const Footer = () => {
               color: '#4A5568'
             }}
           >
-            <Building2 size={14} color='#386FA4' />
+            <Icon name="building-2" size={14} />
             {process.env.NEXT_PUBLIC_BRAND_NAME}
           </p>
           <p
@@ -70,7 +75,7 @@ export const Footer = () => {
               color: '#4A5568'
             }}
           >
-            <Mail size={14} color='#386FA4' />
+            <Icon name="mail" size={14} />
             <a
               href={`mailto:${process.env.NEXT_PUBLIC_BRAND_EMAIL}`}
               style={{ color: '#386FA4', textDecoration: 'none' }}
@@ -88,7 +93,7 @@ export const Footer = () => {
               color: '#4A5568'
             }}
           >
-            <LogOut size={14} color='#386FA4' />
+            <Icon name="log-out" size={14} />
             <span>
               Click{' '}
               <a
@@ -124,7 +129,7 @@ export const Footer = () => {
               letterSpacing: '0.05em'
             }}
           >
-            <LayoutGrid size={16} color='#386FA4' />
+            <Icon name="layout-grid" size={16} />
             Quick Links
           </h4>
           <p
@@ -137,7 +142,7 @@ export const Footer = () => {
               color: '#4A5568'
             }}
           >
-            <Shield size={14} color='#386FA4' />
+            <Icon name="shield" size={14} />
             <a
               href={`${process.env.HOME_URL}/privacy`}
               style={{ color: '#386FA4', textDecoration: 'none' }}
@@ -155,7 +160,7 @@ export const Footer = () => {
               color: '#4A5568'
             }}
           >
-            <Home size={14} color='#386FA4' />
+            <Icon name="house" size={14} />
             <a
               href={process.env.HOME_URL}
               style={{ color: '#386FA4', textDecoration: 'none' }}
diff --git a/public/email-icons/building-2.png b/public/email-icons/building-2.png
new file mode 100644
index 0000000..ab69dcb
Binary files /dev/null and b/public/email-icons/building-2.png differ
diff --git a/public/email-icons/house.png b/public/email-icons/house.png
new file mode 100644
index 0000000..d50e56c
Binary files /dev/null and b/public/email-icons/house.png differ
diff --git a/public/email-icons/layout-grid.png b/public/email-icons/layout-grid.png
new file mode 100644
index 0000000..f3fd329
Binary files /dev/null and b/public/email-icons/layout-grid.png differ
diff --git a/public/email-icons/log-out.png b/public/email-icons/log-out.png
new file mode 100644
index 0000000..87e57ff
Binary files /dev/null and b/public/email-icons/log-out.png differ
diff --git a/public/email-icons/mail.png b/public/email-icons/mail.png
new file mode 100644
index 0000000..570dcb0
Binary files /dev/null and b/public/email-icons/mail.png differ
diff --git a/public/email-icons/shield.png b/public/email-icons/shield.png
new file mode 100644
index 0000000..b29393d
Binary files /dev/null and b/public/email-icons/shield.png differ
diff --git a/public/email-icons/user.png b/public/email-icons/user.png
new file mode 100644
index 0000000..964d497
Binary files /dev/null and b/public/email-icons/user.png differ