Created with hackkit

apps/web/src/app/page.tsx

@@ -1,6 +1,5 @@
 import Navbar from "@/components/shared/Navbar";
 import Hero from "@/components/landing/Hero";
-
 import About from "@/components/landing/About";
 
 import Partners from "@/components/landing/Partners";

apps/web/src/components/landing/CreatedWithHackkit.tsx

@@ -0,0 +1,22 @@
+import Image from "next/image";
+import Link from "next/link";
+export default function CreatedWithHackkit() {
+	return (
+		<div className="flex items-center gap-x-2 rounded-lg border-black bg-[#222222] py-[6px] pl-[7px] pr-4">
+			<Image
+				src="/img/logo/hackkit.svg"
+				alt="HackKit Logo"
+				width={35}
+				height={35}
+			/>
+			<div className="flex text-sm">
+				<Link
+					href="https://github.com/acmutsa/HackKit"
+					className="text-center hover:underline"
+				>
+					Created with HackKit
+				</Link>
+			</div>
+		</div>
+	);
+}

apps/web/src/components/landing/Footer.tsx

@@ -5,6 +5,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { Instagram, Facebook, Twitter, Github, Disc } from "lucide-react";
 import Discord from "../../../public/img/landing/discord_icon.svg";
+import CreatedWithHackkit from "@/components/landing/CreatedWithHackkit";
 
 interface Props {
 	className?: string;
@@ -16,11 +17,16 @@ export default function Footer() {
 	const [showHackathons, setShowHackathons] = useState(false);
 
 	return (
-		<section className="flex min-h-[25vh] w-full items-center justify-center border-t-2 border-muted-foreground">
-			<h1 className="text-4xl font-black md:text-5xl">
-				{" "}
-				Your Footer Here
-			</h1>
+		<section className="w-full border-t-2 border-muted-foreground">
+			<div className="flex min-h-[25vh] w-full items-center justify-center">
+				<h1 className="text-4xl font-black md:text-5xl">
+					{" "}
+					Your Footer Here
+				</h1>
+			</div>
+			<div className="mx-auto w-fit gap-y-3 px-5 py-5">
+				<CreatedWithHackkit />
+			</div>
 		</section>
 	);
 }