Modern Contact List - Copy this Html, Tailwind Component to your project

Redesign a modern contact list UI with a 3D effect and animations. Focus on enhancing the visual appeal and interactivity: Contact List Cards: 3D Effect: Make each card appear slightly elevated with soft shadows for depth. Use a gradient background (light blue to white) to add dimension. Profile pictures should appear raised with subtle shadows. Text: Use bold, modern sans serif fonts for names and lighter fonts for phone numbers, giving a clean, embossed look. Top Search Bar: 3D and Animation: Design the search bar with a raised, rounded appearance and soft shadows. On focus, animate a soft glow around it and slightly expand the bar. Bottom Navigation Bar: 3D Style: Create a glass like, semi transparent navigation bar with a soft shadow. Icons should have a 3D raised effect, with the active icon highlighted in a blue gradient. Floating Action Button (FAB): Design and Animation: The FAB should appear raised with a deep shadow. Add a subtle rotation and glow on hover, and a brief pulse animation on click. Overall Aesthetic: Background: Use a subtle gradient background to enhance depth. Include smooth animations for transitions, creating a responsive, interactive feel. Ensure a cohesive design with a cool color palette (blues, greys, whites) and modern typography to provide a sleek, professional look."