From 7bd4a499ceab6f0f961a241d072a163a24bf0163 Mon Sep 17 00:00:00 2001
From: Ziad <chaoticninja@yahoo.com>
Date: Wed, 23 Oct 2024 13:29:55 -0400
Subject: [PATCH 1/2] inital home page created with login form

---
 src/app/page.tsx | 47 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6c48c05..ac19360 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,3 +1,48 @@
+import { Box, Button, Container, Paper } from "@mui/material";
+import Link from "next/link";
+
+import LoginForm from "@/components/LoginForm";
+import Logo from "@/components/Logo";
+
 export default function Home() {
-  return <p>Home page</p>;
+  return (
+    <div>
+      {/* Header with Logo and Title */}
+      <header
+        style={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          position: "relative",
+        }}
+      >
+        <Box
+          sx={{
+            position: "absolute",
+            left: 0,
+            top: 0,
+            p: 1, // Material UI spacing
+          }}
+        >
+          <Logo width={100} height={100} alt="SCF Logo" />
+        </Box>
+        <h1>St. Christopher Truckers Relief Fund</h1>
+      </header>
+
+      {/* Login Form with Black Border */}
+      <Container maxWidth="sm" sx={{ mt: 5 }}>
+        <Paper sx={{ p: 3, border: "2px solid black" }}>
+          <LoginForm />
+        </Paper>
+      </Container>
+      {/* Enrollment Form Button */}
+      <Box sx={{ mt: 2, textAlign: "center" }}>
+        <Link href="/enrollment-form" passHref>
+          <Button variant="contained" color="primary">
+            Fill out enrollment form
+          </Button>
+        </Link>
+      </Box>
+    </div>
+  );
 }

From b43a3c5b6f6f6ace291dd0d181fdc4ab10d8b8bd Mon Sep 17 00:00:00 2001
From: Ziad <chaoticninja@yahoo.com>
Date: Wed, 23 Oct 2024 13:33:30 -0400
Subject: [PATCH 2/2] tweaked logo padding

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac19360..e77fdb3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function Home() {
             position: "absolute",
             left: 0,
             top: 0,
-            p: 1, // Material UI spacing
+            p: 0, // Material UI spacing
           }}
         >
           <Logo width={100} height={100} alt="SCF Logo" />