mukeshs/cmc_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Further updates on 29-10-25

Browse Source
This commit is contained in:
mukeshs
2025-10-29 08:52:43 +05:30
parent 8fa16ca657
commit e8eb539932
15 changed files with 509 additions and 573 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Layouts/Header.tsx
View File

@ -11,6 +11,18 @@ const Header = () => {
setIsMenuOpen(false);
};
const menuItems = [
{ href: "/", label: "Home" },
{ href: "/about", label: "About" },
{ href: "/teamMember", label: "Faculty Team" },
{ href: "/education-training", label: "Academics" },
{ href: "/research", label: "Research" },
{ href: "/events", label: "Events" },
{ href: "/publications", label: "Publications" },
{ href: "/career", label: "Career" },
{ href: "/contact", label: "Contact Us" },
];
return (
<header className="sticky bg-white top-0 z-50 shadow-sm">
<div className="container max-w-none mx-auto px-4 sm:px-6">
@ -20,7 +32,7 @@ const Header = () => {
<Link href="/" onClick={closeAllMenus} className="flex items-center">
<div className="relative w-60 sm:w-80 h-14 sm:h-18 mr-3 rounded overflow-hidden">
<Image
src="/images/cmctraumalogo.png"
src="/images/cmclogo1.svg"
alt="CMC Logo"
fill
className="object-fill"
@ -32,22 +44,14 @@ const Header = () => {
{/* Desktop Navigation */}
<nav className="hidden lg:flex items-start space-x-8">
{["/", "/about", "/events", "/education-training", "/research", "/blogs", "/teamMember", "/career", "/contact"].map((href, idx) => (
{menuItems.map((item, idx) => (
<Link
key={idx}
href={href}
href={item.href}
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
{href === "/" ? "Home" :
href === "/about" ? "About" :
href === "/events" ? "Events" :
href === "/education-training" ? "Education" :
href === "/research" ? "Research" :
href === "/blogs" ? "Blogs" :
href === "/teamMember" ? "Team Member" :
href === "/career" ? "Career" :
href === "/contact" ? "Contact Us" : ""}
{item.label}
</Link>
))}
</nav>
@ -107,20 +111,14 @@ const Header = () => {
<div className="lg:hidden bg-gray-100 border-t border-blue-900">
<nav className="px-4 py-4">
<ul className="space-y-4">
{["/", "/about", "/events", "/blogs", "/career", "/contact", "/teamMember"].map((href, idx) => (
{menuItems.map((item, idx) => (
<li key={idx}>
<Link
href={href}
href={item.href}
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
{href === "/" ? "Home" :
href === "/about" ? "About" :
href === "/events" ? "Events" :
href === "/blogs" ? "Blogs" :
href === "/career" ? "Career" :
href === "/contact" ? "Contact" :
href === "/teamMember" ? "Team Member" : ""}
{item.label}
</Link>
</li>
))}