2025-02-06 02:44:31 +07:00
|
|
|
import HeaderNav from "@/components/HeaderNav";
|
2025-02-01 06:57:24 +07:00
|
|
|
import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
|
|
|
|
import Image from "next/image";
|
2025-02-03 12:53:36 +07:00
|
|
|
import Link from "next/link";
|
2025-02-01 06:57:24 +07:00
|
|
|
|
2025-02-03 12:53:36 +07:00
|
|
|
export default function Header1Multipage({ links }: any) {
|
2025-02-01 06:57:24 +07:00
|
|
|
return (
|
2025-02-24 23:58:32 +07:00
|
|
|
<div className="main-nav-sub full-wrapper">
|
2025-02-01 06:57:24 +07:00
|
|
|
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
|
|
|
|
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
|
|
|
|
image size for support of retina screens. See details in the template documentation. *) */}
|
2025-02-03 12:53:36 +07:00
|
|
|
<div className="nav-logo-wrap local-scroll">
|
|
|
|
<Link href={`/`} className="logo">
|
2025-02-01 06:57:24 +07:00
|
|
|
<Image
|
2025-02-03 12:53:36 +07:00
|
|
|
src="/assets/images/demo-slick/logo-dark.webp"
|
2025-02-01 06:57:24 +07:00
|
|
|
alt="Your Company Logo"
|
2025-02-03 12:53:36 +07:00
|
|
|
width={105}
|
|
|
|
height={34}
|
2025-02-01 06:57:24 +07:00
|
|
|
className="light-mode-logo"
|
|
|
|
/>
|
|
|
|
<Image
|
2025-02-03 12:53:36 +07:00
|
|
|
src="/assets/images/demo-slick/logo-dark.webp"
|
2025-02-01 06:57:24 +07:00
|
|
|
alt="Your Company Logo"
|
2025-02-03 12:53:36 +07:00
|
|
|
width={405}
|
|
|
|
height={34}
|
2025-02-01 06:57:24 +07:00
|
|
|
className="dark-mode-logo"
|
|
|
|
/>
|
2025-02-03 12:53:36 +07:00
|
|
|
</Link>
|
2025-02-01 06:57:24 +07:00
|
|
|
</div>
|
|
|
|
{/* Mobile Menu Button */}
|
2025-02-03 12:53:36 +07:00
|
|
|
<div onClick={toggleMobileMenu} className="mobile-nav" role="button" tabIndex={0}>
|
2025-02-01 06:57:24 +07:00
|
|
|
<i className="mobile-nav-icon" />
|
|
|
|
<span className="visually-hidden">Menu</span>
|
|
|
|
</div>
|
|
|
|
{/* Main Menu */}
|
|
|
|
<div className="inner-nav desktop-nav">
|
2025-02-03 12:53:36 +07:00
|
|
|
<ul className="clearlist local-scroll">
|
|
|
|
{/* Item With Sub */}
|
2025-02-06 02:44:31 +07:00
|
|
|
<HeaderNav links={links} />
|
2025-02-03 12:53:36 +07:00
|
|
|
{/* End Item With Sub */}
|
|
|
|
</ul>
|
|
|
|
<ul className="items-end clearlist">
|
2025-02-01 06:57:24 +07:00
|
|
|
{/* Languages */}
|
2025-02-04 01:02:17 +07:00
|
|
|
{/* <LanguageSelect /> */}
|
2025-02-01 06:57:24 +07:00
|
|
|
{/* End Languages */}
|
2025-02-11 23:59:16 +07:00
|
|
|
<li></li>
|
2025-02-01 06:57:24 +07:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
{/* End Main Menu */}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|