Navbar - Copy this React, Tailwind Component to your project

Create a simple yet elegant webpage using React and Tailwind CSS. The page should feature a minimalistic and professional navbar containing only the website’s name, centered and styled with a clean and modern font. Use professional colors such as a primary deep blue (#1d4ed8) for the text, a subtle gradient background (#f3f4f6 to #e5e7eb), and a hover effect for the navbar name with a slightly darker shade of blue. Below the navbar, implement a responsive grid layout containing three circular elements evenly spaced across the page. Each circle should have a soft shadow effect (shadow-lg), a smooth gradient background (e.g., from #6c63ff to #b3baff), and a subtle hover animation to increase its scale slightly. Ensure the circles are perfectly aligned and maintain equal spacing on all screen sizes, adapting seamlessly from desktop to mobile. Focus on a fully responsive design using Tailwind’s utility classes, ensuring the navbar and circles look great on all devices. Use clean, modular React components to ensure reusability and maintainability, and apply subtle transitions to hover states for an interactive and modern user experience