diff --git a/src/app/page.tsx b/src/app/page.tsx
index d42c311..edf4271 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
diff --git a/src/components/Web.tsx b/src/components/Web.tsx
index d54dfed..66b4734 100644
--- a/src/components/Web.tsx
+++ b/src/components/Web.tsx
@@ -51,13 +51,11 @@ export default function WebStuff({
         initial="hidden"
         animate="visible"
         variants={{
-          hidden: { y: -40, opacity: 0 },
+          hidden: { opacity: 0 },
           visible: {
-            y: 0,
             opacity: 1,
             transition: {
-              duration: 0.6,
-              ease: [0.25, 0.1, 0.25, 1], // smooth ease
+              duration: 0.5,
             },
           },
         }}
@@ -96,8 +94,7 @@ export default function WebStuff({
                 visible: { opacity: 1, y: 0 },
               }}
               transition={{
-                duration: 0.45,
-                ease: [0.25, 0.1, 0.25, 1],
+                duration: 0.8,
               }}
               whileHover={{ y: -2 }}
             >