Dashboard with cards

src/components/Dashboard/Dashboard.tsx

@@ -0,0 +1,25 @@
+import Flatastic from "@/components/Flatastic/Flatastic";
+import HomeAssistant from "@/components/HomeAssistant/HomeAssistant";
+import Timetable from "@/components/Timetable/Timetable";
+
+import style from "./style.module.css";
+
+export default function Dashboard() {
+    return (
+        <div className={style.dashboard}>
+            <div className={style.cardWrapper}>
+                <div className={style.card}>
+                    <Timetable />
+                </div>
+                <div className={style.card}>
+                    <Flatastic />
+                </div>
+                <div className={style.card}>
+                    <HomeAssistant />
+                </div>
+            </div>
+
+            <div className={style.footer}></div>
+        </div>
+    );
+}

src/components/Dashboard/style.module.css

@@ -0,0 +1,18 @@
+.dashboard {
+
+}
+
+.cardWrapper {
+}
+
+.card {
+  border-radius: 10px;
+  padding: 1px 100px 30px 100px;
+  margin-bottom: 20px;
+  border: 1px solid rgba(220, 220, 220, 0.4);
+  box-shadow: 5px 5px 7px rgba(220, 220, 220, 0.5);
+}
+
+.footer {
+  background-color: red;
+}