Add announcement bar to home page

src/app/(home)/layout.tsx

@@ -20,12 +20,16 @@
 import { HomeLayout } from "fumadocs-ui/layouts/home";
 import { homeOptions } from "@/lib/layout.shared";
 import { ForceDarkTheme } from "@/components/force-dark-theme";
+import { AnnouncementBar } from "@/components/announcement-bar";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <HomeLayout {...homeOptions()} themeSwitch={{ enabled: false }}>
-      <ForceDarkTheme />
-      {children}
-    </HomeLayout>
+    <>
+      <AnnouncementBar />
+      <HomeLayout {...homeOptions()} themeSwitch={{ enabled: false }}>
+        <ForceDarkTheme />
+        {children}
+      </HomeLayout>
+    </>
   );
 }

src/components/announcement-bar.tsx

@@ -0,0 +1,61 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { ArrowRight, Star } from "lucide-react";
+import Link from "next/link";
+
+// The one bar shown site-wide, above the header. Edit this to change what it
+// says, or set `enabled: false` to take it down. It is deliberately generic:
+// the same slot carries a release, an event or a call for contributors.
+const ANNOUNCEMENT = {
+  enabled: true,
+  text: "If Apache Iggy is useful to you, give it a star on GitHub",
+  linkText: "Star apache/iggy",
+  href: "https://github.com/apache/iggy",
+};
+
+export function AnnouncementBar() {
+  if (!ANNOUNCEMENT.enabled) return null;
+
+  return (
+    <div className="relative border-b border-white/[0.08] bg-gradient-to-r from-[#f9923f]/15 via-[#5f87fd]/15 to-[#fa5e8a]/15">
+      <div
+        aria-hidden
+        className="absolute inset-x-0 bottom-0 h-0.5 bg-gradient-to-r from-[#f9923f] via-[#5f87fd] to-[#fa5e8a]"
+      />
+      <Link
+        href={ANNOUNCEMENT.href}
+        className="group flex items-center justify-center gap-2 px-4 py-2.5 text-center text-[13px] text-fd-muted-foreground transition-colors hover:text-fd-foreground"
+      >
+        <Star
+          className="hidden size-3.5 shrink-0 text-[#f9923f] sm:block"
+          aria-hidden
+        />
+        <span>{ANNOUNCEMENT.text}</span>
+        <span className="inline-flex items-center gap-1 font-semibold text-fd-foreground">
+          {ANNOUNCEMENT.linkText}
+          <ArrowRight
+            className="size-3.5 transition-transform group-hover:translate-x-0.5"
+            aria-hidden
+          />
+        </span>
+      </Link>
+    </div>
+  );
+}