diff --git a/pages/_app.js b/pages/_app.js
index 03b3873..d00dcce 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -11,18 +11,8 @@ const App = ({ Component, pageProps }) => {
     return () => clearTimeout(timer);
   }, []);
 
+  // ✅ Add accessiBe script
   useEffect(() => {
-    if (typeof window === "undefined") return;
-
-    const host = window.location.hostname;
-    const isLocal =
-      host === "localhost" ||
-      host === "127.0.0.1" ||
-      host.endsWith(".vercel.app") ||
-      host.endsWith(".netlify.app");
-
-    if (process.env.NODE_ENV !== "production" || isLocal) return;
-
     const script = document.createElement("script");
     script.src = "https://acsbapp.com/apps/app/dist/js/app.js";
     script.async = true;
@@ -31,11 +21,9 @@ const App = ({ Component, pageProps }) => {
         window.acsbJS.init();
       }
     };
-    document.head.appendChild(script);
 
-    return () => {
-      script.remove();
-    };
+    const h = document.querySelector("head") || document.body;
+    h.appendChild(script);
   }, []);
 
   return (
diff --git a/pages/_document.js b/pages/_document.js
index 49dae51..812c685 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -1,26 +1,10 @@
-// pages/_document.js
-import { Html, Head, Main, NextScript } from "next/document";
+import { Html, Head, Main, NextScript } from 'next/document';
 
 export default function Document() {
   return (
     <Html lang="en">
       <Head>
-        {/* ✅ CSS Styles */}
-        <link rel="icon" type="image/png" sizes="56x56" href="/assets/images/fav-icon/icon.webp" />
-        <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
-        <link rel="stylesheet" href="/assets/css/animate.css" />
-        <link rel="stylesheet" href="/assets/css/animated-text.css" />
-        <link rel="stylesheet" href="/assets/css/all.min.css" />
-        <link rel="stylesheet" href="/assets/css/flaticon.css" />
-        <link rel="stylesheet" href="/assets/css/theme-default.css" />
-        <link rel="stylesheet" href="/assets/css/meanmenu.min.css" />
-        <link rel="stylesheet" href="/assets/css/owl.transitions.css" />
-        <link rel="stylesheet" href="/assets/css/bootstrap-icons.css" />
-        <link rel="stylesheet" href="/assets/css/style.css" />
-        <link rel="stylesheet" href="/assets/css/magnific-popup.css" />
-        <link rel="stylesheet" href="/assets/css/responsive.css" />
-
-        {/* ✅ Google Tag Manager */}
+        {/* ✅ Google Tag Manager (script) */}
         <script
           dangerouslySetInnerHTML={{
             __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
@@ -31,8 +15,11 @@ export default function Document() {
           }}
         />
 
-        {/* ✅ Google Analytics */}
-        <script async src="https://www.googletagmanager.com/gtag/js?id=G-1NXE8QSBC8"></script>
+        {/* ✅ Google Analytics (gtag.js) */}
+        <script
+          async
+          src="https://www.googletagmanager.com/gtag/js?id=G-1NXE8QSBC8"
+        ></script>
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -43,34 +30,42 @@ export default function Document() {
             `,
           }}
         />
-      </Head>
 
+      </Head>
       <body>
+        {/* ✅ Google Tag Manager (noscript) */}
+        {/* <noscript>
+          <iframe
+            src="https://www.googletagmanager.com/ns.html?id=GTM-KWXS2ZM3"
+            height="0"
+            width="0"
+            style={{ display: 'none', visibility: 'hidden' }}
+          ></iframe>
+        </noscript> */}
+
         <Main />
         <NextScript />
 
-        {/* ✅ accessiBe (only load in production) */}
+        {/* ✅ accessiBe script */}
         <script
           dangerouslySetInnerHTML={{
             __html: `
-              if (window.location.hostname !== "localhost") {
-                (function(){
-                  var s = document.createElement('script');
-                  var h = document.querySelector('head') || document.body;
-                  s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
-                  s.async = true;
-                  s.onload = function(){
-                    if (typeof acsbJS !== 'undefined') {
-                      acsbJS.init();
-                    }
-                  };
-                  h.appendChild(s);
-                })();
-              }
+              (function(){
+                var s = document.createElement('script');
+                var h = document.querySelector('head') || document.body;
+                s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
+                s.async = true;
+                s.onload = function(){
+                  if (typeof acsbJS !== 'undefined') {
+                    acsbJS.init();
+                  }
+                };
+                h.appendChild(s);
+              })();
             `,
           }}
         />
       </body>
     </Html>
   );
-}
\ No newline at end of file
+}
diff --git a/pages/portfolio.js b/pages/portfolio.js
index a13a7f4..58b34eb 100644
--- a/pages/portfolio.js
+++ b/pages/portfolio.js
@@ -1,17 +1,19 @@
-// pages/portfolio.js
+import Portfolios from "@/src/components/services-details-banner/portfoliobanner";
 import Layout from "@/src/layout/Layout";
 import dynamic from "next/dynamic";
-import Portfolios from "@/src/components/services-details-banner/portfoliobanner";
-
 const CaseStudies = dynamic(
   () => import("@/src/components/isotope/CaseStudies"),
-  { ssr: false }
+  {
+    ssr: false,
+  }
 );
-
-export default function Portfolio() {
+const Portfolio = () => {
   return (
     <Layout>
-      <Portfolios pageName="PORTFOLIO" />
+      <Portfolios pageName={"PORTFOLIO"} />
+      {/*==================================================*/}
+      {/* Start consen case study Area */}
+      {/*==================================================*/}
       <div className="case-study-area style-three">
         <div className="container">
           <CaseStudies />
@@ -19,4 +21,5 @@ export default function Portfolio() {
       </div>
     </Layout>
   );
-}
\ No newline at end of file
+};
+export default Portfolio;
diff --git a/src/ConsenHead.js b/src/ConsenHead.js
index 0637a3d..6a78df5 100644
--- a/src/ConsenHead.js
+++ b/src/ConsenHead.js
@@ -1,28 +1,132 @@
 import Head from "next/head";
 const ConsenHead = ({ title, description }) => {
-  const defaultTitle = "Metatroncube: Leaders in Web & Mobile Dev, SEO, Digital Marketing";
+  const defaultTitle = "Metatroncube: Leaders in Web &amp; Mobile Dev, SEO, Digital Marketing";
   const defaultDescription =
-    "Metatroncube Software Solutions: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services";
+    "Metatroncube Software Solutions: Your go-to agency for cutting-edge web &amp; app development, SEO, digital marketing, and graphic design services";
 
-    //     console.log("title", title)
-    // console.log("description", description)
+    console.log("title", title)
   return (
     <Head>
 
-             {/* Google Tag Manager */}
+       {/* Google Tag Manager */}
 
 {/* <script dangerouslySetInnerHTML={{ __html: ` (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-N29NTKG9');`, }}/> */}
 
- {/* End Google Tag Manager */}
+ {/* End Google Tag Manager */}
       <meta charSet="UTF-8" />
       <meta httpEquiv="x-ua-compatible" content="ie=edge" />
       <title>{title || defaultTitle}</title>
       <meta name="description" content={description || defaultDescription} />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
+      {/* Favicon */}
+      <link
+        rel="icon"
+        type="image/png"
+        sizes="56x56"
+        href="/assets/images/fav-icon/icon.webp"
+      />
+      {/* bootstrap CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/bootstrap.min.css"
+        type="text/css"
+        media="all"
+      />
+      {/* carousel CSS */}
+      {/* <link
+        rel="stylesheet"
+        href="assets/css/owl.carousel.min.css"
+        type="text/css"
+        media="all"
+      /> */}
+      {/* animate CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/animate.css"
+        type="text/css"
+        media="all"
+      />
+      {/* animated-text CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/animated-text.css"
+        type="text/css"
+        media="all"
+      />
+      {/* font-awesome CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/all.min.css"
+        type="text/css"
+        media="all"
+      />
+      {/* font-flaticon CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/flaticon.css"
+        type="text/css"
+        media="all"
+      />
+      {/* theme-default CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/theme-default.css"
+        type="text/css"
+        media="all"
+      />
+      {/* meanmenu CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/meanmenu.min.css"
+        type="text/css"
+        media="all"
+      />
+      {/* transitions CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/owl.transitions.css"
+        type="text/css"
+        media="all"
+      />
+      {/* venobox CSS */}
+      <link
+        rel="stylesheet"
+        href="/venobox/venobox.css"
+        type="text/css"
+        media="all"
+      />
+      {/* bootstrap icons */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/bootstrap-icons.css"
+        type="text/css"
+        media="all"
+      />
+      {/* Main Style CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/style.css"
+        type="text/css"
+        media="all"
+      />
+      {/* Main Style CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/magnific-popup.css"
+        type="text/css"
+        media="all"
+      />
+      {/* responsive CSS */}
+      <link
+        rel="stylesheet"
+        href="/assets/css/responsive.css"
+        type="text/css"
+        media="all"
+      />
     </Head>
   );
 };
-export default ConsenHead;
\ No newline at end of file
+export default ConsenHead;
diff --git a/src/layout/Layout.js b/src/layout/Layout.js
index baa3712..de67e98 100644
--- a/src/layout/Layout.js
+++ b/src/layout/Layout.js
@@ -1,7 +1,4 @@
-"use client";
-
 import { Fragment, useEffect } from "react";
-import dynamic from "next/dynamic";
 import ImageView from "../components/ImageView";
 import VideoPopup from "../components/VideoPopup";
 import { animation, stickyNav } from "../utils";
@@ -9,14 +6,10 @@ import Footer from "./footer/Footer";
 import Header from "./header/Header";
 import MobileMenu from "./header/MobileMenu";
 import ScrollTop from "./ScrollTop";
-const WOW = dynamic(() => import("wowjs"), { ssr: false });
-
 const Layout = ({ children, header, footer }) => {
   useEffect(() => {
-    if (typeof window !== "undefined") {
-      animation();
-      stickyNav();
-    }
+    animation();
+    stickyNav();
   }, []);
 
   return (
@@ -31,4 +24,4 @@ const Layout = ({ children, header, footer }) => {
     </Fragment>
   );
 };
-export default Layout;
+export default Layout;
\ No newline at end of file
diff --git a/src/utils.js b/src/utils.js
index a38b41f..079790f 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -1,33 +1,9 @@
 export const animation = () => {
-  if (typeof window === "undefined") return;
-
-  try {
-    const WOW = require("wowjs");
-    const wow = new WOW.WOW({
-      live: false,
-    });
-
-    wow.init();
-
-    if ("MutationObserver" in window) {
-      const observer = new MutationObserver(() => {
-        wow.sync();
-      });
-
-      observer.observe(document.body, {
-        childList: true,
-        subtree: true,
-      });
-
-      window.addEventListener("beforeunload", () => observer.disconnect());
-    } else {
-      setInterval(() => wow.sync(), 2000);
-    }
-  } catch (err) {
-    console.warn("WOW.js initialization failed:", err);
+  if (typeof window !== "undefined") {
+    window.WOW = require("wowjs");
   }
+  new WOW.WOW().init();
 };
-
 // Sticky nav
 export const stickyNav = () => {
   window.addEventListener("scroll", () => {
@@ -168,7 +144,7 @@ export const calender = () => {
         }
 
         if (i == rightbox) {
-          // console.log(document.querySelectorAll(".all-date ul li")[rightbox]);
+          console.log(document.querySelectorAll(".all-date ul li")[rightbox]);
           document
             .querySelectorAll(".all-date ul li")
             [rightbox].classList.add("b-right");
@@ -191,4 +167,4 @@ export const calender = () => {
       }
     }
   }
-};
\ No newline at end of file
+};
