You currently use <button>s for your navigation (and in the footer) which means I can't use neither my scroll wheel button to open links in a new tab nor can I right-click and open it in a new tab.
I guess you could use <a href="/whatever" role="button"> to get the same semantics but also make it easier for people like me (and people using screen readers!) :)
Sorry! It's because the Nextjs Link component is dumb and doesn't let you pass className directly so I can't style it without using button and the onClick option to navigate :(
You can make it an <a> tag (as you pointed out) and add target="_blank" which will make it open in a new tab. Will also have to add "cursor-pointer" in the className to get the cursor on hover effect.
className should be set on your <a> which is wrapped by <Link>. Or have I misunderstood your problem?
Yeah that also works. I was trying to avoid a tag inside a tag. :D
ok - I was being dumb. Thanks for pointing this out. I have updated the desktop nav links and footer links so now it can be opened in a. new tab :)
I've updated the code now - so you should be able to navigate it better!
Bit of a risky move to show actual HTML demos instead of just image previews like Tailwind UI, but I see the additional value in providing a backend template too.
I mean if someone is willing to go through the effort to copy paste the code bit by bit from inspecting each element rather than spending a few bucks they probably were never a customer to begin with :D
For real. I have bought dozens of little templates like this, because $30 is about 15-30 minutes of my hourly cost. Scraping it would take at least a good 2 hours.
Doesn't really work without Javascript enabled when disabled the whole pricing element stops working.
Why do you have JS disabled?
To be fair in this case it’s specifically a site about a framework famous for server rendering, so you kind of expect it to work without JS.
It does work. What doesn't is the aos library which is responsible for the animations. You can take it out if you'd rather it work for this edge case.