diff --git a/app/layout.js b/app/layout.js index 928f93f..b8fc43a 100644 --- a/app/layout.js +++ b/app/layout.js @@ -1,11 +1,4 @@ import { poppins } from "@/lib/font"; -// import dynamic from "next/dynamic"; - -// // Lazy load heavy components -// const ContactFloat = dynamic(() => import("@/components/ContactFloat"), { ssr: false }); -// const AutoPopup = dynamic(() => import("@/components/AutoPopup"), { ssr: false }); - -// Import only necessary CSS for global layout import "@/node_modules/react-modal-video/css/modal-video.css"; import "../public/assets/css/bootstrap.css"; import "../public/assets/css/color.css"; @@ -13,7 +6,7 @@ import "../public/assets/css/style.css"; import "swiper/css"; import "swiper/css/pagination"; import "swiper/css/free-mode"; -import Head from "next/head"; +import Script from "next/script"; export const metadata = { title: "Best Pain Relief & Physiotherapy - Repharehab Clinic", @@ -23,46 +16,47 @@ export const metadata = { export default function RootLayout({ children }) { return ( -
- {/* Lazy load non-critical CSS */} - - - + + {/* Microsoft Clarity */} + + + {/* Google Tag Manager */} + + - {/* Microsoft Clarity Tracking */} - - - {children} + {/* GTM noscript fallback */} + - {/* Lazy loaded components */} - {/*