wat am i doin wrong

Try saving your file

it needs to be a capital letter:

const Page = () => {
// 
}

Also for good practice you should name it LoginPage
The convention is like this
app/login/page.tsx -> LoginPage
app/about/page.tsx -> AboutPage
app/contact/page.tsx -> ContactPage

i see

Even better if you create a route group.
Create a folder called (pages) in your app directory and put all pages in there.
For example:
app/(pages)/login/page.tsx
app/(pages)/about/page.tsx
app/(pages)/contact/page.tsx

This will keep all your pages organized in 1 folder. The (pages) folder will not be included in the url paths.
You can still access those pages normally like www.mysite.com/login