From 8e72ab4fefde55b2831ec8e15aea4eb097a047c5 Mon Sep 17 00:00:00 2001
From: Kamlendra Singh <kamlendrax@gmail.com>
Date: Mon, 6 May 2024 14:24:15 +0200
Subject: [PATCH] Add files via upload

---
 app/browse/page.jsx    | 39 ++++++++++++++++++++
 app/community/page.jsx | 24 +++++++++++++
 app/courses/page.js    | 40 +++++++++++++++++++++
 app/explore/page.jsx   | 82 ++++++++++++++++++++++++++++++++++++++++++
 app/favorites/page.js  | 35 ++++++++++++++++++
 app/gaming/page.js     | 35 ++++++++++++++++++
 app/help/page.js       | 29 +++++++++++++++
 app/history/page.jsx   | 35 ++++++++++++++++++
 app/learning/page.js   | 35 ++++++++++++++++++
 9 files changed, 354 insertions(+)
 create mode 100644 app/browse/page.jsx
 create mode 100644 app/community/page.jsx
 create mode 100644 app/courses/page.js
 create mode 100644 app/explore/page.jsx
 create mode 100644 app/favorites/page.js
 create mode 100644 app/gaming/page.js
 create mode 100644 app/help/page.js
 create mode 100644 app/history/page.jsx
 create mode 100644 app/learning/page.js

