Yes! Yes! I do

This commit is contained in:
Anushlinux
2025-07-07 00:21:17 +05:30
parent 95d1d1e773
commit c7111b4670
5 changed files with 779 additions and 361 deletions

View File

@@ -48,6 +48,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
const [isScrolled, setIsScrolled] = useState(false);
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const [isProfileDropdownOpen, setIsProfileDropdownOpen] = useState(false);
const [isSearchOpen, setIsSearchOpen] = useState(false);
// Handle scroll effect
useEffect(() => {
@@ -63,6 +64,16 @@ export default function MainLayout({ children }: { children: React.ReactNode })
setIsMobileMenuOpen(false);
}, [pathname]);
const handleSearchClick = () => {
// Navigate to jobs page with search focus
window.location.href = '/jobs';
};
const handleNotificationClick = () => {
// Navigate to applications page to see status updates
window.location.href = '/applications';
};
return (
<div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 font-sans">
{/* Modern Student Navbar */}
@@ -127,6 +138,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
<Button
variant="ghost"
size="sm"
onClick={handleSearchClick}
className="hidden sm:flex items-center gap-2 text-gray-600 hover:text-blue-600 hover:bg-blue-50 transition-all duration-200"
>
<Search className="w-4 h-4" />
@@ -137,6 +149,7 @@ export default function MainLayout({ children }: { children: React.ReactNode })
<Button
variant="ghost"
size="sm"
onClick={handleNotificationClick}
className="relative text-gray-600 hover:text-blue-600 hover:bg-blue-50 transition-all duration-200"
>
<Bell className="w-4 h-4" />
@@ -167,14 +180,16 @@ export default function MainLayout({ children }: { children: React.ReactNode })
<p className="text-xs text-gray-500">student@college.edu</p>
</div>
<div className="py-1">
<Button
variant="ghost"
size="sm"
className="w-full justify-start text-gray-700 hover:text-blue-600 hover:bg-blue-50"
>
<Settings className="w-4 h-4 mr-2" />
Settings
</Button>
<Link href="/profile">
<Button
variant="ghost"
size="sm"
className="w-full justify-start text-gray-700 hover:text-blue-600 hover:bg-blue-50"
>
<Settings className="w-4 h-4 mr-2" />
Settings
</Button>
</Link>
<Button
variant="ghost"
size="sm"
@@ -247,14 +262,16 @@ export default function MainLayout({ children }: { children: React.ReactNode })
</div>
</div>
<div className="px-4 py-2 space-y-1">
<Button
variant="ghost"
size="sm"
className="w-full justify-start text-gray-700 hover:text-blue-600 hover:bg-blue-50"
>
<Settings className="w-4 h-4 mr-2" />
Settings
</Button>
<Link href="/profile">
<Button
variant="ghost"
size="sm"
className="w-full justify-start text-gray-700 hover:text-blue-600 hover:bg-blue-50"
>
<Settings className="w-4 h-4 mr-2" />
Settings
</Button>
</Link>
<Button
variant="ghost"
size="sm"