Components
Header

Header

A responsive header with your logo (left), links (center) and a CTA (right). Links and CTA are hidden on mobile and accessible with a burger menu. Add your own logo in the /app folder. Make sure to match the file name in <Header /> component (currently icon.png)


Header


import Header from "@/components/Header";

💡 Tips

  • Unless you're Nike or Apple, visitors have no idea who you are. Keep your brand name small.

  • Try to always have a Prcing link in your header. No matter what you sell, people will look for it.


Looking for UI-only components like buttons, inputs, etc? It's all available with shadcnUI. See their guide (opens in a new tab) for more info.

PaymentsHero