feat: add new pages for About, Albums, Artists, Channels, Clips, Contact, Donate, Embed, Episodes, History, Livestreams, Membership, Mobile App, My Clips, My Profile, Playlists, Profiles, Queue, Search, Settings, Terms, Tracks, and Videos

Author: mitchdowney

src/app/about/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function About() {
+  return (
+    <>
+      <Header title="About" />
+      <MainWrapper>
+        <p>About</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/albums/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Albums() {
+  return (
+    <>
+      <Header title="Albums" />
+      <MainWrapper>
+        <p>Albums</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/artists/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Artists() {
+  return (
+    <>
+      <Header title="Artists" />
+      <MainWrapper>
+        <p>Artists</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/channels/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Channels() {
+  return (
+    <>
+      <Header title="Channels" />
+      <MainWrapper>
+        <p>Channels</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/clips/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Clips() {
+  return (
+    <>
+      <Header title="Clips" />
+      <MainWrapper>
+        <p>Clips</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Contact() {
+  return (
+    <>
+      <Header title="Contact" />
+      <MainWrapper>
+        <p>Contact</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/donate/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Donate() {
+  return (
+    <>
+      <Header title="Donate" />
+      <MainWrapper>
+        <p>Donate</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/embed/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function Embed() {
+  return (
+    <>
+      <Header title="Embed" />
+      <MainWrapper>
+        <p>Embed</p>
+      </MainWrapper>
+    </>
+  );
+}

src/app/episodes/page.tsx

@@ -1,10 +1,14 @@
 import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
 
-export default async function Episodes() {
+export default function Episodes() {
   return (
-    <div>
-      hello
-      <p>episodes</p>
-    </div>
+    <>
+      <Header title="Episodes" />
+      <MainWrapper>
+        <p>Episodes</p>
+      </MainWrapper>
+    </>
   );
-}
+}

src/app/history/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Header from "../../components/Header/Header";
+import MainWrapper from "../../components/MainWrapper/MainWrapper";
+
+export default function History() {
+  return (
+    <>
+      <Header title="History" />
+      <MainWrapper>
+        <p>History</p>
+      </MainWrapper>
+    </>
+  );
+}