NextJS folder structure [closed]

I just started learning NextJS and im already confused with the folders and file structure.
Did some research on the web to see if there is a best practice, but couldnt find anything concrete.

Anyways, below is my project overview.
I’m bulding a simple one page website, with the following sections:
About me, services, projects, skills, etc.
This ones i divided them and place them in the components folder that I created.

I will also have a navbar, and a footer.

Now the problem I am having.
When I created the project with the create next app, there are the following files and folders:
In src/app there are layout and page files.

So, my components should go to page file, and the navbar component should go to layout file?

I saw in similar projects some people that did the following:
they got rid of the app directory and the layout and page file.
And went it src/pages/_app.tsx. And in the pages directory were other files(index, about, inquiry).

I want to know if there is best practice for this, and which one of the above case is write.
What way should i go?

Using nextjs 14.