diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..57ac69b
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.jpeg b/public/favicon.jpeg
new file mode 100644
index 0000000..8beb6ed
Binary files /dev/null and b/public/favicon.jpeg differ
diff --git a/public/icon.jpeg b/public/icon.jpeg
new file mode 100644
index 0000000..8beb6ed
Binary files /dev/null and b/public/icon.jpeg differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fe..103ae21 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 187db54..a9e623f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -20,6 +20,11 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "dine360 - Complete Restaurant Management System",
   description: "Built for Growth - The Complete Restaurant Management System with 24/7 Expert Support",
+  icons: {
+    icon: "/favicon.ico",
+    shortcut: "/favicon.ico",
+    apple: "/favicon.ico",
+  },
 };
 
 export default function RootLayout({
diff --git a/src/assets/favicon/favicon.ico b/src/assets/favicon/favicon.ico
new file mode 100644
index 0000000..57ac69b
Binary files /dev/null and b/src/assets/favicon/favicon.ico differ
diff --git a/src/assets/footer/logo-1.png b/src/assets/footer/logo-1.png
new file mode 100644
index 0000000..149cdf2
Binary files /dev/null and b/src/assets/footer/logo-1.png differ
diff --git a/src/assets/homepage/pos-system.webp b/src/assets/homepage/pos-system.webp
index 8d745f5..5ac163d 100644
Binary files a/src/assets/homepage/pos-system.webp and b/src/assets/homepage/pos-system.webp differ
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 1006c30..55c6ee1 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -7,6 +7,7 @@ import {
   ChevronsRight, ArrowRight, ArrowUp 
 } from 'lucide-react';
 import Image from 'next/image';
+import Logo from '@/assets/footer/logo-1.png';
 
 const Footer = () => {
     
@@ -131,10 +132,16 @@ const Footer = () => {
           {/* Column 1: Brand */}
           <motion.div variants={itemVariants} className="space-y-6">
             <div className="flex flex-col gap-2">
-                <h2 className="text-4xl font-bold tracking-tighter uppercase relative inline-block">
-                    Dine <span className="text-brand-red">360</span>
-                    <div className="h-1.5 w-20 bg-brand-red mt-2"></div>
-                </h2>
+                <Link href="/" className="inline-block">
+                    <Image 
+                        src={Logo} 
+                        alt="Dine360 Logo" 
+                        width={200} 
+                        height={80} 
+                      className="h-auto w-auto"
+                        priority
+                    />
+                </Link>
             </div>
             <p className="text-gray-400 text-base leading-relaxed max-w-sm">
               Proudly serving independent restaurants in Toronto (GTA), Hamilton, and Kitchener-Waterloo. Providing comprehensive solutions for the modern restaurant industry.