feat: add JAIBEN brand logo to header and navigation components

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
+import Image from 'next/image';
 import { users } from '@/data/mockData';
 import { Zap, ArrowRight, Bike, Wallet } from 'lucide-react';
 
@@ -51,9 +52,12 @@ export default function LandingPage() {
     <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
       <header className="p-4 lg:p-6">
         <div className="flex items-center justify-between">
-          <div>
-            <h1 className="text-2xl lg:text-3xl font-extrabold text-white">JAIBEN</h1>
-            <p className="text-xs text-slate-400">Mobility Ltd</p>
+          <div className="flex items-center gap-3">
+            <Image src="/jaiben.png" alt="JAIBEN Logo" width={48} height={48} className="object-contain h-10 w-auto" priority />
+            <div>
+              <h1 className="text-2xl lg:text-3xl font-extrabold text-white leading-tight">JAIBEN</h1>
+              <p className="text-xs text-slate-400 leading-none">Mobility Ltd</p>
+            </div>
           </div>
           <button
             onClick={() => router.push('/login')}