Merge branch 'Hayya' into Yobel

.env

@@ -0,0 +1,3 @@
+VITE_PINATA_JWT = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySW5mb3JtYXRpb24iOnsiaWQiOiI5ZTU3ZjdlYy1kZGUxLTRiZjYtYWQ5OS0zNGExYzQ3NWRkY2MiLCJlbWFpbCI6ImZlcm5hbmRvbG91aXM1NUBnbWFpbC5jb20iLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwicGluX3BvbGljeSI6eyJyZWdpb25zIjpbeyJkZXNpcmVkUmVwbGljYXRpb25Db3VudCI6MSwiaWQiOiJGUkExIn0seyJkZXNpcmVkUmVwbGljYXRpb25Db3VudCI6MSwiaWQiOiJOWUMxIn1dLCJ2ZXJzaW9uIjoxfSwibWZhX2VuYWJsZWQiOmZhbHNlLCJzdGF0dXMiOiJBQ1RJVkUifSwiYXV0aGVudGljYXRpb25UeXBlIjoic2NvcGVkS2V5Iiwic2NvcGVkS2V5S2V5IjoiZDc5YTUzMTA1NjljZGZlMzA5OWEiLCJzY29wZWRLZXlTZWNyZXQiOiJmMmFhM2VlZWFlMTIxZTI3NzQwZWY4ZmMyMTcwZTFhYmQ1ODk4ZjI3ODEwMTlhNGVhZjYzYzUwM2JiMDYwNDBkIiwiZXhwIjoxNzYxNDY3NTY3fQ.d3V5-DcdIi7hM-tr-nlesBuZgTEj5EEM_yAmFngQQbo
+VITE_PINATA_GATEAWAY = d79a5310569cdfe3099a
+VITE_IDANALYZER_API_KEY = JXy7kcF9Tlyyjes2rYmmVtQU0RR6dxck

index.html

@@ -15,4 +15,4 @@
     <script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>
 
   </body>
-</html>
+</html>

package.json

@@ -51,4 +51,4 @@
     "tailwindcss": "^3.4.14",
     "vite": "^5.4.8"
   }
-}
+}

src/App.jsx

@@ -1,3 +1,4 @@
+
 import { Route, Routes } from "react-router-dom";
 import Footer from "./components/fixed/Footer";
 import Navbar from "./components/fixed/Navbar";
@@ -21,6 +22,7 @@ function App() {
     }
   };
 
+
   useEffect(() => {}, [connectedPrincipal]);
 
   return (

src/components/fixed/Footer.jsx

@@ -19,4 +19,4 @@ const Footer = () => {
   );
 };
 
-export default Footer;
+export default Footer;

src/components/fixed/Layout.jsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/prop-types */
+import { useState, useEffect } from "react";
+import { Outlet } from "react-router-dom";
+import Navbar from "./Navbar";
+import Footer from "./Footer";
+import LoadingScreen from "../ui/loading-screen";
+import { BackgroundBeamsWithCollision } from "../ui/background-beams-with-collision";
+
+const Layout = ({ handleConnect, principal }) => {
+
+    const [isLoading, setIsLoading] = useState(true);
+
+    useEffect(() => {
+        setTimeout(() => {
+            setIsLoading(false);
+        }, 2500);
+    })
+
+    if (isLoading) {
+        return <LoadingScreen />
+    }
+
+    return (
+        <>
+            <Navbar handleConnect={handleConnect} principal={principal} />
+            <BackgroundBeamsWithCollision className="min-h-screen h-full w-full flex flex-col items-center justify-center font-poppins">
+                <Outlet />
+            </BackgroundBeamsWithCollision>
+            <Footer />
+        </>
+    );
+};
+
+export default Layout;

src/components/fixed/Navbar.jsx

@@ -72,4 +72,4 @@ const Navbar = ({ principal, handleConnect }) => {
   );
 };
 
-export default Navbar;
+export default Navbar;

src/components/ui/background-beams-with-collision.jsx

@@ -202,6 +202,7 @@ const CollisionMechanism = React.forwardRef(
 CollisionMechanism.displayName = "CollisionMechanism";
 
 const Explosion = ({ ...props }) => {
+
   const spans = Array.from({ length: 20 }, (_, index) => ({
     id: index,
     initialX: 0,

src/components/ui/text-generate-effect.jsx

@@ -56,4 +56,4 @@ export const TextGenerateEffect = ({
       </div>
     </div>
   );
-};
+};

src/idl/service.did.js

@@ -70,4 +70,4 @@ export const idlFactory = ({ IDL }) => {
 };
 export const init = ({ IDL }) => {
   return [];
-};
+};

src/index.css

@@ -3,4 +3,4 @@
 
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;

src/main.jsx

@@ -2,6 +2,10 @@ import { createRoot } from 'react-dom/client'
 import App from './App.jsx'
 import './index.css'
 import { BrowserRouter } from 'react-router-dom'
+import 'aos/dist/aos.css';
+import AOS from 'aos';
+
+AOS.init();
 
 createRoot(document.getElementById('root')).render(
   <BrowserRouter>

src/service/connector.js

@@ -1,3 +1,4 @@
+
 import { idlFactory } from "../idl/service.did";
 import { Actor, HttpAgent } from "@dfinity/agent";