From 29ad9335d28faa159876307feff1c211025d984e Mon Sep 17 00:00:00 2001
From: Ali Farooq <Alimuhammadfc5@gmail.com>
Date: Tue, 9 Apr 2024 17:34:48 +0500
Subject: [PATCH] feat(www): site footer

---
 .../src/app/(app)/_components/site-footer.tsx | 31 +++++++++++++++++++
 apps/www/src/app/(app)/layout.tsx             |  2 ++
 2 files changed, 33 insertions(+)
 create mode 100644 apps/www/src/app/(app)/_components/site-footer.tsx

diff --git a/apps/www/src/app/(app)/_components/site-footer.tsx b/apps/www/src/app/(app)/_components/site-footer.tsx
new file mode 100644
index 0000000..c5c53b7
--- /dev/null
+++ b/apps/www/src/app/(app)/_components/site-footer.tsx
@@ -0,0 +1,31 @@
+import { siteUrls } from "@/config/urls";
+
+export function SiteFooter() {
+    return (
+        <footer className="py-6 md:px-8 md:py-0">
+            <div className="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+                <p className="text-balance text-center text-sm leading-loose text-muted-foreground md:text-left">
+                    Built by{" "}
+                    <a
+                        href={siteUrls.twitter}
+                        target="_blank"
+                        rel="noreferrer"
+                        className="font-medium underline underline-offset-4"
+                    >
+                        alifarooq
+                    </a>
+                    . The source code is available on{" "}
+                    <a
+                        href={siteUrls.github}
+                        target="_blank"
+                        rel="noreferrer"
+                        className="font-medium underline underline-offset-4"
+                    >
+                        GitHub
+                    </a>
+                    .
+                </p>
+            </div>
+        </footer>
+    );
+}
diff --git a/apps/www/src/app/(app)/layout.tsx b/apps/www/src/app/(app)/layout.tsx
index 7633523..34a12d0 100644
--- a/apps/www/src/app/(app)/layout.tsx
+++ b/apps/www/src/app/(app)/layout.tsx
@@ -1,4 +1,5 @@
 import { SiteHeader } from "@/app/(app)/_components/side-header";
+import { SiteFooter } from "@/app/(app)/_components/site-footer";
 
 interface AppLayoutProps {
     children: React.ReactNode;
@@ -9,6 +10,7 @@ export default function AppLayout({ children }: AppLayoutProps) {
         <>
             <SiteHeader />
             <main className="flex-1">{children}</main>
+            <SiteFooter />
         </>
     );
 }