feat: banner for freshers

Author: karannfr

src/app/layout.tsx

@@ -7,7 +7,6 @@ import type { Metadata } from "next";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import ChildrenWrapper from "@/components/ChildrenWrapper";
-
 export const metadata: Metadata = {
   metadataBase: new URL("https://papers.codechefvit.com/"),
   title: "Papers by CodeChef-VIT | Explore VIT Previous Year Question Papers",

src/components/FloatingNavbar.tsx

@@ -15,7 +15,7 @@ export default function FloatingNavbar({ onNavigate }: Props) {
   const [isOpen, setIsOpen] = useState(false);
 
   return (
-    <div className="fixed right-6 top-2 flex flex-col items-end h-full pointer-events-none">
+    <div className="flex flex-col items-end h-full pointer-events-none">
       {}
       <button
         className="mt-[1.25rem] flex h-10 w-10 items-center justify-center rounded-full bg-[#4B22D1] text-white shadow-lg transition-transform duration-200 hover:scale-105 active:scale-95 pointer-events-auto"
@@ -29,7 +29,7 @@ export default function FloatingNavbar({ onNavigate }: Props) {
 
       {}
       {isOpen && (
-        <div className="mt-2 flex flex-col items-center gap-4 rounded-3xl bg-[#110F18] px-6 py-6 shadow-xl ring-1 ring-white/5 pointer-events-auto">
+        <div className="absolute top-20 mt-2 flex flex-col items-center gap-4 rounded-3xl bg-[#110F18] px-6 py-6 shadow-xl ring-1 ring-white/5 pointer-events-auto">
           <Link
             href={pathname === "/upload" ? "/" : "/upload"}
             onClick={() => {

src/components/FreshersBanner.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { Info, X } from "lucide-react";
+import { useEffect, useState } from "react";
+
+export default function Banner() {
+  const [visible, setVisible] = useState(true);
+
+  useEffect(() => {
+    const bannerStatus = localStorage.getItem("banner");
+    if (bannerStatus === "freshers") {
+      setVisible(false);
+    }
+  }, []);
+
+  const closeBanner = () => {
+    localStorage.setItem("banner", "freshers");
+    setVisible(false);
+  };
+
+  if (!visible) return null;
+
+  return (
+    <div className="z-[60] w-full bg-[#fef3c7] text-[#5a3000] shadow-sm">
+      <div className="relative mx-auto flex max-w-screen-2xl flex-col items-start justify-between gap-3 px-4 py-3 sm:justify-center sm:flex-row sm:items-center sm:gap-4 md:px-8 md:py-3">
+        <div className="flex items-center gap-2">
+          <Info className="h-5 w-5 text-[#d97706]" />
+          <span className="font-semibold text-base tracking-wide text-[#78350f]">
+            Attention Freshers!
+          </span>
+        </div>
+
+        <p className="text-sm text-[#5a3000] sm:text-right flex-1">
+          If papers for your subject are not yet available, click on your subject and explore related subjects until papers become available, as these are newly introduced courses.
+        </p>
+
+        <button
+          onClick={closeBanner}
+          className="absolute right-4 top-4 text-[#78350f] hover:text-[#a84b0f] transition sm:static sm:self-start"
+          aria-label="Dismiss banner"
+        >
+          <X className="h-5 w-5" />
+        </button>
+      </div>
+    </div>
+  );
+}

src/components/Navbar.tsx

@@ -10,6 +10,7 @@ import { ArrowDownLeftIcon, Pin, ArrowUpRight, ChevronDown } from "lucide-react"
 import FloatingNavbar from "./FloatingNavbar";
 import PWAInstallButton from "./ui/PWAInstallButton";
 import SearchBarChild from "./Searchbar/searchbar-child";
+import FresherBanner from "@/components/FreshersBanner"
 import type { ICourses } from "@/interface"; 
 import {
   DropdownMenu,
@@ -90,8 +91,9 @@ function Navbar() {
   );
 
   return (
-    <div className="sticky top-0 z-[50] w-full bg-[#B2B8FF] px-4 py-4 dark:bg-[#130E1F] md:px-8 md:py-5">
-      <div className="flex items-center justify-between">
+    <div className="sticky top-0 z-[50] w-full bg-[#B2B8FF] dark:bg-[#130E1F]">
+      <FresherBanner/>
+       <div className="flex items-center justify-between bg-inherit px-4 py-4 md:px-8 md:py-5">
         {}
         <div className="flex items-center gap-4 relative">
           <Link href="https://www.codechefvit.com/" target="_blank">