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

feat: privacy link

Browse Source
This commit is contained in:
Val 2025-07-03 17:27:21 +07:00
parent 5cde219b38
commit f24aaf26ac
2 changed files with 171 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

298
components/layout/Layout.js
View File

@ -21,162 +21,172 @@ import Footer6 from "./footer/Footer6";
import Script from "next/script";
export const metadata = {
title: "RankRunners - SEO, Web Design & Digital Marketing Agency",
openGraph: {
images: [
{
url: "../public/assets/img/opengraph-image.png",
width: 1500,
height: 786,
alt: "OpenGraph Image",
},
],
},
title: "RankRunners - SEO, Web Design & Digital Marketing Agency",
openGraph: {
images: [
{
url: "../public/assets/img/opengraph-image.png",
width: 1500,
height: 786,
alt: "OpenGraph Image",
},
],
},
};
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, transparent }) {
const [scroll, setScroll] = useState(0);
const [isMobileMenu, setMobileMenu] = useState(false);
const handleMobileMenu = () => {
setMobileMenu(!isMobileMenu);
!isMobileMenu
? document.body.classList.add("mobile-menu-visible")
: document.body.classList.remove("mobile-menu-visible");
};
// Search Menu
const [isSearch, setSearch] = useState(false);
const handleSearch = () => setSearch(!isSearch);
// Moblile Menu
const [isOffcanvus, setOffcanvus] = useState(false);
const handleOffcanvus = () => setOffcanvus(!isOffcanvus);
export default function Layout({
headerStyle,
footerStyle,
headTitle,
breadcrumbTitle,
children,
transparent,
}) {
const [scroll, setScroll] = useState(0);
const [isMobileMenu, setMobileMenu] = useState(false);
const handleMobileMenu = () => {
setMobileMenu(!isMobileMenu);
!isMobileMenu
? document.body.classList.add("mobile-menu-visible")
: document.body.classList.remove("mobile-menu-visible");
};
// Search Menu
const [isSearch, setSearch] = useState(false);
const handleSearch = () => setSearch(!isSearch);
// Moblile Menu
const [isOffcanvus, setOffcanvus] = useState(false);
const handleOffcanvus = () => setOffcanvus(!isOffcanvus);
useEffect(() => {
const WOW = require("wowjs");
window.wow = new WOW.WOW({
live: false,
});
window.wow.init();
Aos.init();
useEffect(() => {
const WOW = require("wowjs");
window.wow = new WOW.WOW({
live: false,
});
window.wow.init();
Aos.init();
document.addEventListener("scroll", () => {
const scrollCheck = window.scrollY > 100;
if (scrollCheck !== scroll) {
setScroll(scrollCheck);
}
});
}, []);
return (
<>
<PageHead headTitle={headTitle} />
<Script strategy="afterInteractive" src="https://www.googletagmanager.com/gtag/js?id=G-3HXP950DQQ" />
<Script id="google-analytics" strategy="afterInteractive">
{`
document.addEventListener("scroll", () => {
const scrollCheck = window.scrollY > 100;
if (scrollCheck !== scroll) {
setScroll(scrollCheck);
}
});
}, []);
return (
<>
<PageHead headTitle={headTitle} />
<Script
strategy="afterInteractive"
src="https://www.googletagmanager.com/gtag/js?id=G-3HXP950DQQ"
/>
<Script id="google-analytics" strategy="afterInteractive">
{`
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3HXP950DQQ');
`}
</Script>
<DataBg />
</Script>
<DataBg />
{!headerStyle && (
<Header1
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
transparent={transparent}
/>
)}
{headerStyle == 1 ? (
<Header1
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
transparent={transparent}
/>
) : null}
{headerStyle == 2 ? (
<Header2
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{headerStyle == 3 ? (
<Header3
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{headerStyle == 4 ? (
<Header4
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
transparent={transparent}
/>
) : null}
{headerStyle == 5 ? (
<Header5
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{headerStyle == 6 ? (
<Header6
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
transparent={transparent}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{!headerStyle && (
<Header1
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
transparent={transparent}
/>
)}
{headerStyle == 1 ? (
<Header1
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
transparent={transparent}
/>
) : null}
{headerStyle == 2 ? (
<Header2
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{headerStyle == 3 ? (
<Header3
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{headerStyle == 4 ? (
<Header4
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
transparent={transparent}
/>
) : null}
{headerStyle == 5 ? (
<Header5
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
) : null}
{headerStyle == 6 ? (
<Header6
scroll={scroll}
isMobileMenu={isMobileMenu}
handleMobileMenu={handleMobileMenu}
isSearch={isSearch}
handleSearch={handleSearch}
isOffcanvus={isOffcanvus}
transparent={transparent}
handleOffcanvus={handleOffcanvus}
/>
) : null}
<main className="fix">
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
<main className="fix">
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
{children}
</main>
{children}
</main>
{!footerStyle && <Footer1 />}
{footerStyle == 1 ? <Footer1 /> : null}
{footerStyle == 2 ? <Footer2 /> : null}
{footerStyle == 3 ? <Footer3 /> : null}
{footerStyle == 4 ? <Footer4 /> : null}
{footerStyle == 5 ? <Footer5 /> : null}
{footerStyle == 6 ? <Footer6 /> : null}
{footerStyle == 7 ? <Footer7 /> : null}
{!footerStyle && <Footer1 />}
{footerStyle == 1 ? <Footer1 /> : null}
{footerStyle == 2 ? <Footer2 /> : null}
{footerStyle == 3 ? <Footer3 /> : null}
{footerStyle == 4 ? <Footer4 /> : null}
{footerStyle == 5 ? <Footer5 /> : null}
{footerStyle == 6 ? <Footer6 /> : null}
{footerStyle == 7 ? <Footer7 /> : null}
<BackToTop />
</>
);
<BackToTop />
</>
);
}

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

@ -220,18 +220,25 @@ export default function Footer3() {
<div className="footer__bottom-three">
<div className="container">
<div className="row align-items-center">
{/* <div className="col-md-6">
<div className="fw-logo">
<Link href="/">
<img src="/assets/img/logo/logo.png" alt="" />
</Link>
</div>
</div> */}
<div>
<div className="col-md-6">
<div className="copyright-text">
<p>
Copyright © {currentYear}{" "}
<Link href="/">RankRunners</Link> | All Rights Reserved
© Copyright {currentYear}{" "}
<Link href="/">RankRunners</Link>. All Rights Reserved
</p>
</div>
</div>
<div className="col-md-6 d-flex justify-content-center align-items-center">
<div className="copyright-text ">
<p>
<Link href={"/privacy-policy"}>Privacy Policy</Link>
</p>
</div>
<span className="mx-2">|</span>
<div className="copyright-text ">
<p>
<Link href={"/privacy-policy"}>Term and Conditions</Link>
</p>
</div>
</div>