shawon/JML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add JAIBEN brand logo to header and navigation components

Browse Source
This commit is contained in:
sazzadulalambd
2026-06-22 14:53:08 +06:00
parent d6916192e7
commit 30313fa9c8
4 changed files with 27 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/login/page.tsx
View File

@@ -2,6 +2,7 @@
import { useState } from 'react'; import { useState } from 'react';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import Image from 'next/image';
import { users } from '@/data/mockData'; import { users } from '@/data/mockData';
import { Zap, ArrowRight, Bike, Wallet, Shield, Users, Calculator } from 'lucide-react'; import { Zap, ArrowRight, Bike, Wallet, Shield, Users, Calculator } from 'lucide-react';
@@ -134,10 +135,13 @@ export default function LoginPage() {
<div className="text-center mb-8"> <div className="text-center mb-8">
<button <button
onClick={() => router.push('/')} onClick={() => router.push('/')}
className="inline-block" className="inline-flex items-center gap-3 text-left"
> >
<h1 className="text-3xl font-extrabold text-white">JAIBEN</h1> <Image src="/jaiben.png" alt="JAIBEN Logo" width={56} height={56} className="object-contain h-12 w-auto" priority />
<p className="text-xs text-slate-400">Mobility Ltd</p> <div>
<h1 className="text-3xl font-extrabold text-white leading-tight">JAIBEN</h1>
<p className="text-sm text-slate-400 leading-none">Mobility Ltd</p>
</div>
</button> </button>
</div> </div>

10
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { useState } from 'react'; import { useState } from 'react';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import Image from 'next/image';
import { users } from '@/data/mockData'; import { users } from '@/data/mockData';
import { Zap, ArrowRight, Bike, Wallet } from 'lucide-react'; 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"> <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"> <header className="p-4 lg:p-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div className="flex items-center gap-3">
<h1 className="text-2xl lg:text-3xl font-extrabold text-white">JAIBEN</h1> <Image src="/jaiben.png" alt="JAIBEN Logo" width={48} height={48} className="object-contain h-10 w-auto" priority />
<p className="text-xs text-slate-400">Mobility Ltd</p> <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> </div>
<button <button
onClick={() => router.push('/login')} onClick={() => router.push('/login')}

8
src/components/InvestorNotification.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import Link from 'next/link'; import Link from 'next/link';
import Image from 'next/image';
import { Bell, Package, DollarSign, Bike, AlertCircle, CheckCircle } from 'lucide-react'; import { Bell, Package, DollarSign, Bike, AlertCircle, CheckCircle } from 'lucide-react';
const mockNotifications = [ const mockNotifications = [
@@ -21,8 +22,11 @@ export default function InvestorNotification({ isMobile = false }: { isMobile?:
return ( return (
<div className="lg:hidden fixed top-0 left-0 right-0 h-14 bg-white border-b border-slate-200 flex items-center justify-between px-4 z-40"> <div className="lg:hidden fixed top-0 left-0 right-0 h-14 bg-white border-b border-slate-200 flex items-center justify-between px-4 z-40">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<h1 className="text-lg font-extrabold text-accent">JAIBEN</h1> <Image src="/jaiben.png" alt="JAIBEN Logo" width={32} height={32} className="object-contain h-7 w-auto" priority />
<span className="text-[10px] text-accent font-medium">Investor</span> <div className="flex flex-col">
<h1 className="text-lg font-extrabold text-accent leading-none">JAIBEN</h1>
<span className="text-[10px] text-accent font-medium leading-none">Investor</span>
</div>
</div> </div>
<Link href="/investor/notifications" className="relative p-2 hover:bg-slate-100 rounded-lg transition-colors"> <Link href="/investor/notifications" className="relative p-2 hover:bg-slate-100 rounded-lg transition-colors">
<Bell className="w-5 h-5 text-slate-600" /> <Bell className="w-5 h-5 text-slate-600" />

10
src/components/Sidebar.tsx
View File

@@ -1,6 +1,7 @@
'use client'; 'use client';
import Link from 'next/link'; import Link from 'next/link';
import Image from 'next/image';
import { usePathname } from 'next/navigation'; import { usePathname } from 'next/navigation';
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
import { import {
@@ -165,9 +166,12 @@ export default function Sidebar() {
`}> `}>
<div className="p-4 border-b border-slate-100"> <div className="p-4 border-b border-slate-100">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div className="flex items-center gap-2">
<h1 className="text-xl font-extrabold text-accent">JAIBEN</h1> <Image src="/jaiben.png" alt="JAIBEN Logo" width={40} height={40} className="object-contain h-8 w-auto" priority />
<p className="text-xs text-slate-500">Mobility Ltd</p> <div>
<h1 className="text-xl font-extrabold text-accent leading-tight">JAIBEN</h1>
<p className="text-xs text-slate-500 leading-none">Mobility Ltd</p>
</div>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="px-2 py-1 bg-accent-light rounded text-xs font-semibold text-accent"> <div className="px-2 py-1 bg-accent-light rounded text-xs font-semibold text-accent">