add star our repo CTA

This commit is contained in:
vincanger 2025-02-19 14:11:39 +01:00
parent fe73757138
commit eced7c2df8

View File

@ -32,6 +32,7 @@ export default function AppNavBar({ navigationItems }: { navigationItems: Naviga
!isLandingPage,
})}
>
{isLandingPage && <Announcement />}
<nav className='flex items-center justify-between p-6 lg:px-8' aria-label='Global'>
<div className='flex items-center lg:flex-1'>
<WaspRouterLink
@ -138,3 +139,31 @@ function renderNavigationItems(
);
});
}
const ContestURL = 'https://github.com/wasp-lang/wasp';
function Announcement() {
return (
<div className='flex justify-center items-center gap-3 p-3 w-full bg-gradient-to-r from-[#d946ef] to-[#fc0] font-semibold text-white text-center z-49'>
<p
onClick={() => window.open(ContestURL, '_blank')}
className='hidden lg:block cursor-pointer hover:opacity-90 hover:drop-shadow'
>
Support Open-Source Software!
</p>
<div className='hidden lg:block self-stretch w-0.5 bg-white'></div>
<div
onClick={() => window.open(ContestURL, '_blank')}
className='hidden lg:block cursor-pointer rounded-full bg-neutral-700 px-2.5 py-1 text-xs hover:bg-neutral-600 tracking-wider'
>
Star Our Repo on Github
</div>
<div
onClick={() => window.open(ContestURL, '_blank')}
className='lg:hidden cursor-pointer rounded-full bg-neutral-700 px-2.5 py-1 text-xs hover:bg-neutral-600 tracking-wider'
>
Star the Our Repo on Github and Support Open-Source!
</div>
</div>
);
}