feat: Add Pitch your Idea - RAISE navigation button to Navbar and Hero section
Some checks failed
Deploy RIT Freshers Hub to VPS / Deploy to Live VPS (push) Has been cancelled

This commit is contained in:
RIT Services
2026-08-13 06:46:14 +00:00
parent 4588eef714
commit 6543a72206
3 changed files with 36 additions and 1 deletions

View File

@@ -1,7 +1,7 @@
import { useState, useEffect, useRef } from 'react'; import { useState, useEffect, useRef } from 'react';
import { Link, useLocation } from 'react-router-dom'; import { Link, useLocation } from 'react-router-dom';
import { motion, AnimatePresence } from 'framer-motion'; 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 { NAV_LINKS } from '@/constants';
import { useAuth } from '@/context/AuthContext'; import { useAuth } from '@/context/AuthContext';
@@ -121,6 +121,16 @@ export default function Navbar() {
{/* Right Side: Auth + Mobile Toggle */} {/* Right Side: Auth + Mobile Toggle */}
<div className="flex items-center gap-2"> <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 */} {/* Auth Section */}
{isAuthenticated && user ? ( {isAuthenticated && user ? (
<div className="relative" ref={profileRef}> <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 */} {/* Mobile Auth Button */}
{!isAuthenticated ? ( {!isAuthenticated ? (
<button <button

View File

@@ -13,6 +13,7 @@ export const NAV_LINKS = [
{ label: 'Community', path: '/community' }, { label: 'Community', path: '/community' },
{ label: 'Dev Collab', path: '/collab' }, { label: 'Dev Collab', path: '/collab' },
{ label: 'LeetCode', path: '/leetcode' }, { label: 'LeetCode', path: '/leetcode' },
{ label: 'RAISE', path: '/raise' },
]; ];
// ─── Stats ──────────────────────────────────────────────────────────────────── // ─── Stats ────────────────────────────────────────────────────────────────────

View File

@@ -92,6 +92,19 @@ export default function Home() {
Ask Assistant Ask Assistant
</motion.button> </motion.button>
</Link> </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>
</motion.div> </motion.div>
</section> </section>