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

build error fixes

Browse Source
This commit is contained in:
mukeshs
2025-10-09 20:50:32 +05:30
parent 42f065dac0
commit 2499ec2ada
5 changed files with 104 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,15 +6,9 @@ import Image from "next/image";
const Header = () => {
const [isMenuOpen, setIsMenuOpen] = useState(false);
const [openDropdown, setOpenDropdown] = useState<string | null>(null);
const toggleDropdown = (dropdownName: string) => {
setOpenDropdown(current => current === dropdownName ? null : dropdownName);
};
const closeAllMenus = () => {
setIsMenuOpen(false);
setOpenDropdown(null);
};
return (
@ -26,7 +20,7 @@ const Header = () => {
<Link href="/" onClick={closeAllMenus} className="flex items-center">
<div className="relative w-80 h-18 mr-3 rounded overflow-hidden">
<Image
src="/images/logo.png" // Replace with your logo path
src="/images/logo.png"
alt="CMC Logo"
fill
className="object-fill"
@ -38,201 +32,85 @@ const Header = () => {
{/* Desktop Navigation */}
<nav className="hidden lg:flex items-start space-x-8">
<Link
href="/"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Home
</Link>
<Link
href="/about"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
About
</Link>
<Link
href="/events"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Events
</Link>
<Link
href="/education-training"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Education
</Link>
<Link
href="/research"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Research
</Link>
<Link
href="/blogs"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Blogs
</Link>
<Link
href="/teamMember"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Team Member
</Link>
<Link
href="/career"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Career
</Link>
<Link
href="/contact"
className="text-blue-900 hover:text-red-600 transition-colors font-medium"
onClick={closeAllMenus}
>
Contact Us
</Link>
{["/", "/about", "/events", "/education-training", "/research", "/blogs", "/teamMember", "/career", "/contact"].map((href, idx) => (
<Link
key={idx}
href={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" : ""}
</Link>
))}
</nav>
{/* Mobile menu button */}
<button
className="lg:hidden p-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={() => setIsMenuOpen(!isMenuOpen)}
{/* Mobile menu button */}
<button
className="lg:hidden p-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={() => setIsMenuOpen(!isMenuOpen)}
>
<svg
className="w-6 h-6"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<svg
className="w-6 h-6"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
{isMenuOpen ? (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M6 18L18 6M6 6l12 12"
/>
) : (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16M4 18h16"
/>
)}
</svg>
</button>
</div>
{isMenuOpen ? (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M6 18L18 6M6 6l12 12"
/>
) : (
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16M4 18h16"
/>
)}
</svg>
</button>
</div>
</div>
{/* Mobile Menu */}
{isMenuOpen && (
<div className="lg:hidden bg-gray-100 border-t border-blue-900">
<nav className="px-4 py-4">
<ul className="space-y-4">
<li>
{/* Mobile Menu */}
{isMenuOpen && (
<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) => (
<li key={idx}>
<Link
href="/"
href={href}
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
Home
{href === "/" ? "Home" :
href === "/about" ? "About" :
href === "/events" ? "Events" :
href === "/blogs" ? "Blogs" :
href === "/career" ? "Career" :
href === "/contact" ? "Contact" :
href === "/teamMember" ? "Team Member" : ""}
</Link>
</li>
<li>
<Link
href="/about"
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
About
</Link>
</li>
<li>
<Link
href="/events"
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
Events
</Link>
</li>
<li>
<Link
href="/blogs"
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
Blogs
</Link>
</li>
<li>
<Link
href="/career"
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
Career
</Link>
</li>
<li>
<Link
href="/contact"
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
Contact
</Link>
</li>
<li>
<Link
href="/teamMember"
className="block font-medium py-2 text-blue-900 hover:text-red-600 transition-colors"
onClick={closeAllMenus}
>
Team Member
</Link>
</li>
{/* Mobile Support Info */}
<li className="pt-4 border-t border-blue-900">
<div className="flex flex-col space-y-2">
<Link
href="/contact"
className="inline-flex justify-center px-4 py-2 text-sm font-medium text-gray-100 bg-red-600 hover:bg-blue-900 rounded transition-colors"
onClick={closeAllMenus}
>
Contact Us
</Link>
</div>
</li>
</ul>
</nav>
</div>
)}
))}
</ul>
</nav>
</div>
)}
</header>
);
};
export default Header;
export default Header;