From 396a4f62e4fedaf3d43c0a0994ca5abb5089d6e9 Mon Sep 17 00:00:00 2001
From: Mkumar <manyakumar1205@gmail.com>
Date: Mon, 17 Aug 2026 16:49:16 +0530
Subject: [PATCH] Add recruitment banner

---
 components/members/Members.tsx      |  3 ++-
 components/ui/RecruitmentBanner.tsx | 30 +++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 components/ui/RecruitmentBanner.tsx

diff --git a/components/members/Members.tsx b/components/members/Members.tsx
index 394415bf..052ff0e1 100644
--- a/components/members/Members.tsx
+++ b/components/members/Members.tsx
@@ -25,6 +25,7 @@ import {
 } from "@/components/ui/select";
 import { Progress } from "@/components/ui/progress";
 import { UploadCloudIcon, XIcon } from "lucide-react";
+import RecruitmentBanner from "@/components/ui/RecruitmentBanner";
 
 interface Member {
   _id: string;
@@ -356,6 +357,7 @@ export default function Members(props: { members: Member[] }) {
                           />
                         ))}
                     </div>
+                  {heading === "First Year" && <RecruitmentBanner />}
                   </div>
                 }
               />
@@ -363,7 +365,6 @@ export default function Members(props: { members: Member[] }) {
           ))}
         </div>
       </div>
-
       <div className="h-24 w-full shrink-0" />
 
       <Dialog open={modalOpen} onOpenChange={setModalOpen}>
diff --git a/components/ui/RecruitmentBanner.tsx b/components/ui/RecruitmentBanner.tsx
new file mode 100644
index 00000000..7dd3cc27
--- /dev/null
+++ b/components/ui/RecruitmentBanner.tsx
@@ -0,0 +1,30 @@
+"use client";
+import { motion } from "framer-motion";
+export default function RecruitmentBanner() {
+  return (
+    <section className="relative overflow-hidden bg-[#101010] px-4 py-12">
+      {/* Subtle background glow */}
+      <div className="absolute left-1/2 top-1/2 h-40 w-96 -translate-x-1/2 -translate-y-1/2 rounded-full bg-[#39ff14]/5 blur-3xl" />
+      <div className="relative mx-auto max-w-[1540px]">
+        <div className="relative overflow-hidden rounded-2xl border border-white/10 bg-[#151515] px-8 py-12 md:px-16 transition-all duration-300 hover:border-[#39ff14]/30 hover:shadow-[0_0_30px_rgba(57,255,20,0.15)]">
+          <motion.div
+            initial={{ opacity: 0, x: -20 }}
+            whileInView={{ opacity: 1, x: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5 }}
+          >
+            <h2 className="text-3xl font-semibold text-white md:text-4xl">
+              Recruitment{" "}
+              <span className="text-[#39ff14]">Coming Soon</span>
+            </h2>
+            <p className="mt-3 max-w-xl text-sm leading-6 text-gray-400">
+              Think you can build, break and create?
+              <br className="hidden md:block" />
+              Stay tuned for the next Point Blank recruitment drive.
+            </p>
+          </motion.div>
+        </div>
+      </div>
+    </section>
+  );
+}
\ No newline at end of file