I'll create a React component that renders the telecommunications tower logo with the black tower and the signal color set to #023577 as requested.

This logo recreates the telecommunications tower with a black structure and the signal waves in the color #023577 as requested. The SVG is responsive and can be easily integrated into your website or application.

You can adjust the size by modifying the width and height attributes in the SVG element, or by wrapping it in a container with specific dimensions.

I'll update the header component to incorporate the custom telecom logo, make it responsive, fix the service active state, and ensure the dropdown is always blurry.

I've made the following updates:

1. Logo Integration:

   • Replaced the Lucide RadioTower icon with our custom TelecomLogo component
   • Made the logo responsive by setting width and height to 100% and using preserveAspectRatio
   • Wrapped the logo in a container with fixed dimensions (w-8 h-8) in the header

2. Service Active State Fix:

   • Modified the isActive function to properly check if any service page is active
   • Now the Services dropdown will only show as active when you're actually on a service page

3. Dropdown Blur:

   • Made the dropdown menu blurry at all times by removing the conditional styling
   • Applied the bg-background/50 and backdrop-blur-2xl classes regardless of scroll state

These changes ensure that the logo is properly integrated and responsive, the service menu active state works correctly, and the dropdown has the blurry effect at all times.