dev #16
@ -41,20 +41,13 @@ export default function Header({ links }: { links: typeof navMenuData }) {
|
|||||||
return (
|
return (
|
||||||
<nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
|
<nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
|
||||||
<div className="main-nav-sub full-wrapper">
|
<div className="main-nav-sub full-wrapper">
|
||||||
<div className="nav-logo-wrap local-scroll">
|
<div className="nav-logo-wrap local-scroll lg:hidden">
|
||||||
<Link href={`/`} className="logo">
|
<Link href={`/`} className="logo">
|
||||||
<Image
|
<Image
|
||||||
src="/assets/images/demo-slick/logo-dark.webp"
|
src="/assets/images/demo-slick/logo-dark.webp"
|
||||||
alt="Your Company Logo"
|
alt="Company Logo"
|
||||||
width={500}
|
width={250}
|
||||||
height={195}
|
height={150}
|
||||||
className="light-mode-logo"
|
|
||||||
/>
|
|
||||||
<Image
|
|
||||||
src="/assets/images/demo-slick/logo-dark.webp"
|
|
||||||
alt="Your Company Logo"
|
|
||||||
width={500}
|
|
||||||
height={195}
|
|
||||||
className="dark-mode-logo"
|
className="dark-mode-logo"
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
@ -67,29 +60,41 @@ export default function Header({ links }: { links: typeof navMenuData }) {
|
|||||||
{/* Main Menu */}
|
{/* Main Menu */}
|
||||||
<div className="inner-nav desktop-nav">
|
<div className="inner-nav desktop-nav">
|
||||||
<ul className="clearlist local-scroll">
|
<ul className="clearlist local-scroll">
|
||||||
|
<li className="!hidden lg:!block">
|
||||||
|
<Link href={`/`} className="logo">
|
||||||
|
<Image
|
||||||
|
src="/assets/images/demo-slick/logo-dark.webp"
|
||||||
|
alt="Company Logo"
|
||||||
|
width={165}
|
||||||
|
height={100}
|
||||||
|
className="dark-mode-logo"
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
<HeaderNav links={links} />
|
<HeaderNav links={links} />
|
||||||
</ul>
|
<li>
|
||||||
|
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
|
||||||
<ul className="items-end flex flex-col justify-center h-full">
|
<div className="flex justify-center">
|
||||||
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
|
<a
|
||||||
<a
|
href="/contact"
|
||||||
href="/contact"
|
className="bg-extColorPrimary6 hover:bg-extColorPrimary8 px-4 py-2 rounded-full text-white font-semibold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-all duration-300"
|
||||||
className="bg-extColorPrimary6 hover:bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-semibold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-all duration-300"
|
>
|
||||||
>
|
REQUEST CONSULTATION
|
||||||
REQUEST CONSULTATION
|
</a>
|
||||||
</a>
|
</div>
|
||||||
<div className="flex justify-between w-full flex-col lg:flex-row">
|
<div className="flex justify-between w-full flex-col lg:flex-row">
|
||||||
{Object.keys(shareIcons).map((k, idx) => {
|
{Object.keys(shareIcons).map((k, idx) => {
|
||||||
return (
|
return (
|
||||||
<li key={idx} className="!p-0 !m-0">
|
<div key={idx} className="!p-0 !m-0">
|
||||||
<a className="cursor-pointer text-white" href={shareIcons[k].link} target="_blank">
|
<a className="cursor-pointer text-white" href={shareIcons[k].link} target="_blank">
|
||||||
{shareIcons[k].dom}
|
{shareIcons[k].dom}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</div>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -125,7 +125,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
|
|||||||
</li>
|
</li>
|
||||||
{index != links.length - 1 && (
|
{index != links.length - 1 && (
|
||||||
<div
|
<div
|
||||||
className="text-white bg-white h-[1px] md:h-[25px] mx-2 opacity-[0.3]"
|
className="text-white bg-white h-[1px] lg:h-[25px] mx-2 opacity-[0.3]"
|
||||||
style={{ border: "1px solid white" }}
|
style={{ border: "1px solid white" }}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user