From 6543a72206fd36d9622e3dadfdc50019acc98046 Mon Sep 17 00:00:00 2001
From: RIT Services <ems@ritchennai.edu.in>
Date: Thu, 13 Aug 2026 06:46:14 +0000
Subject: [PATCH] feat: Add Pitch your Idea - RAISE navigation button to Navbar
 and Hero section

---
 src/components/Navbar/Navbar.tsx | 23 ++++++++++++++++++++++-
 src/constants/index.ts           |  1 +
 src/pages/Home/Home.tsx          | 13 +++++++++++++
 3 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index a27b419..c33986f 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Menu, X, LogIn, LogOut, ShieldCheck, ChevronDown } from 'lucide-react';
+import { Menu, X, LogIn, LogOut, ShieldCheck, ChevronDown, Rocket, Sparkles } from 'lucide-react';
 import { NAV_LINKS } from '@/constants';
 import { useAuth } from '@/context/AuthContext';
 
@@ -121,6 +121,16 @@ export default function Navbar() {
 
           {/* Right Side: Auth + Mobile Toggle */}
           <div className="flex items-center gap-2">
+            {/* Pitch your Idea - RAISE Button */}
+            <Link
+              to="/raise"
+              className="hidden lg:flex items-center gap-1.5 px-3 py-1.5 rounded-xl bg-gradient-to-r from-rose-500 via-pink-500 to-rose-600 hover:from-rose-600 hover:to-pink-600 text-white text-[11px] font-bold shadow-md shadow-rose-500/25 border border-white/20 transition-all duration-200 hover:scale-[1.03] active:scale-95 whitespace-nowrap"
+              style={{ fontFamily: 'Poppins, sans-serif' }}
+            >
+              <Sparkles className="w-3.5 h-3.5 text-amber-200" />
+              <span>Pitch your Idea - RAISE</span>
+            </Link>
+
             {/* Auth Section */}
             {isAuthenticated && user ? (
               <div className="relative" ref={profileRef}>
@@ -267,6 +277,17 @@ export default function Navbar() {
                   );
                 })}
 
+                {/* Mobile RAISE Button */}
+                <Link
+                  to="/raise"
+                  onClick={() => setIsMobileOpen(false)}
+                  className="col-span-2 mt-1 flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl text-white text-xs font-bold bg-gradient-to-r from-rose-500 to-pink-600 border border-rose-400/40 shadow-md shadow-rose-500/20 transition-all active:scale-95"
+                  style={{ fontFamily: 'Poppins, sans-serif' }}
+                >
+                  <Sparkles className="w-4 h-4 text-amber-200" />
+                  Pitch your Idea - RAISE
+                </Link>
+
                 {/* Mobile Auth Button */}
                 {!isAuthenticated ? (
                   <button
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 58424fd..83f9e74 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -13,6 +13,7 @@ export const NAV_LINKS = [
   { label: 'Community', path: '/community' },
   { label: 'Dev Collab', path: '/collab' },
   { label: 'LeetCode', path: '/leetcode' },
+  { label: 'RAISE', path: '/raise' },
 ];
 
 // ─── Stats ────────────────────────────────────────────────────────────────────
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index c2407db..d8d0482 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -92,6 +92,19 @@ export default function Home() {
                 Ask Assistant
               </motion.button>
             </Link>
+
+            <Link to="/raise">
+              <motion.button
+                whileHover={{ scale: 1.04, boxShadow: '0 10px 30px -5px rgba(233,30,99,0.5)' }}
+                whileTap={{ scale: 0.96 }}
+                className="flex items-center gap-2 px-8 py-3.5 rounded-xl font-bold text-sm text-white bg-gradient-to-r from-rose-500 to-pink-600 border border-white/30 backdrop-blur-md transition-all cursor-pointer shadow-lg shadow-pink-500/20"
+                style={{ fontFamily: 'Poppins, sans-serif' }}
+              >
+                <Sparkles className="w-4 h-4 text-amber-200" />
+                Pitch your Idea - RAISE
+                <ArrowRight className="w-4 h-4" />
+              </motion.button>
+            </Link>
           </motion.div>
         </motion.div>
       </section>