feat: initialize Prisma schema and scaffold core application modules including auth, blogs, events, and business directories

components/Navbar.tsx

@@ -6,11 +6,17 @@ import { usePathname } from 'next/navigation';
 import { Menu, X, LayoutDashboard, User as UserIcon } from 'lucide-react';
 import { useUser } from '../components/UserProvider';
 
-const Navbar = () => {
+interface NavbarProps {
+  settings?: any;
+}
+
+const Navbar = ({ settings }: NavbarProps) => {
   const { user } = useUser();
   const [isOpen, setIsOpen] = useState(false);
   const pathname = usePathname() || '';
 
+  const siteName = settings?.siteName || "Afrohub";
+
   // Hide Navbar on Dashboard to prevent double navigation, show only on public pages
   if (pathname.startsWith('/dashboard')) return null;
 
@@ -20,8 +26,10 @@ const Navbar = () => {
         <div className="flex justify-between h-16">
           <div className="flex items-center">
             <Link href="/" className="flex-shrink-0 flex items-center gap-2">
-              <div className="w-8 h-8 bg-brand-600 rounded-lg flex items-center justify-center text-white font-bold font-serif">A</div>
-              <span className="font-serif font-bold text-xl text-gray-900">Afrohub</span>
+              <div className="w-8 h-8 bg-brand-600 rounded-lg flex items-center justify-center text-white font-bold font-serif">
+                {siteName.charAt(0)}
+              </div>
+              <span className="font-serif font-bold text-xl text-gray-900">{siteName}</span>
             </Link>
             <div className="hidden sm:ml-8 sm:flex sm:space-x-8">
               <Link href="/" className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${pathname === '/' ? 'border-brand-500 text-gray-900' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'}`}>