Now let me read the projects, contact, and footer sections:

Now I'll revert all the color gradings while keeping the navigation hover effects and basic animations. Let me start:

Now let me read the rest of projects to revert the buttons:

I've successfully reverted all the color gradients throughout your portfolio while keeping the navigation hover effects intact. Your portfolio now has:

Kept:

• Navigation bar with smooth animated underline hover effects on both desktop and mobile
• Basic scroll animations (fade-in and stagger effects)
• Smooth transitions and focus states on form inputs

Reverted:

• All gradient backgrounds from cards and sections
• Gradient text styling
• Gradient button effects
• Animated blobs in the hero section
• Enhanced shadow and scale animations on cards
• Gradient backgrounds from contact info cards
• All decorative gradient overlays

Your portfolio now has a clean, professional look with the navigation hover effects as the main visual enhancement!

Now let me read the section components to understand how to add different animations:

Now let me add the enhanced CSS animations and update the necessary files. First, I'll add the animation styles:

Now let me update the Navigation component to add the theme toggle:

Now let me update the Hero section with the bounce animation:

Now let me update the About section:

Now let me update the Experience section:

Now let me update the Skills section:

Now let me update the Projects section:

Now let me update the Contact section:

Now let me create a theme provider component to handle theme persistence across page reloads:

Let me update the layout to use the ThemeProvider:

I've successfully implemented all the requested features for your portfolio:

Summary of Changes:

1. Theme Toggle (Light/Dark Mode)

• Added Sun/Moon icon toggle button in the Navigation component
• Integrated next-themes ThemeProvider for persistent theme storage
• Theme preference is saved to localStorage and persists across page reloads
• Smooth transition between light and dark themes with CSS transitions

2. Icon Tilt Hover Effect

• Created tilt-hover class with 3D perspective rotation
• Icons tilt on hover using perspective(1000px) rotateY(-15deg) rotateX(10deg)
• Applied to both desktop and mobile theme toggle buttons
• Smooth 0.3s cubic-bezier transition for natural movement

3. Section-Specific Animations Each section now has unique, meaningful animations:

• Hero: bounceInDown - Bounces down with excitement
• About: slideInAbout - Slides in from left with skew effect
• Experience: expandIn - Expands and scales for growth/progression
• Skills: rotateIn - Rotates in with scale, suggesting mastery
• Projects: scaleInUp - Scales up from below for prominence
• Contact: zoomIn - Zooms in for focus and engagement

All animations are smooth with proper easing functions and 0.8s duration. The theme toggle buttons feature the tilt hover effect and are positioned in both desktop and mobile navigation menus!