Enhance mobile UX with emerald/cyan color scheme and improved touch targets

[Copilot]

Refreshed color palette and optimized mobile interaction surfaces for better handheld usability.

Changes

Color Scheme

• Migrated from blue/purple/pink to emerald (#10b981)/cyan (#06b6d4)/purple (#8b5cf6)
• Updated gradients, shadows, and hover states across all components

Mobile Optimization

• Increased touch targets to 44px+ minimum (Navigation, buttons, social links)
• Enhanced bottom navigation: 24px icons, improved spacing, emerald/cyan active states
• Maintained responsive breakpoints (sm:) for proper scaling across viewports

Components Updated

• Navigation, HeroSection, ProjectCard, SkillsSection, ContactSection, ProjectsSection
• All gradient effects, focus states, and hover animations refreshed with new palette

// Example: Updated gradient pattern
<button className="bg-gradient-to-r from-emerald-500 to-cyan-500 
                   shadow-lg shadow-emerald-500/50 
                   hover:shadow-emerald-500/50">

Screenshots

Desktop - New color scheme

Mobile - Enhanced touch targets and navigation

Original prompt

change the colour and make it more handy while watching in phone.
adjust UI such that it looks more fluid and dynamic

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[netlify]

✅ Deploy Preview for pratheeshkrishnan ready!

Name	Link
🔨 Latest commit	9ec08b7
🔍 Latest deploy log	https://app.netlify.com/projects/pratheeshkrishnan/deploys/6988bafe5437e700080969d2
😎 Deploy Preview	https://deploy-preview-1--pratheeshkrishnan.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.