<div>
    <x-hero />
    <x-about-us />
    <x-category-2 :works="$works" />

    {{-- NEWS / BLOG SECTION --}}
    <x-news :blogs="$blogs" />

    <livewire:contact-form />

    <a href="https://eggfirstchalobharat.com/" target="_blank"
   class="fixed right-0 md:right-0 top-1/2 -translate-y-1/2 z-[9999] floating-sticky">
    <span class="bg-[#F05A22] text-white font-bold
                 px-4 py-2 md:px-6 md:py-3
                 text-base md:text-xl
                 shadow-lg hover:scale-105 transition-all duration-300
                 inline-block underline underline-offset-4">
        Chalo भारत
    </span>
</a>

<style>
@keyframes floatSticky {
  0%, 100% { transform: translateY(-50%) translateY(0px); }
  50%      { transform: translateY(-50%) translateY(-10px); }
}
.floating-sticky { animation: floatSticky 4s ease-in-out infinite; }
</style>

</div>
