last update

components/layout/index.js

@@ -1,12 +1,7 @@
-"use client";
-
+import { getStateInfo } from "@/lib/getStateInfo";
 import Footer from "./footer";
 import Header from "./header";
 
-// AOS
-import Aos from "aos";
-import "aos/dist/aos.css";
-import { useEffect } from "react";
 import Sidebar from "./sidebar";
 
 function Layout({
@@ -23,9 +18,7 @@ function Layout({
   value,
   setValue,
 }) {
-  useEffect(() => {
-    Aos.init({ duration: 1000 });
-  }, []);
+  const { matchedCity } = getStateInfo();
 
   return (
     <div>
@@ -41,10 +34,9 @@ function Layout({
         <section
           className={`
                     opacity-page -mt-[calc(48px_+_12px)] sm:-mt-[calc(56px_+_21px)] md:-mt-[calc(64px_+_30px)] lg:-mt-[calc(80px_+_40px)]
-                    ${
-                      isSidebar &&
-                      "padding-responsive min-h-screen flex items-stretch justify-center gap-[12px] lg:gap-[24px] pt-[76px] sm:pt-[109px] mt:pt-[142px] lg:pt-[176px]"
-                    }
+                    ${isSidebar &&
+            "padding-responsive min-h-screen flex items-stretch justify-center gap-[12px] lg:gap-[24px] pt-[76px] sm:pt-[109px] mt:pt-[142px] lg:pt-[176px]"
+            }
                 `}
         >
           {isSidebar && (