homepage

src/routes/+layout.svelte

@@ -18,6 +18,6 @@
 	<slot />
 </main>
 
-<footer>
+<footer class="px-4 py-2">
 	<p>&copy; Kevin Samuel, McKenzie Joseph, 2023</p>
 </footer>

src/routes/+page.svelte

@@ -1,2 +1,11 @@
-<h1 class="text-3xl text-lime-600">Welcome to SvelteKit</h1>
+<article class="w-max m-auto">
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<p>
+	Draft your email for the CoE's office in the proper format
+	to communicate your semester fee payment details.
+</p>
+
+<a href="/form/"
+class="rounded-md bg-primary-500 text-white font-bold p-2 m-auto w-max block">
+	GET STARTED
+</a>
+</article>

tailwind.config.js

@@ -2,7 +2,16 @@
 export default {
 	content: ['./src/**/*.{html,ts,js,svelte}'],
 	theme: {
-		extend: {}
+		extend: {
+			colors: {
+				back: {
+					500: '#fdfdfd',
+				},
+				primary: {
+					500: '#861224',
+				},
+			}
+		}
 	},
 	plugins: []
 };