banner

Author: abhitrueprogrammer

src/app/layout.tsx

@@ -7,6 +7,7 @@ import type { Metadata } from "next";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import ChildrenWrapper from "@/components/ChildrenWrapper";
+import Banner from "@/components/BannerAlert";
 
 export const metadata: Metadata = {
   metadataBase: new URL("https://papers.codechefvit.com/"),
@@ -118,10 +119,12 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
+          <Banner />
           <Toaster position="top-right" reverseOrder={false} />
           <div className="bg-[#F3F5FF] dark:bg-[#070114]">
             <Navbar />
-            <ChildrenWrapper>{children}</ChildrenWrapper>
+            <ChildrenWrapper>
+            {children}</ChildrenWrapper>
             {/* <div className="mx-auto max-w-[1440px] ">{children}</div> */}
             <Footer />
           </div>

src/components/BannerAlert.tsx

@@ -0,0 +1,20 @@
+import { AlertCircle } from "lucide-react";
+
+export default function Banner() {
+  return (
+    <div className="z-50 flex h-fit w-full items-center justify-center bg-[#ba4343] px-6 py-3 text-white sm:h-14 sm:py-0 md:sticky md:top-0">
+      <div className="flex w-full flex-col items-center md:flex-row md:items-center md:justify-between">
+        <div className="flex items-center">
+          <AlertCircle className="mr-2 h-5 w-5 flex-shrink-0" />
+          <div className="text-center md:text-left">
+            <span className="font-medium">Site is under maintenance!</span>
+          </div>
+        </div>
+
+        <div className="text-center md:text-sm text-xs md:text-right">
+          Some papers may not be available. Please check back in an hour.
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/Banner.tsx renamed to src/components/BannerDevsoc.tsx

@@ -5,7 +5,7 @@ import Link from "next/link";
 
 export default function Banner() {
   return (
-    <div className="z-50 flex h-fit w-full items-center justify-center bg-[#434dba] px-6 py-3 text-center text-white sm:h-14 sm:py-0 md:sticky md:top-0 md:justify-between md:text-left">
+    <div className="z-50 flex h-fit w-full items-center justify-center bg-[#ba4343] px-6 py-3 text-center text-white sm:h-14 sm:py-0 md:sticky md:top-0 md:justify-between md:text-left">
       <div className="flex items-center gap-x-2">
         <Image
           src={devsoc as HTMLImageElement}
@@ -15,8 +15,7 @@ export default function Banner() {
           className="md:hidden"
         />
         <span className="hidden md:block">
-          Register for DevSOC&apos;25 and enjoy a 3 day full OD to unwind after
-          CATs!
+          Site is under maintenance!
         </span>
         <Link
           href="https://devsoc.codechefvit.com/"