From f24aaf26acb7a3e527f85c02358b4cd84b4a1e27 Mon Sep 17 00:00:00 2001
From: Val <44112412+LawfaL@users.noreply.github.com>
Date: Thu, 3 Jul 2025 17:27:21 +0700
Subject: [PATCH] feat: privacy link

---
 components/layout/Layout.js         | 298 ++++++++++++++--------------
 components/layout/footer/Footer3.js |  27 ++-
 2 files changed, 171 insertions(+), 154 deletions(-)

diff --git a/components/layout/Layout.js b/components/layout/Layout.js
index bfc5171..8ea9d4e 100644
--- a/components/layout/Layout.js
+++ b/components/layout/Layout.js
@@ -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 />
+    </>
+  );
 }
diff --git a/components/layout/footer/Footer3.js b/components/layout/footer/Footer3.js
index 63a00f7..8d547e1 100644
--- a/components/layout/footer/Footer3.js
+++ b/components/layout/footer/Footer3.js
@@ -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>