Added login form html and styling

view/page/about.templ

@@ -0,0 +1,40 @@
+package page
+
+import "projectreshoot/view/layout"
+
+templ About() {
+	@layout.Global() {
+		<div class="text-center max-w-150 m-auto">
+			<div class="text-4xl mt-8">About</div>
+			<div class="text-xl font-bold mt-4">What is Project Reshoot?</div>
+			<div class="text-lg mt-2">
+				Project Reshoot is a movie review site that aims to provide
+				a better experience for the users. Instead of a single number
+				that shows the average, or a spread of star ratings, Project
+				Reshoot asks you to rate movies with a vibe. These ratings
+				are shown as an easy to see pie chart showing how everyone
+				felt.
+			</div>
+			<div class="text-lg mt-2">
+				The other major feature is the ability for you to customize
+				what details you see about movies, hiding details you don't
+				want to see until after you've watched it. This gives you peace
+				of mind when searching for new movies to watch.
+			</div>
+			<div class="text-xl font-bold mt-4">Why the name?</div>
+			<div class="text-lg mt-2">
+				The name came partially from the premise of wanting to deliver
+				a new take on movie reviews, and partially from it being rewritten
+				from scratch in a new technology stack (Goodbye NextJS, Hello GOTH).
+			</div>
+			<div class="text-xl font-bold mt-4">Who's behind it?</div>
+			<div class="text-lg mt-2">
+				Currently Project Reshoot is being built by a team of 1.
+				It is somewhat of a passion project and a way to practice
+				my development skills. For the time being, it will likely stay
+				that way, but if you want to contribute, you can check out the
+				<a href="https://github.com/haelnorr/moviedb">Github repo here</a>.
+			</div>
+		</div>
+	}
+}

view/page/index.templ

@@ -4,6 +4,9 @@ import "projectreshoot/view/layout"
 
 templ Index() {
 	@layout.Global() {
-		<div></div>
+		<div class="text-center mt-24">
+			<div class="text-4xl lg:text-6xl">Project Reshoot</div>
+			<div>A better way to discover and rate films</div>
+		</div>
 	}
 }

view/page/login.templ

@@ -0,0 +1,41 @@
+package page
+
+import "projectreshoot/view/layout"
+import "projectreshoot/view/component/form"
+
+templ Login() {
+	@layout.Global() {
+		<div class="max-w-100 mx-auto px-2">
+			<div class="mt-7 bg-mantle border border-surface1 rounded-xl">
+				<div class="p-4 sm:p-7">
+					<div class="text-center">
+						<h1
+							class="block text-2xl font-bold"
+						>Login</h1>
+						<p
+							class="mt-2 text-sm text-subtext0"
+						>
+							Don't have an account yet?
+							<a
+								class="text-blue decoration-2 hover:underline 
+                                focus:outline-none focus:underline"
+								href="/register"
+							>
+								Sign up here
+							</a>
+						</p>
+					</div>
+					<div class="mt-5">
+						<div
+							class="py-3 flex items-center text-xs text-subtext0 
+                            uppercase before:flex-1 before:border-t 
+                            before:border-overlay1 before:me-6 after:flex-1 
+                            after:border-t after:border-overlay1 after:ms-6"
+						>Or</div>
+						@form.LoginForm("")
+					</div>
+				</div>
+			</div>
+		</div>
+	}
+}