53 lines
1.8 KiB
TypeScript
Raw Normal View History

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>
);
}