hide our teams
This commit is contained in:
parent
342b730c56
commit
467e8d067d
@ -2,66 +2,75 @@
|
||||
import Link from "next/link";
|
||||
import { usePathname } from "next/navigation";
|
||||
export default function Menu() {
|
||||
const pathname = usePathname();
|
||||
const isActive = (path) => path === pathname;
|
||||
const isHomeLinkActive = () => {
|
||||
return homeLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isAboutLinkActive = () => {
|
||||
return aboutLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isServicesLinkActive = () => {
|
||||
return servicesLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isPagesLinkActive = () => {
|
||||
return pagesLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isBlogLinkActive = () => {
|
||||
return blogLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const pathname = usePathname();
|
||||
const isActive = (path) => path === pathname;
|
||||
const isHomeLinkActive = () => {
|
||||
return homeLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isAboutLinkActive = () => {
|
||||
return aboutLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isServicesLinkActive = () => {
|
||||
return servicesLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isPagesLinkActive = () => {
|
||||
return pagesLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
const isBlogLinkActive = () => {
|
||||
return blogLinks.some((link) => link.path === pathname) ? 1 : 0;
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<ul className="navigation">
|
||||
<li>
|
||||
<Link href="/" className={isActive("/") ? "active" : ""}>
|
||||
home
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about" className={isActive("/about") ? "active" : ""}>
|
||||
about
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/services" className={isActive("/services") ? "active" : ""}>
|
||||
services
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/portfolio" className={isActive("/portfolio") ? "active" : ""}>
|
||||
portfolio
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
return (
|
||||
<>
|
||||
<ul className="navigation">
|
||||
<li>
|
||||
<Link href="/" className={isActive("/") ? "active" : ""}>
|
||||
home
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about" className={isActive("/about") ? "active" : ""}>
|
||||
about
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link
|
||||
href="/services"
|
||||
className={isActive("/services") ? "active" : ""}
|
||||
>
|
||||
services
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link
|
||||
href="/portfolio"
|
||||
className={isActive("/portfolio") ? "active" : ""}
|
||||
>
|
||||
portfolio
|
||||
</Link>
|
||||
</li>
|
||||
{/* <li>
|
||||
<Link href="/team" className={isActive("/team") ? "active" : ""}>
|
||||
our team
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#seocheck">SEO checker</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog" className={isActive("/blog") ? "active" : ""}>
|
||||
blog
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact" className={isActive("/contact") ? "active" : ""}>
|
||||
contact us
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
);
|
||||
</li> */}
|
||||
<li>
|
||||
<Link href="/#seocheck">SEO checker</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog" className={isActive("/blog") ? "active" : ""}>
|
||||
blog
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link
|
||||
href="/contact"
|
||||
className={isActive("/contact") ? "active" : ""}
|
||||
>
|
||||
contact us
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -51,11 +51,11 @@ export default function MobileMenu({ handleMobileMenu }) {
|
||||
portfolio
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
{/* <li>
|
||||
<Link href="/team" onClick={handleMobileMenu}>
|
||||
our team
|
||||
</Link>
|
||||
</li>
|
||||
</li> */}
|
||||
<li>
|
||||
<Link href="/#seocheck" onClick={handleMobileMenu}>
|
||||
SEO checker
|
||||
|
||||
@ -1,131 +1,230 @@
|
||||
import Link from "next/link"
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Footer2() {
|
||||
return (
|
||||
<>
|
||||
<footer>
|
||||
<div className="footer__area-two">
|
||||
<div className="footer__newsletter-two">
|
||||
<div className="container">
|
||||
<div className="footer__newsletter-inner">
|
||||
<h2 className="title">Subscribe Newsletter For Latest Updates</h2>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="e-mail Type . . ." />
|
||||
<button type="submit" className="btn">Subscribe</button>
|
||||
</form>
|
||||
<div className="footer__social-two">
|
||||
<ul className="list-wrap">
|
||||
<li><Link href="#"><i className="fab fa-facebook-f" /></Link></li>
|
||||
<li><Link href="#"><i className="fab fa-twitter" /></Link></li>
|
||||
<li><Link href="#"><i className="fab fa-instagram" /></Link></li>
|
||||
<li><Link href="#"><i className="fab fa-pinterest-p" /></Link></li>
|
||||
<li><Link href="#"><i className="fab fa-youtube" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer__top-two">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-4 col-lg-5 col-md-6">
|
||||
<div className="footer-widget">
|
||||
<div className="footer__content-two">
|
||||
<div className="fw-logo mb-25">
|
||||
<Link href="/"><img src="/assets/img/logo/w_logo.png" alt="" /></Link>
|
||||
</div>
|
||||
<p>Felis consquat magnis fames sagittis ultrices plasodales porttitor</p>
|
||||
<div className="footer-info-list footer-info-two">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<div className="icon">
|
||||
<i className="flaticon-phone-call" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<Link href="tel:0123456789">+123 888 9999</Link>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="icon">
|
||||
<i className="flaticon-envelope" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<Link href="mailto:info@apexa.com">info@apexa.com</Link>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="icon">
|
||||
<i className="flaticon-pin" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<p>Sydney Harbour Bridge Circular City of Sydney, Australia.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-2 col-lg-3 col-sm-6">
|
||||
<div className="footer-widget">
|
||||
<h4 className="fw-title">Information</h4>
|
||||
<div className="footer-link-list">
|
||||
<ul className="list-wrap">
|
||||
<li><Link href="/about">Information</Link></li>
|
||||
<li><Link href="/about">About us</Link></li>
|
||||
<li><Link href="/team">Meet our team</Link></li>
|
||||
<li><Link href="/contact">Case stories</Link></li>
|
||||
<li><Link href="/blog">Latest news</Link></li>
|
||||
<li><Link href="/contact">Contact us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="footer-widget">
|
||||
<h4 className="fw-title">Top Links</h4>
|
||||
<div className="footer-link-list">
|
||||
<ul className="list-wrap">
|
||||
<li><Link href="/about">How it’s Work</Link></li>
|
||||
<li><Link href="/contact">Partners</Link></li>
|
||||
<li><Link href="/contact">Testimonials</Link></li>
|
||||
<li><Link href="/contact">Case Studies</Link></li>
|
||||
<li><Link href="/contact">Pricing</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-md-6">
|
||||
<div className="footer-widget">
|
||||
<h4 className="fw-title">Instagram Posts</h4>
|
||||
<div className="footer-instagram">
|
||||
<ul className="list-wrap">
|
||||
<li><Link href="#"><img src="/assets/img/images/footer_insta01.jpg" alt="" /></Link></li>
|
||||
<li><Link href="#"><img src="/assets/img/images/footer_insta02.jpg" alt="" /></Link></li>
|
||||
<li><Link href="#"><img src="/assets/img/images/footer_insta03.jpg" alt="" /></Link></li>
|
||||
<li><Link href="#"><img src="/assets/img/images/footer_insta04.jpg" alt="" /></Link></li>
|
||||
<li><Link href="#"><img src="/assets/img/images/footer_insta05.jpg" alt="" /></Link></li>
|
||||
<li><Link href="#"><img src="/assets/img/images/footer_insta06.jpg" alt="" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer__bottom-two">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="copyright-text-two">
|
||||
<p>Copyright © <Link href="/">Apexa</Link> | All Right Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
return (
|
||||
<>
|
||||
<footer>
|
||||
<div className="footer__area-two">
|
||||
<div className="footer__newsletter-two">
|
||||
<div className="container">
|
||||
<div className="footer__newsletter-inner">
|
||||
<h2 className="title">
|
||||
Subscribe Newsletter For Latest Updates
|
||||
</h2>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="e-mail Type . . ." />
|
||||
<button type="submit" className="btn">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
<div className="footer__social-two">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<Link href="#">
|
||||
<i className="fab fa-facebook-f" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<i className="fab fa-twitter" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<i className="fab fa-instagram" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<i className="fab fa-pinterest-p" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<i className="fab fa-youtube" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer__top-two">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-4 col-lg-5 col-md-6">
|
||||
<div className="footer-widget">
|
||||
<div className="footer__content-two">
|
||||
<div className="fw-logo mb-25">
|
||||
<Link href="/">
|
||||
<img src="/assets/img/logo/w_logo.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<p>
|
||||
Felis consquat magnis fames sagittis ultrices plasodales
|
||||
porttitor
|
||||
</p>
|
||||
<div className="footer-info-list footer-info-two">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<div className="icon">
|
||||
<i className="flaticon-phone-call" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<Link href="tel:0123456789">+123 888 9999</Link>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="icon">
|
||||
<i className="flaticon-envelope" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<Link href="mailto:info@apexa.com">
|
||||
info@apexa.com
|
||||
</Link>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div className="icon">
|
||||
<i className="flaticon-pin" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<p>
|
||||
Sydney Harbour Bridge Circular City of Sydney,
|
||||
Australia.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-2 col-lg-3 col-sm-6">
|
||||
<div className="footer-widget">
|
||||
<h4 className="fw-title">Information</h4>
|
||||
<div className="footer-link-list">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<Link href="/about">Information</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about">About us</Link>
|
||||
</li>
|
||||
{/* <li><Link href="/team">Meet our team</Link></li> */}
|
||||
<li>
|
||||
<Link href="/contact">Case stories</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog">Latest news</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact">Contact us</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="footer-widget">
|
||||
<h4 className="fw-title">Top Links</h4>
|
||||
<div className="footer-link-list">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<Link href="/about">How it’s Work</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact">Partners</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact">Testimonials</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact">Case Studies</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact">Pricing</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-md-6">
|
||||
<div className="footer-widget">
|
||||
<h4 className="fw-title">Instagram Posts</h4>
|
||||
<div className="footer-instagram">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<Link href="#">
|
||||
<img
|
||||
src="/assets/img/images/footer_insta01.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<img
|
||||
src="/assets/img/images/footer_insta02.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<img
|
||||
src="/assets/img/images/footer_insta03.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<img
|
||||
src="/assets/img/images/footer_insta04.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<img
|
||||
src="/assets/img/images/footer_insta05.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#">
|
||||
<img
|
||||
src="/assets/img/images/footer_insta06.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer__bottom-two">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="copyright-text-two">
|
||||
<p>
|
||||
Copyright © <Link href="/">Apexa</Link> | All Right
|
||||
Reserved
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -117,9 +117,9 @@ export default function Footer3() {
|
||||
<li>
|
||||
<Link href="/blog">Blog</Link>
|
||||
</li>
|
||||
<li>
|
||||
{/* <li>
|
||||
<Link href="/team">Our Team</Link>
|
||||
</li>
|
||||
</li> */}
|
||||
<li>
|
||||
<Link href="/portfolio">Portfolio</Link>
|
||||
</li>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user