diff --git a/app/(marketing)/layout.tsx b/app/(marketing)/layout.tsx
index b36f00c..934b33a 100644
--- a/app/(marketing)/layout.tsx
+++ b/app/(marketing)/layout.tsx
@@ -1,9 +1,11 @@
+import AnnouncementSection from "@/components/layout/announcement-section";
 import SiteFooter from "@/components/layout/site-footer";
 import SiteHeader from "@/components/layout/site-header";
 
 export default function layout({ children }: { children: React.ReactNode }) {
   return (
     <div className="relative flex min-h-screen flex-col">
+      <AnnouncementSection/>
       <SiteHeader />
       <div className="flex-1">{children}</div>
       <SiteFooter />
diff --git a/components/layout/announcement-section.tsx b/components/layout/announcement-section.tsx
new file mode 100644
index 0000000..e46fe19
--- /dev/null
+++ b/components/layout/announcement-section.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { cn } from "@/lib/utils";
+import { Button } from "../ui/button";
+
+type Props = {};
+
+export default function AnnouncementSection({}: Props) {
+  return (
+    <footer className="dark:bg-gray-100 bg-[#161D29] py-4">
+      <div className="container mx-auto px-4">
+        <div className="flex items-center justify-center text-center text-sm md:text-lg font-bold text-white dark:text-gray-700">
+          LEARN AND BUILD EVERYTHING FOR <span className="text-red-400 ml-1 mr-3"> FREE </span> 🚀
+        </div>
+      </div>
+    </footer>
+  );
+}