updated landing page design

Author: kelvink96

.changeset/metal-penguins-fail.md

@@ -0,0 +1,5 @@
+---
+'mantine-analytics-dashboard': patch
+---
+
+feat: updated landing page design

app/apps/chat/page.tsx

@@ -92,7 +92,7 @@ function Chat() {
       </>
       <Container fluid>
         <Stack>
-          <PageHeader title="Settings" breadcrumbItems={items} />
+          <PageHeader title="Chat" breadcrumbItems={items} />
           <Surface
             component={Paper}
             {...PAPER_PROPS}

app/page.module.css

@@ -49,14 +49,33 @@
   background-color: transparent;
 }
 
-.image {
+.paperImage {
   height: 100%;
   background-color: transparent;
 
+  @mixin light {
+    color: var(--mantine-color-black);
+  }
+
+  @mixin dark {
+    color: var(--mantine-color-white);
+  }
+
+  @mixin hover {
+    transition: all ease 200ms;
+
+    * {
+      font-weight: 700;
+    }
+  }
+}
+
+.image {
+  transition: all ease 200ms;
+  border-radius: var(--mantine-radius-default);
+
   @mixin hover {
-    box-shadow: var(--mantine-shadow-lg);
-    transition: all ease 150ms;
-    transform: scale(1.03);
+    transform: scale(1.05);
   }
 }
 
@@ -68,3 +87,19 @@
   background-color: transparent;
   text-align: center;
 }
+
+.featureCard {
+  background-color: transparent;
+}
+
+.section {
+  @mixin light {
+    color: var(--mantine-color-black);
+    background-color: var(--mantine-color-white);
+  }
+
+  @mixin dark {
+    color: var(--mantine-color-white);
+    background-color: var(--mantine-color-dark-8);
+  }
+}