feat : add footer , header , base css, progressBar , main and page components

src/pages/about/index.tsx

@@ -0,0 +1,13 @@
+import Alert from "../../components/alert/Alert";
+
+const About = () => {
+  return (
+    <div className="relative w-full h-full px-4 py-2">
+      <Alert type="dark" message="">
+        به زودی صفحه درباره اضافه می شود
+      </Alert>
+    </div>
+  );
+};
+
+export default About;

src/pages/rule/index.tsx

@@ -0,0 +1,13 @@
+import Alert from "../../components/alert/Alert";
+
+const Rule = () => {
+  return (
+    <div className="relative w-full h-full px-4 py-2">
+      <Alert type="info" message="">
+        به زودی صفحه مقررات اضافه می شود
+      </Alert>
+    </div>
+  );
+};
+
+export default Rule;

src/pages/shop/index.tsx

@@ -0,0 +1,13 @@
+import Alert from "../../components/alert/Alert";
+
+const Shop = () => {
+  return (
+    <div className="relative w-full h-full px-4 py-2">
+      <Alert type="warning" message="">
+        به زودی صفحه فروشگاه اضافه می شود
+      </Alert>
+    </div>
+  );
+};
+
+export default Shop;

src/pages/tutorial/index.tsx

@@ -0,0 +1,13 @@
+import Alert from "../../components/alert/Alert";
+
+const Tutorial = () => {
+  return (
+    <div className="relative w-full h-full px-4 py-2">
+      <Alert type="success" message="">
+        به زودی صفحه اموزش اضافه می شود
+      </Alert>
+    </div>
+  );
+};
+
+export default Tutorial;