From 8a6b438e93fb43a3c6ddb63f7dd2e5ec905c708f Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Sat, 4 Apr 2026 13:05:51 +0530
Subject: [PATCH] added footer

---
 src/Footer.tsx | 35 +++++++++++++++++++++++++++++++++++
 src/Home.tsx   | 35 +++++++++++++----------------------
 2 files changed, 48 insertions(+), 22 deletions(-)
 create mode 100644 src/Footer.tsx

diff --git a/src/Footer.tsx b/src/Footer.tsx
new file mode 100644
index 0000000..2c102db
--- /dev/null
+++ b/src/Footer.tsx
@@ -0,0 +1,35 @@
+import * as React from 'react';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+
+function Copyright() {
+  return (
+    <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+      <Link color="text.secondary" href="https://www.aetoskia.com/">
+        {'Copyright © Aetoskia Internal Infrastructure — All rights reserved.'}
+      </Link>
+      &nbsp;
+      {new Date().getFullYear()}
+    </Typography>
+  );
+}
+
+export default function Footer() {
+  return (
+    <React.Fragment>
+      <Container
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          gap: { xs: 2, sm: 4 },
+          py: { xs: 2, sm: 4 },
+          textAlign: { sm: 'center', md: 'left' },
+        }}
+      >
+        <Copyright />
+      </Container>
+    </React.Fragment>
+  );
+}
diff --git a/src/Home.tsx b/src/Home.tsx
index d00b98a..62e629f 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -1,26 +1,17 @@
 import * as React from "react";
+import AppTheme from './shared-theme/AppTheme';
+import CssBaseline from '@mui/material/CssBaseline';
+import Footer from './Footer';
+
+export default function Home(props: { disableCustomTheme?: boolean }) {
 
-const Home: React.FC = () => {
   return (
-    <div style={styles.container}>
-      <h1 style={styles.title}>Welcome to Khata</h1>
-    </div>
+    <AppTheme {...props}>
+      <CssBaseline enableColorScheme />
+      <div>
+        <h1>Welcome to Khata</h1>
+      </div>
+      <Footer />
+    </AppTheme>
   );
-};
-
-const styles: { [key: string]: React.CSSProperties } = {
-  container: {
-    height: "100vh",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "#0f172a",
-  },
-  title: {
-    color: "#ffffff",
-    fontSize: "2rem",
-    fontWeight: 600,
-  },
-};
-
-export default Home;
\ No newline at end of file
+}