diff --git a/src/components/banner.tsx b/src/components/banner.tsx
new file mode 100644
index 0000000..2d09b96
--- /dev/null
+++ b/src/components/banner.tsx
@@ -0,0 +1,31 @@
+import { siteConfig } from "@/config/site";
+import { ArrowRightIcon } from "lucide-react";
+
+interface BannerProps {
+  className?: string;
+  link?: string;
+  text?: string;
+}
+
+export function Banner({
+  className,
+  link = siteConfig.url.repo.github,
+  text = "Star this project if you like it.",
+  ...props
+}: BannerProps) {
+  return (
+    <div className={className} {...props}>
+      <p className="flex justify-center text-sm">
+        <a href={link} className="group">
+          <span className="me-1 text-base leading-none">✨</span>
+          {text}
+          <ArrowRightIcon
+            className="ms-2 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5"
+            size={16}
+            aria-hidden="true"
+          />
+        </a>
+      </p>
+    </div>
+  );
+}