diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 67f9179..6267530 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { Navbar } from '@/components/navbar';
+import { Footer } from '@/components/footer';
 import { ThemeProvider } from '@/components/theme-provider';
 
 import './globals.css'
@@ -16,6 +17,7 @@ export default function RootLayout({
 			<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
 				<Navbar />
 				<main suppressHydrationWarning>{children}</main>
+				<Footer />
 			</ThemeProvider>
 		</body>
 	</html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6b05c82..93a2dc7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,11 @@
 "use client"
 
-import { Button } from "@/components/ui/button";
-import { Footer } from "@/components/footer";
+import { Hero } from "@/components/hero";
 
 export default function Home() {
 	return (
-		
-		<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-
-			<Button>Click me</Button>
-			<Footer />
+		<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+			<Hero />
 		</div>
 	);
 }
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 8c03f7d..9e511c1 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -2,57 +2,13 @@
 
 import * as React from "react"
 
-import Image from "next/image";
-
 export function Footer() {
 
     return (
-        <footer className="w-full mx-auto py-4 px-4 row-start-3 flex gap-6 flex-wrap items-center justify-center border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-            <a
-                className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-                href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-                target="_blank"
-                rel="noopener noreferrer"
-            >
-                <Image
-                    aria-hidden
-                    src="/file.svg"
-                    alt="File icon"
-                    width={16}
-                    height={16}
-                />
-                Learn
-            </a>
-            <a
-                className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-                href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-                target="_blank"
-                rel="noopener noreferrer"
-            >
-                <Image
-                    aria-hidden
-                    src="/window.svg"
-                    alt="Window icon"
-                    width={16}
-                    height={16}
-                />
-                Examples
-            </a>
-            <a
-                className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-                href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-                target="_blank"
-                rel="noopener noreferrer"
-            >
-                <Image
-                    aria-hidden
-                    src="/globe.svg"
-                    alt="Globe icon"
-                    width={16}
-                    height={16}
-                />
-                Go to nextjs.org →
-            </a>
+        <footer className="sticky bottom-0 w-full mx-auto py-2 px-4 row-start-3 flex gap-6 flex-wrap items-center justify-center border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+            <p>
+                Made with ❤️ by for Hoya Hacks 2025 
+            </p>
         </footer>
     )
 }
diff --git a/src/components/hero.tsx b/src/components/hero.tsx
new file mode 100644
index 0000000..fc6f56e
--- /dev/null
+++ b/src/components/hero.tsx
@@ -0,0 +1,42 @@
+"use client"
+
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+
+export function Hero() {
+	return (
+		<section className="mx-auto my-auto bg-white dark:bg-gray-900">
+			<div className="grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12">
+				<div className="mr-auto place-self-center lg:col-span-7">
+					<h1 className="max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white">
+						Revolutionize Your HealthCare
+					</h1>
+					<p className="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">
+						Improving your recovery journey with personalized care.
+					</p>
+					<Button>
+						<Link
+							href="/get-started"
+							className="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center  rounded-lg bg-primary-700 hover:bg-primary-800 "
+						>
+							Get started
+							<svg
+								className="w-5 h-5 ml-2 -mr-1"
+								fill="currentColor"
+								viewBox="0 0 20 20"
+								xmlns="http://www.w3.org/2000/svg"
+							>
+								<path
+									fillRule="evenodd"
+									d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
+									clipRule="evenodd"
+								></path>
+							</svg>
+						</Link>
+					</Button>
+				</div>
+			</div>
+		</section>
+	)
+}
+