diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
index d36b452..da6b89d 100644
--- a/src/components/layouts/Footer.tsx
+++ b/src/components/layouts/Footer.tsx
@@ -1,9 +1,10 @@
+import { appConfig } from "@/config/app";
 import { ModeToggle } from "../mode-toggle";
 
 export function Footer() {
     return (
         <footer className="flex flex-col items-center justify-between gap-4 min-h-[3rem] md:h-20 py-2 md:flex-row">
-            <p className="text-center text-sm leading-loose text-muted-foreground md:text-left">Built by <a href="https://twitter.com/shadcn" target="_blank" rel="noreferrer" className="font-medium underline underline-offset-4">shadcn</a>. The source code is available on <a href="https://github.com/shadcn-ui/ui" target="_blank" rel="noreferrer" className="font-medium underline underline-offset-4">GitHub</a>.</p>
+            <p className="text-center text-sm leading-loose text-muted-foreground md:text-left">Built by <a href={appConfig.author.url} target="_blank" rel="noreferrer" className="font-medium underline underline-offset-4">{appConfig.author.name}</a>. The source code is available on <a href={appConfig.github.url} target="_blank" rel="noreferrer" className="font-medium underline underline-offset-4">GitHub</a>.</p>
             <div className="hidden md:block">
                 <ModeToggle />
             </div>
diff --git a/src/config/app.ts b/src/config/app.ts
index 0ac1eb3..166abb1 100644
--- a/src/config/app.ts
+++ b/src/config/app.ts
@@ -4,6 +4,10 @@ interface AppConfig {
         title: string,
         url: string
     },
+    author: {
+        name: string,
+        url: string
+    },
 }
 
 export const appConfig: AppConfig = {
@@ -11,5 +15,9 @@ export const appConfig: AppConfig = {
     github: {
         title: "Shadcn Sample",
         url: "https://github.com/hayyi2/shadcn-sample",
+    },
+    author: {
+        name: "hayyi",
+        url: "https://github.com/hayyi2/",
     }
 }
\ No newline at end of file