Small fix navbar

This commit is contained in:
2025-12-03 16:48:58 +01:00
parent 2ce3119355
commit 6bb44e2e2e
2 changed files with 3 additions and 81 deletions
-75
View File
@@ -88,81 +88,6 @@ export default function HomePage() {
return (
<WebStuff>
{/* Animated background */}
<div className="fixed inset-0 opacity-20">
<div
className="absolute inset-0"
style={{
backgroundImage: `radial-gradient(circle at 2px 2px, rgb(168, 85, 247) 1px, transparent 0)`,
backgroundSize: "50px 50px",
}}
/>
</div>
{/* Gradient orbs */}
<div className="fixed inset-0 overflow-hidden pointer-events-none">
<motion.div
className="absolute top-1/4 -left-1/4 w-96 h-96 bg-purple-500/30 rounded-full blur-3xl"
animate={{
scale: [1, 1.2, 1],
opacity: [0.3, 0.5, 0.3],
}}
transition={{
duration: 8,
repeat: Infinity,
}}
/>
<motion.div
className="absolute bottom-1/4 -right-1/4 w-96 h-96 bg-blue-500/30 rounded-full blur-3xl"
animate={{
scale: [1.2, 1, 1.2],
opacity: [0.3, 0.5, 0.3],
}}
transition={{
duration: 8,
repeat: Infinity,
delay: 1,
}}
/>
</div>
{/* Navigation */}
<motion.nav
initial={{ y: -100 }}
animate={{ y: 0 }}
className="relative z-10 px-6 py-6 flex justify-between items-center max-w-7xl mx-auto"
>
<motion.div className="flex items-center">
<img src="orus2.svg" alt="Logo" className="h-4" />
</motion.div>
<div className="flex gap-6 items-center">
{["Blog", "Projects", "About"].map((item, i) => (
<motion.a
key={item}
href={`/${item.toLowerCase()}`}
className="text-slate-300 hover:text-white transition-colors hidden md:block"
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: i * 0.1 }}
whileHover={{ y: -2 }}
>
{item}
</motion.a>
))}
<motion.a
href="https://discord.gg/HFRsNxfCqT"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2 px-4 py-2 bg-purple-500 hover:bg-purple-600 rounded-lg font-semibold transition-colors text-sm"
whileTap={{ scale: 0.95 }}
>
<MessageSquare className="w-4 h-4" />
Join Discord
</motion.a>
</div>
</motion.nav>
{/* Hero Section */}
<motion.section
className="relative z-10 px-6 py-20 lg:py-32 max-w-7xl mx-auto"