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