diff --git a/app/browse/page.jsx b/app/browse/page.jsx
new file mode 100644
index 0000000..1d3a9b3
--- /dev/null
+++ b/app/browse/page.jsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import Avatar from '@mui/material/Avatar';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Unstable_Grid2';
+import Card from '../_components/browse/card'
+import Toolbar from '@mui/material/Toolbar';
+export const metadata = {
+  title: "Browse - FossTube",
+  description: "Open & Decentralized",
+};
+export default function CenteredElementGrid() {
+  return (
+    <Box sx={{ flexGrow: 1 }}>
+        <Toolbar/>
+      <Grid container spacing={2} minHeight={160}>
+        <Grid xs display="flex" justifyContent="center" alignItems="center">
+          <Card  />
+        </Grid>
+        <Grid display="flex" justifyContent="center" alignItems="center">
+          <Card />
+        </Grid>
+        <Grid xs display="flex" justifyContent="center" alignItems="center">
+          <Card />
+        </Grid>
+      </Grid>
+      <Grid container spacing={2} minHeight={160}>
+        <Grid xs display="flex" justifyContent="center" alignItems="center">
+          <Avatar  />
+        </Grid>
+        <Grid display="flex" justifyContent="center" alignItems="center">
+          <Avatar />
+        </Grid>
+        <Grid xs display="flex" justifyContent="center" alignItems="center">
+          <Avatar />
+        </Grid>
+      </Grid>
+    </Box>
+  );
+}
diff --git a/app/community/page.jsx b/app/community/page.jsx
new file mode 100644
index 0000000..3aa606d
--- /dev/null
+++ b/app/community/page.jsx
@@ -0,0 +1,24 @@
+import Community from "../_components/community"
+export const metadata = {
+  title: "Community - FossTube",
+  description: "Open & Decentralized",
+};
+
+// TODO remove, this demo shouldn't need to reset the theme.
+
+// const defaultTheme = createTheme();
+
+export default function SignUp() {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    console.log({
+      email: data.get('email'),
+      password: data.get('password'),
+    });
+  };
+
+  return (
+   <><Community/></>
+  );
+}
diff --git a/app/courses/page.js b/app/courses/page.js
new file mode 100644
index 0000000..cd45367
--- /dev/null
+++ b/app/courses/page.js
@@ -0,0 +1,40 @@
+import Swiper from "../_components/courses/swiper";
+import Copyright2 from "../_components/copyright2";
+import Cardgrid from "../_components/courses/cardgrid";
+import Toolbar from '@mui/material/Toolbar';
+export const metadata = {
+  title: "Courses - FossTube",
+  description: "Open & Decentralized",
+};
+function courses() {
+  return (
+    
+    <>
+    <span >
+     
+
+   
+      <span >
+      <Toolbar />
+      <span>
+<Swiper/>
+    </span>
+    <span>
+<Cardgrid/>
+    </span> *
+
+    <span>
+<Copyright2/>
+    </span></span>
+   </span>
+
+      
+    
+
+ 
+    </>
+  
+  )
+}
+
+export default courses
diff --git a/app/explore/page.jsx b/app/explore/page.jsx
new file mode 100644
index 0000000..24418dd
--- /dev/null
+++ b/app/explore/page.jsx
@@ -0,0 +1,82 @@
+
+import React from 'react'
+import Codecarddata from "../_components/codecarddata";
+
+import styles from "../_styles/Explore.module.css";
+import { Box, Container, Grid } from '@mui/material';
+export const metadata = {
+  title: "Explore - FossTube",
+  description: "Open & Decentralized",
+};
+export default function Explore() {
+
+  return (
+    
+      <>
+
+
+
+
+    <Box
+      component="main"
+      sx={{
+        flexGrow: 1,
+        py: 8
+      }}
+    >
+      <Container maxWidth={false}>
+        <Grid
+          container
+          spacing={3}
+        >
+          <Grid
+            item
+            lg={3}
+            sm={6}
+            xl={3}
+            xs={12}
+          >
+        <p>hello1</p>
+          </Grid>
+          <Grid
+            item
+            xl={3}
+            lg={3}
+            sm={6}
+            xs={12}
+          >
+         <p>h2</p>
+          </Grid>
+          <Grid
+            item
+            xl={3}
+            lg={3}
+            sm={6}
+            xs={12}
+          >
+          <p>h3</p>
+          </Grid>
+          <Grid
+            item
+            xl={3}
+            lg={3}
+            sm={6}
+            xs={12}
+          >
+        <p>h4</p>
+          </Grid>
+      
+         
+       
+        </Grid>
+      </Container>
+    </Box>
+   
+<div className={styles.block}>
+  <h1 className={styles.bo}>TRENDING</h1></div>
+
+<Codecarddata/>
+      
+    </>
+  )
+}
diff --git a/app/favorites/page.js b/app/favorites/page.js
new file mode 100644
index 0000000..eb8c569
--- /dev/null
+++ b/app/favorites/page.js
@@ -0,0 +1,35 @@
+import Copyright2 from "../_components/copyright2";
+import styles from "../_styles/Bookmarks.module.css";
+import FavoriteBorderOutlinedIcon from '@mui/icons-material/FavoriteBorderOutlined';
+import Typography from '@mui/material/Typography';
+export const metadata = {
+  title: "Favorites - FossTube",
+  description: "Open & Decentralized",
+};
+function favorites() {
+  return (
+    <>
+      <div className={styles.Container}>
+        <div className={styles.Content}>
+          <div className={styles.CTA}></div>
+          <span className={styles.bookmark}>
+            {/* <img src="/bookmark.svg" height={312} width={312} alt="heart"></img> */}
+            <FavoriteBorderOutlinedIcon sx={{ color: 'text.primary', fontSize: 312, fontWeight: 'medium' }} />
+          </span>
+
+          {/* <p className={styles.text}> */}
+          <Typography variant="h6" gutterBottom>
+          Your favorites will appear here.
+      </Typography>
+      {/* </p> */}
+
+          <span className={styles.Footern}>
+            <Copyright2 />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default favorites;
\ No newline at end of file
diff --git a/app/gaming/page.js b/app/gaming/page.js
new file mode 100644
index 0000000..3a0f772
--- /dev/null
+++ b/app/gaming/page.js
@@ -0,0 +1,35 @@
+import Copyright2 from "../_components/copyright2";
+import styles from "../_styles/Bookmarks.module.css";
+import ConstructionOutlinedIcon from '@mui/icons-material/ConstructionOutlined';
+import Typography from '@mui/material/Typography';
+export const metadata = {
+  title: "Gaming - FossTube",
+  description: "Open & Decentralized",
+};
+function gaming() {
+  return (
+    <>
+      <div className={styles.Container}>
+        <div className={styles.Content}>
+          <div className={styles.CTA}></div>
+          <span className={styles.bookmark}>
+            {/* <img src="/bookmark.svg" height={312} width={312} alt="heart"></img> */}
+            <ConstructionOutlinedIcon sx={{ color: 'text.primary', fontSize: 312, fontWeight: 'medium' }} />
+          </span>
+
+          {/* <p className={styles.text}> */}
+          <Typography variant="h6" gutterBottom>
+          This Page is in Construction.
+      </Typography>
+      {/* </p> */}
+
+          <span className={styles.Footern}>
+            <Copyright2 />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default gaming;
\ No newline at end of file
diff --git a/app/help/page.js b/app/help/page.js
new file mode 100644
index 0000000..2004cba
--- /dev/null
+++ b/app/help/page.js
@@ -0,0 +1,29 @@
+import Toolbar from '@mui/material/Toolbar';
+import Qa from "../_components/accordion";
+import Footer from "../_components/footer";
+import HelpIcon from '@mui/icons-material/Help';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Unstable_Grid2';
+
+export const metadata = {
+  title: "Help - FossTube",
+  description: "Open & Decentralized",
+};
+export default function Home() {
+  return (
+    <>
+    
+  <Toolbar/>
+  <Grid  sx={{mt : 2}}  >
+    <Typography variant="h6" gutterBottom sx={{ textAlign: 'center', m: 1 }}>
+        Help <HelpIcon/>
+      </Typography> 
+      </Grid>
+      <Grid container spacing={2} sx={{m : 5}}  >
+
+      <Qa />
+      </Grid>
+      <Footer />
+    </>
+  );
+}
diff --git a/app/history/page.jsx b/app/history/page.jsx
new file mode 100644
index 0000000..b0a6fba
--- /dev/null
+++ b/app/history/page.jsx
@@ -0,0 +1,35 @@
+import Copyright2 from "../_components/copyright2";
+import styles from "../_styles/Bookmarks.module.css";
+import HistoryOutlinedIcon from '@mui/icons-material/HistoryOutlined';
+import Typography from '@mui/material/Typography';
+export const metadata = {
+  title: "History - FossTube",
+  description: "Open & Decentralized",
+};
+function history() {
+  return (
+    <>
+      <div className={styles.Container}>
+        <div className={styles.Content}>
+          <div className={styles.CTA}></div>
+          <span className={styles.bookmark}>
+            {/* <img src="/bookmark.svg" height={312} width={312} alt="heart"></img> */}
+            <HistoryOutlinedIcon sx={{ color: 'text.primary', fontSize: 312, fontWeight: 'medium' }} />
+          </span>
+
+          {/* <p className={styles.text}> */}
+          <Typography variant="h6" gutterBottom>
+          Your history will appear here.
+      </Typography>
+      {/* </p> */}
+
+          <span className={styles.Footern}>
+            <Copyright2 />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default history;
\ No newline at end of file
diff --git a/app/learning/page.js b/app/learning/page.js
new file mode 100644
index 0000000..d45cc29
--- /dev/null
+++ b/app/learning/page.js
@@ -0,0 +1,35 @@
+import Copyright2 from "../_components/copyright2";
+import styles from "../_styles/Bookmarks.module.css";
+import ConstructionOutlinedIcon from '@mui/icons-material/ConstructionOutlined';
+import Typography from '@mui/material/Typography';
+export const metadata = {
+  title: "Learning - FossTube",
+  description: "Open & Decentralized",
+};
+function learning() {
+  return (
+    <>
+      <div className={styles.Container}>
+        <div className={styles.Content}>
+          <div className={styles.CTA}></div>
+          <span className={styles.bookmark}>
+            {/* <img src="/bookmark.svg" height={312} width={312} alt="heart"></img> */}
+            <ConstructionOutlinedIcon sx={{ color: 'text.primary', fontSize: 312, fontWeight: 'medium' }} />
+          </span>
+
+          {/* <p className={styles.text}> */}
+          <Typography variant="h6" gutterBottom>
+          This Page is in Construction.
+      </Typography>
+      {/* </p> */}
+
+          <span className={styles.Footern}>
+            <Copyright2 />
+          </span>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default learning;
\ No newline at end of file