add temporary loader

Author: jamest0

Diff for: components/Background.tsx

@@ -0,0 +1,7 @@
+import Spline from "@splinetool/react-spline";
+
+const Background = () => {
+  return <Spline className="absolute" scene="https://prod.spline.design/thPGkOvNXu8XjGlk/scene.splinecode" />;
+};
+
+export default Background;

Diff for: components/Landing/index.tsx

@@ -1,9 +1,11 @@
+import Background from "../Background";
 import Navbar from "../Navbar";
 
 const Landing = () => {
   return (
-    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5" id="landing">
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden" id="landing">
       <Navbar />
+      <Background />
       <div className="flex justify-between items-end">
         <div>
           <div className="font-semibold">

Diff for: package-lock.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@splinetool/react-spline": "^2.2.6",
     "@types/node": "20.5.9",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",