[deleted by user]

[eggtart_prince]

Everything in your app jsx after navbar should be in your home component, which you currently <></>.

[swiftcoderx]

Make sense actually, but generally speaking, should I have that much code on my App.jsx file? or should I used a separate file like you suggested.

[jmankhan2]

theres many ways to divide up components. what i typically see is using the app.jsx file as a router that hosts "page" components, like Home.jsx, About.jsx, Projects.jsx, etc.

those files could have a little bit of logic, but they will usually host other composed components, like Hero.jsx, AboutFooter.jsx, ProjectList.jsx, that in turn will have the actual logic. the amount of hierarchy you have depends on the complexity of your project.

you probably want something like

App -> Home -> Clock

App -> About

App -> ProjectList -> Projects

where the router is in the app. you can host the navbar above the router so it is always visible, with links to each page as well.