From da99f8ac3bb61b99d79387a0b3fc1263c4e02c5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20Ca=C5=82a?= <adam.cala31@gmail.com>
Date: Tue, 7 Nov 2023 12:08:19 +0100
Subject: [PATCH] added subpages and loading component

---
 src/app/about/page.tsx   | 12 ++++++++++++
 src/app/contact/page.tsx | 12 ++++++++++++
 src/app/loading.tsx      |  6 ++++++
 src/app/models/page.tsx  | 12 ++++++++++++
 src/app/page.tsx         |  7 +------
 5 files changed, 43 insertions(+), 6 deletions(-)
 create mode 100644 src/app/about/page.tsx
 create mode 100644 src/app/contact/page.tsx
 create mode 100644 src/app/loading.tsx
 create mode 100644 src/app/models/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..bc4f4bd
--- /dev/null
+++ b/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;
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..bc4f4bd
--- /dev/null
+++ b/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;
diff --git a/src/app/loading.tsx b/src/app/loading.tsx
new file mode 100644
index 0000000..a1852f8
--- /dev/null
+++ b/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>;
+}
diff --git a/src/app/models/page.tsx b/src/app/models/page.tsx
new file mode 100644
index 0000000..bc4f4bd
--- /dev/null
+++ b/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;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7fdfb3d..4ccd570 100644
--- a/src/app/page.tsx
+++ b/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>