RankRunners-Internal/Website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide our teams

Browse Source
This commit is contained in:
iqbal 2025-06-30 19:02:21 +07:00
parent 342b730c56
commit 467e8d067d
4 changed files with 297 additions and 189 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
components/layout/Menu.js
View File

@ -2,66 +2,75 @@
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
export default function Menu() { export default function Menu() {
const pathname = usePathname(); const pathname = usePathname();
const isActive = (path) => path === pathname; const isActive = (path) => path === pathname;
const isHomeLinkActive = () => { const isHomeLinkActive = () => {
return homeLinks.some((link) => link.path === pathname) ? 1 : 0; return homeLinks.some((link) => link.path === pathname) ? 1 : 0;
}; };
const isAboutLinkActive = () => { const isAboutLinkActive = () => {
return aboutLinks.some((link) => link.path === pathname) ? 1 : 0; return aboutLinks.some((link) => link.path === pathname) ? 1 : 0;
}; };
const isServicesLinkActive = () => { const isServicesLinkActive = () => {
return servicesLinks.some((link) => link.path === pathname) ? 1 : 0; return servicesLinks.some((link) => link.path === pathname) ? 1 : 0;
}; };
const isPagesLinkActive = () => { const isPagesLinkActive = () => {
return pagesLinks.some((link) => link.path === pathname) ? 1 : 0; return pagesLinks.some((link) => link.path === pathname) ? 1 : 0;
}; };
const isBlogLinkActive = () => { const isBlogLinkActive = () => {
return blogLinks.some((link) => link.path === pathname) ? 1 : 0; return blogLinks.some((link) => link.path === pathname) ? 1 : 0;
}; };
return ( return (
<> <>
<ul className="navigation"> <ul className="navigation">
<li> <li>
<Link href="/" className={isActive("/") ? "active" : ""}> <Link href="/" className={isActive("/") ? "active" : ""}>
home home
</Link> </Link>
</li> </li>
<li> <li>
<Link href="/about" className={isActive("/about") ? "active" : ""}> <Link href="/about" className={isActive("/about") ? "active" : ""}>
about about
</Link> </Link>
</li> </li>
<li> <li>
<Link href="/services" className={isActive("/services") ? "active" : ""}> <Link
services href="/services"
</Link> className={isActive("/services") ? "active" : ""}
</li> >
<li> services
<Link href="/portfolio" className={isActive("/portfolio") ? "active" : ""}> </Link>
portfolio </li>
</Link> <li>
</li> <Link
<li> href="/portfolio"
className={isActive("/portfolio") ? "active" : ""}
>
portfolio
</Link>
</li>
{/* <li>
<Link href="/team" className={isActive("/team") ? "active" : ""}> <Link href="/team" className={isActive("/team") ? "active" : ""}>
our team our team
</Link> </Link>
</li> </li> */}
<li> <li>
<Link href="/#seocheck">SEO checker</Link> <Link href="/#seocheck">SEO checker</Link>
</li> </li>
<li> <li>
<Link href="/blog" className={isActive("/blog") ? "active" : ""}> <Link href="/blog" className={isActive("/blog") ? "active" : ""}>
blog blog
</Link> </Link>
</li> </li>
<li> <li>
<Link href="/contact" className={isActive("/contact") ? "active" : ""}> <Link
contact us href="/contact"
</Link> className={isActive("/contact") ? "active" : ""}
</li> >
</ul> contact us
</> </Link>
); </li>
</ul>
</>
);
} }

4
components/layout/MobileMenu.js
View File

@ -51,11 +51,11 @@ export default function MobileMenu({ handleMobileMenu }) {
portfolio portfolio
</Link> </Link>
</li> </li>
<li> {/* <li>
<Link href="/team" onClick={handleMobileMenu}> <Link href="/team" onClick={handleMobileMenu}>
our team our team
</Link> </Link>
</li> </li> */}
<li> <li>
<Link href="/#seocheck" onClick={handleMobileMenu}> <Link href="/#seocheck" onClick={handleMobileMenu}>
SEO checker SEO checker

353
components/layout/footer/Footer2.js
View File

@ -1,131 +1,230 @@
import Link from "next/link" import Link from "next/link";
export default function Footer2() { export default function Footer2() {
return ( return (
<> <>
<footer> <footer>
<div className="footer__area-two"> <div className="footer__area-two">
<div className="footer__newsletter-two"> <div className="footer__newsletter-two">
<div className="container"> <div className="container">
<div className="footer__newsletter-inner"> <div className="footer__newsletter-inner">
<h2 className="title">Subscribe Newsletter For Latest Updates</h2> <h2 className="title">
<form action="#"> Subscribe Newsletter For Latest Updates
<input type="text" placeholder="e-mail Type . . ." /> </h2>
<button type="submit" className="btn">Subscribe</button> <form action="#">
</form> <input type="text" placeholder="e-mail Type . . ." />
<div className="footer__social-two"> <button type="submit" className="btn">
<ul className="list-wrap"> Subscribe
<li><Link href="#"><i className="fab fa-facebook-f" /></Link></li> </button>
<li><Link href="#"><i className="fab fa-twitter" /></Link></li> </form>
<li><Link href="#"><i className="fab fa-instagram" /></Link></li> <div className="footer__social-two">
<li><Link href="#"><i className="fab fa-pinterest-p" /></Link></li> <ul className="list-wrap">
<li><Link href="#"><i className="fab fa-youtube" /></Link></li> <li>
</ul> <Link href="#">
</div> <i className="fab fa-facebook-f" />
</div> </Link>
</div> </li>
</div> <li>
<div className="footer__top-two"> <Link href="#">
<div className="container"> <i className="fab fa-twitter" />
<div className="row"> </Link>
<div className="col-xl-4 col-lg-5 col-md-6"> </li>
<div className="footer-widget"> <li>
<div className="footer__content-two"> <Link href="#">
<div className="fw-logo mb-25"> <i className="fab fa-instagram" />
<Link href="/"><img src="/assets/img/logo/w_logo.png" alt="" /></Link> </Link>
</div> </li>
<p>Felis consquat magnis fames sagittis ultrices plasodales porttitor</p> <li>
<div className="footer-info-list footer-info-two"> <Link href="#">
<ul className="list-wrap"> <i className="fab fa-pinterest-p" />
<li> </Link>
<div className="icon"> </li>
<i className="flaticon-phone-call" /> <li>
</div> <Link href="#">
<div className="content"> <i className="fab fa-youtube" />
<Link href="tel:0123456789">+123 888 9999</Link> </Link>
</div> </li>
</li> </ul>
<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> </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>
</>
);
} }

4
components/layout/footer/Footer3.js
View File

@ -117,9 +117,9 @@ export default function Footer3() {
<li> <li>
<Link href="/blog">Blog</Link> <Link href="/blog">Blog</Link>
</li> </li>
<li> {/* <li>
<Link href="/team">Our Team</Link> <Link href="/team">Our Team</Link>
</li> </li> */}
<li> <li>
<Link href="/portfolio">Portfolio</Link> <Link href="/portfolio">Portfolio</Link>
</li> </li>