From 99123a4396ca8e70591e1624d9befadfece843ad Mon Sep 17 00:00:00 2001 From: gholi-dev Date: Mon, 6 Nov 2023 16:39:55 +0330 Subject: [PATCH] Add courses page --- pages/tv/courses/django.js | 88 ++++++++++++++++ pages/tv/courses/laravel.js | 93 ++++++++++++++++ pages/tv/courses/node.js | 89 ++++++++++++++++ pages/tv/index.js | 175 +++++++------------------------ public/static/course/django.png | Bin 0 -> 267771 bytes public/static/course/laravel.png | Bin 0 -> 215500 bytes public/static/course/nodejs.png | Bin 0 -> 199354 bytes styles/layout.css | 3 +- 8 files changed, 309 insertions(+), 139 deletions(-) create mode 100644 pages/tv/courses/django.js create mode 100644 pages/tv/courses/laravel.js create mode 100644 pages/tv/courses/node.js create mode 100644 public/static/course/django.png create mode 100644 public/static/course/laravel.png create mode 100644 public/static/course/nodejs.png diff --git a/pages/tv/courses/django.js b/pages/tv/courses/django.js new file mode 100644 index 00000000..357ea410 --- /dev/null +++ b/pages/tv/courses/django.js @@ -0,0 +1,88 @@ +import React, { Fragment, useState } from "react"; +import Layout from "../../../components/Layout"; +import Head from "next/head"; +import { Dialog, Section } from ".."; + +const INIT_OPEN_DIALOG = { isOpen: false, src: "" }; + +const Django = () => { + const [openDialog, setOpenDialog] = useState(INIT_OPEN_DIALOG); + + return ( + + + مستندات - آموزش استفاده از لیارا + + +
+ + {openDialog.isOpen && ( + + +
+ +
+ + +
setOpenDialog(INIT_OPEN_DIALOG)} + >
+ + )} + + ); +}; + +export default Django; diff --git a/pages/tv/courses/laravel.js b/pages/tv/courses/laravel.js new file mode 100644 index 00000000..8e084938 --- /dev/null +++ b/pages/tv/courses/laravel.js @@ -0,0 +1,93 @@ +import React, { Fragment, useState } from "react"; +import Layout from "../../../components/Layout"; +import Head from "next/head"; +import { Dialog, Section } from ".."; + +const INIT_OPEN_DIALOG = { isOpen: false, src: "" }; + +const Laravel = () => { + const [openDialog, setOpenDialog] = useState(INIT_OPEN_DIALOG); + + return ( + + + مستندات - آموزش استفاده از لیارا + + + +
+ + {openDialog.isOpen && ( + + +
+ +
+ + +
setOpenDialog(INIT_OPEN_DIALOG)} + >
+ + )} + + ); +}; + +export default Laravel; diff --git a/pages/tv/courses/node.js b/pages/tv/courses/node.js new file mode 100644 index 00000000..be2010c2 --- /dev/null +++ b/pages/tv/courses/node.js @@ -0,0 +1,89 @@ +import React, { Fragment, useState } from "react"; +import Layout from "../../../components/Layout"; +import Head from "next/head"; +import { Dialog, Section } from ".."; + +const INIT_OPEN_DIALOG = { isOpen: false, src: "" }; + +const Node = () => { + const [openDialog, setOpenDialog] = useState(INIT_OPEN_DIALOG); + + return ( + + + مستندات - آموزش استفاده از لیارا + + + +
+ + {openDialog.isOpen && ( + + +
+ +
+ + +
setOpenDialog(INIT_OPEN_DIALOG)} + >
+ + )} + + ); +}; + +export default Node; diff --git a/pages/tv/index.js b/pages/tv/index.js index d66161ed..5b04f61b 100644 --- a/pages/tv/index.js +++ b/pages/tv/index.js @@ -2,6 +2,7 @@ import React, { Fragment, useState } from "react"; import Layout from "../../components/Layout"; import Head from "next/head"; import PlatformIcon from "../../components/PlatformIcon"; +import Link from "next/link"; const INIT_OPEN_DIALOG = { isOpen: false, src: "" }; @@ -14,6 +15,34 @@ const Videos = () => { مستندات - آموزش استفاده از لیارا +
+
+
+

آموزش جامع استقرار

+
+
+
+ + + + + + + + + +
+
+
{ ]} /> -
-
- -
-
{ بستن - {/* - - */}