From 4fabe8856e451c763801c0377a445004926dae0b Mon Sep 17 00:00:00 2001
From: Ali Josheghani <ali.josheghani2005@gmail.com>
Date: Mon, 27 May 2024 10:28:08 +0330
Subject: [PATCH] feat : fps limit paticle 120 to 60

---
 src/components/particle/index.tsx |  2 +-
 src/layout/index.tsx              | 22 ++++++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/particle/index.tsx b/src/components/particle/index.tsx
index e596a47..81a4675 100644
--- a/src/components/particle/index.tsx
+++ b/src/components/particle/index.tsx
@@ -40,7 +40,7 @@ export default function Particle() {
           value: "",
         },
       },
-      fpsLimit: 120,
+      fpsLimit: 60,
       interactivity: {
         events: {
           onClick: {
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index 8213980..3a3ee96 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -5,18 +5,20 @@ import Particle from "../components/particle";
 
 const Layout = () => {
   return (
-    <div
-      className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
-    >
+    <>
       <Particle />
-      <div className="relative w-full h-full">
-        <Header />
-        <main className="w-full h-full px-5 py-0">
-          <Outlet />
-        </main>
+      <div
+        className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
+      >
+        <div className="relative w-full h-full">
+          <Header />
+          <main className="w-full h-full px-5 py-0">
+            <Outlet />
+          </main>
+        </div>
+        <Footer />
       </div>
-      <Footer />
-    </div>
+    </>
   );
 };