Implemented motion and removed framer motion

src/components/home/HeroSection.tsx

@@ -2,7 +2,7 @@
 
 import { ArrowRight, Github, Linkedin, Youtube } from "lucide-react";
 import Link from "next/link";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { staggerContainer, fadeInUp, slowFloat } from "@/lib/animations";
 
 export function HeroSection() {

src/components/home/ProjectsSection.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { BookOpen, ExternalLink, Github, Star } from "lucide-react";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { fadeInUp, staggerContainer } from "@/lib/animations";
 
 const projects = [

src/components/home/SkillsSection.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 import { fadeInUp, staggerContainer } from "@/lib/animations";
 
 const skills = [
@@ -21,7 +21,7 @@ const skills = [
       { name: "React", level: 95 },
       { name: "Next.js", level: 85 },
       { name: "Tailwind CSS", level: 80 },
-      { name: "Framer Motion", level: 80 },
+      { name: "Motion", level: 80 },
     ],
   },
   {

src/components/layout/Navbar.tsx

@@ -5,7 +5,7 @@ import { CoffeeIcon, Github, Menu, X } from "lucide-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useState } from "react";
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 
 const navLinks = [
   { href: "/", label: "Home" },