search

matt765 / Tailcast

https://tailcast.vercel.app/
MIT License
311 stars 118 forks source link

How to change the routing in the app? #13

Closed Eugenumber1 closed 9 months ago

Eugenumber1 commented 9 months ago

Hey there and thanks for the template first of all!

I am currently adapting the website to my needs and I am facing the issue that I can't change the routing for the navbar buttons.

  { label: "Home", href: "#home", ariaLabel: "Home" },
  { label: "Process", href: "#features", ariaLabel: "Features" },
  { label: "Clients", href: "#brands", ariaLabel: "Brands" },
  // { label: "Feedback", href: "#feedback", ariaLabel: "Feedback" },
  // { label: "FAQ", href: "#FAQ", ariaLabel: "FAQ" },
];

Process and Home buttons work perfectly fine as they are referring to the same pages as before, however my Clients button is referring to the page about Brands now. And that is not working. When pressing on Clients - nothing happens. I checked the files for routing config - and didn't find anything in the repo. Also, astro guidelines on routing over here - https://docs.astro.build/en/core-concepts/routing/ didn't appear useful either.

Any advice from your side?

Eugenumber1 commented 9 months ago

href links are referring to the ids of the html (or jsx) elements on the page. To perform routing - add id="brands" to the section element in Brands.jsx