Updated UI and fixed bugs

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({

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">
+                <Link href="/" className="inline-block">
-                    Dine <span className="text-brand-red">360</span>
+                    <Image 
-                    <div className="h-1.5 w-20 bg-brand-red mt-2"></div>
+                        src={Logo} 
-                </h2>
+                        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.