refactor: changed file structure

internal/view/page/about.templ

@@ -0,0 +1,41 @@
+package page
+
+import "projectreshoot/internal/view/layout"
+
+// Returns the about page content
+templ About() {
+	@layout.Global("About") {
+		<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>
+	}
+}