add loading all page & change bugs

2024-09-05 22:20:18 +03:30
parent 087ed4a818
commit c45a161fcb
72 changed files with 1208 additions and 661 deletions
@@ -1,13 +1,26 @@
+'use client';
+
+import { useEffect, useState } from "react";
+
 import Head from "./Head";
 import Title from "./title";
 import LatestArticles from "./latestArticles";

 function BlogsPage() {
+
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        setTimeout(() => {
+            setLoading(false);
+        }, 2000);
+    }, []);
+
    return (
        <div className="padding-responsive pt-[84px] sm:pt-[110px] md:pt-[140px] lg:pt-[168px]">
            <Title />
-            <Head />
-            <LatestArticles />
+            <Head loading={loading} />
+            <LatestArticles loading={loading} />
        </div>
    )
 }