Merge pull request #214 from khushijohri2001/highlight/announcement-s…

…ection Feat: Added Announcement Section at the Top of main Navbar
FrontendFreaks · Oct 15, 2023 · a3f8e5d · a3f8e5d
2 parents a7d577d + 4570e9e
commit a3f8e5d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git 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
@@ -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>
+  );
+}