added subpages and loading component

src/app/about/page.tsx

@@ -0,0 +1,12 @@
+import Stars from "@/components/stars";
+import React from "react";
+
+const page = () => {
+  return (
+    <main className="w-100 m-0 h-screen">
+      <Stars />
+    </main>
+  );
+};
+
+export default page;

src/app/contact/page.tsx

@@ -0,0 +1,12 @@
+import Stars from "@/components/stars";
+import React from "react";
+
+const page = () => {
+  return (
+    <main className="w-100 m-0 h-screen">
+      <Stars />
+    </main>
+  );
+};
+
+export default page;

src/app/loading.tsx

@@ -0,0 +1,6 @@
+import Stars from "@/components/stars";
+import React from "react";
+
+export default function loading() {
+  return <main className="w-screen m-0 h-screen bg-black"></main>;
+}

src/app/models/page.tsx

@@ -0,0 +1,12 @@
+import Stars from "@/components/stars";
+import React from "react";
+
+const page = () => {
+  return (
+    <main className="w-100 m-0 h-screen">
+      <Stars />
+    </main>
+  );
+};
+
+export default page;

src/app/page.tsx

@@ -1,10 +1,7 @@
 import Stars from "@/components/stars";
 import Skeleton from "@/components/mesh/skeleton";
 import Link from "next/link";
-import FramerPageTransition from "@/components/providers/framerPageTransition";
 import { Suspense } from "react";
-import Loading from "./loading";
-import ModelLoading from "@/components/modelLoading";
 
 export default function Home() {
   return (
@@ -21,9 +18,7 @@ export default function Home() {
           CONTACT
         </Link>
         <div className=" fixed h-screen w-1/2 right-0 top-0">
-          <Suspense fallback={<ModelLoading />}>
-            <Skeleton />
-          </Suspense>
+          <Skeleton />
         </div>
       </div>
     </main>