Chiefsoft/FinMarket
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/header/landing/HeaderLandingEditor.jsx
+189
View File
@@ -0,0 +1,189 @@
'use client'
import React, { useEffect, useState } from "react";
import Link from "next/link";
import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding";
import Image from "next/image";
const HeaderLandingEditor = () => {
const [click, setClick] = useState(false);
const handleClick = () => setClick(!click);
const [navbar, setNavbar] = useState(false);
const changeBackground = () => {
if (typeof window !== "undefined") {
if (window.scrollY >= 90) {
setNavbar(true);
} else {
setNavbar(false);
}
}
};
useEffect(() => {
window.addEventListener("scroll", changeBackground);
return () => {
window.removeEventListener("scroll", changeBackground);
}
}, [])
return (
<>
{/* =============================================
Theme Main Menu
============================================== */}
<div
className={
navbar
? "theme-main-menu sticky-menu theme-menu-five fixed"
: "theme-main-menu sticky-menu theme-menu-five"
}
>
<div className="d-flex align-items-center justify-content-center">
<div className="logo">
<Link href="/customer-support">
<Image width="138" height="47" src="/images/logo/deski_06.svg" alt="brand" />
</Link>
</div>
{/* End logo */}
<nav id="mega-menu-holder" className="navbar navbar-expand-lg">
<div className="container nav-container">
<div className="mob-header">
<button className="toggler-menu" onClick={handleClick}>
<div className={click ? "active" : ""}>
<span></span>
<span></span>
<span></span>
</div>
</button>
</div>
{/* End Header */}
<div
className="navbar-collapse collapse landing-menu-onepage"
id="navbarSupportedContent"
>
<div className="d-lg-flex justify-content-between align-items-center">
<div
className="navbar-nav main-side-nav font-gordita"
>
<div data-to-scrollspy-id="home" className="nav-item dropdown position-static">
<a
className="nav-link dropdown-toggle"
href="#home"
data-toggle="dropdown"
>
Home
</a>
<div className="dropdown-menu">
<MegaMenuLanding />
</div>
</div>
<div data-to-scrollspy-id="feature" className="nav-item">
<a href="#feature" className="nav-link">
Features
</a>
</div>
<div data-to-scrollspy-id="effect" className="nav-item">
<a href="#effect" className="nav-link">
Effect
</a>
</div>
<div data-to-scrollspy-id="template" className="nav-item">
<a href="#template" className="nav-link">
Template
</a>
</div>
<div data-to-scrollspy-id="feedback" className="nav-item">
<a href="#feedback" className="nav-link">
Feedback
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div className="right-widget">
<ul className="d-flex align-items-center">
<li>
<Link
href="/login"
className="signIn-action d-flex align-items-center"
>
<Image width="14" height="19" src="/images/icon/52.svg" alt="icon" />
<span>login</span>
</Link>
</li>
<li>
<Link href="/signup" className="signup-btn">
<span>Sign up</span>- It’s Free
</Link>
</li>
</ul>
</div>
{/* End .right-widget */}
</div>
</div>
{/* /.theme-main-menu */}
{/* Mobile Menu Start */}
<div className={click ? "mobile-menu menu-open" : "mobile-menu"}>
<div className="logo order-md-1">
<Link href="/customer-support">
<Image width="138" height="47" src="/images/logo/deski_06.svg" alt="brand" />
</Link>
<div className="fix-icon text-dark" onClick={handleClick}>
<Image width="14" height="14" src="/images/icon/close.svg" alt="icon" />
</div>
{/* Mobile Menu close icon */}
</div>
<div
>
<p data-to-scrollspy-id="home" className="nav-item">
<a href="#home" className="nav-link" onClick={handleClick}>
Home
</a>
</p>
<div data-to-scrollspy-id="feature" className="nav-item">
<a href="#feature" className="nav-link" onClick={handleClick}>
Features
</a>
</div>
<div data-to-scrollspy-id="effect" className="nav-item">
<a href="#effect" className="nav-link" onClick={handleClick}>
Effect
</a>
</div>
<div data-to-scrollspy-id="template" className="nav-item">
<a href="#template" className="nav-link" onClick={handleClick}>
Template
</a>
</div>
<div data-to-scrollspy-id="feedback" className="nav-item">
<a href="#feedback" className="nav-link" onClick={handleClick}>
Feedback
</a>
</div>
</div>
</div>
{/* Mobile Menu End */}
</>
);
};
export default HeaderLandingEditor;