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
Some checks failed
Deploy RIT Freshers Hub to VPS / Deploy to Live VPS (push) Has been cancelled
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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 ────────────────────────────────────────────────────────────────────
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user