From 4570e9e871b62a926f8b26134c6c7f1a07cb937b Mon Sep 17 00:00:00 2001
From: Khushi Johri <khushijohri2001@gmail.com>
Date: Sat, 14 Oct 2023 20:29:16 +0530
Subject: [PATCH] Feat: Added Announcement Section at the Top of main Navbar

---
 app/(marketing)/layout.tsx                 |  2 ++
 components/layout/announcement-section.tsx | 17 +++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 components/layout/announcement-section.tsx

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>
+  );
+}