Small fix navbar
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user