209 lines
9.5 KiB
TypeScript
209 lines
9.5 KiB
TypeScript
import Link from 'next/link'
|
|
|
|
export default function Header7({ scroll, isMobileMenu, handleMobileMenu, isSearch, handleSearch }: any) {
|
|
return (
|
|
<>
|
|
<header>
|
|
<div className={`header-area homepage7 header header-sticky d-none d-lg-block ${scroll ? 'sticky' : ''}`} id="header">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-12">
|
|
<div className="header-elements">
|
|
<div className="site-logo">
|
|
<Link href="/"><img src="/assets/img/logo-tca.png" alt="" /></Link>
|
|
</div>
|
|
<div className="main-menu">
|
|
<ul>
|
|
<li><Link href="/#">Home <i className="fa-solid fa-angle-down" /></Link>
|
|
<div className="tp-submenu">
|
|
<div className="row">
|
|
<div className="col-lg-12">
|
|
<div className="all-images-menu">
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img1.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/">View Demo <span><i className="fa-solid fa-arrow-right" /></span></Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/">Eventify-Homepage 01</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img2.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index2">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index2">Eventify-Homepage 02</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img3.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index3">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index3">Eventify-Homepage 03</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img4.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index4">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index4">Eventify-Homepage 04</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb" style={{ margin: 0 }}>
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img5.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index5">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index5">Eventify-Homepage 05</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="all-images-menu">
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img6.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index6">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index6">Eventify-Homepage 06</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img7.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index7">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index7">Eventify-Homepage 07</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img8.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index8">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index8">Eventify-Homepage 08</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb">
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img9.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index9">View Demo <span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index9">Eventify-Homepage 09</Link>
|
|
</div>
|
|
</div>
|
|
<div className="homemenu-thumb" style={{ margin: 0 }}>
|
|
<div className="img1">
|
|
<img src="/assets/img/all-images/demo/demo-img10.png" alt="" />
|
|
</div>
|
|
<div className="homemenu-btn">
|
|
<Link className="vl-btn7" href="/index10">View Demo
|
|
<span><i className="fa-solid fa-arrow-right" /></span>
|
|
</Link>
|
|
</div>
|
|
<div className="homemenu-text">
|
|
<Link href="/index10">Eventify-Homepage 10</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><Link href="/about">About Event</Link></li>
|
|
<li><Link href="/#">Speakers <i className="fa-solid fa-angle-down" /></Link>
|
|
<ul className="dropdown-padding">
|
|
<li><Link href="/speakers">Speakers</Link></li>
|
|
<li><Link href="/speakers-single">Speakers Details</Link></li>
|
|
</ul>
|
|
</li>
|
|
<li><Link href="/#">Schedule <i className="fa-solid fa-angle-down" /></Link>
|
|
<ul className="dropdown-padding">
|
|
<li><Link href="/event">Our Event</Link></li>
|
|
<li><Link href="/event-schedule">Event Schedule</Link></li>
|
|
<li><Link href="/event-single">Event Details</Link></li>
|
|
</ul>
|
|
</li>
|
|
<li><Link href="/#">Blogs <i className="fa-solid fa-angle-down" /></Link>
|
|
<ul className="dropdown-padding">
|
|
<li><Link href="/blog">Our Blog</Link></li>
|
|
<li><Link href="/blog-single">Blog Details</Link></li>
|
|
</ul>
|
|
</li>
|
|
<li><Link href="/#">Pages <i className="fa-solid fa-angle-down" /></Link>
|
|
<ul className="dropdown-padding">
|
|
<li><Link href="/memories">Our Memories</Link></li>
|
|
<li><Link href="/pricing-plan">Pricing Plan</Link></li>
|
|
<li><Link href="/faq">FAQ,s</Link></li>
|
|
<li><Link href="/contact">Contact Us</Link></li>
|
|
</ul>
|
|
</li></ul>
|
|
</div>
|
|
<div className="btn-area">
|
|
<div className="search-icon header__search header-search-btn" onClick={handleSearch}>
|
|
<a><img src="/assets/img/icons/search1.svg" alt="" /></a>
|
|
</div>
|
|
<ul>
|
|
<li><Link href="/#"><i className="fa-brands fa-facebook-f" /></Link></li>
|
|
<li><Link href="/#"><i className="fa-brands fa-instagram" /></Link></li>
|
|
<li><Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link></li>
|
|
<li><Link href="/#" className="m-0"><i className="fa-brands fa-pinterest-p" /></Link></li>
|
|
</ul>
|
|
</div>
|
|
<div className={`header-search-form-wrapper ${isSearch ? 'open' : ''}`}>
|
|
<div className="tx-search-close tx-close" onClick={handleSearch}><i className="fa-solid fa-xmark" /></div>
|
|
<div className="header-search-container">
|
|
<form role="search" className="search-form">
|
|
<input type="search" className="search-field" placeholder="Search …" name="s" />
|
|
<button type="submit" className="search-submit"><img src="/assets/img/icons/search1.svg" alt="" /></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{isSearch && <div className="body-overlay active" onClick={handleSearch} />}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header >
|
|
|
|
</>
|
|
)
|
|
}
|