New Files

src/pages/index.astro

@@ -0,0 +1,44 @@
+---
+import Layout from '../layouts/Layout.astro';
+import ServantCard from '../components/servantCard.astro';
+---
+
+<Layout title="Firq TA on Astro.">
+	<main>
+		<div class="servant-section">
+			<h1 class="section-title">Servant offering</h1>
+			<div class="servants-container container">
+				<ServantCard 
+					name="Skadi" 
+					level="120" 
+    				skills="10 / 10 / 10"
+    				np="NP4"
+    				asc="03"
+    				ml="10"
+    				bond10="true"
+				/>
+			</div>
+		</div>
+	</main>
+</Layout>
+
+<style>
+	.servants-container {
+    	row-gap: 1em;
+    	column-gap: 1em;
+    	justify-content: center;
+    	align-self: center;
+	}
+	.container {
+    	display: flex;
+    	flex-flow: row wrap;
+    	padding: 1em;
+		position: relative;
+	}
+	.servant-section {
+    	display: flex;
+    	flex-direction: column;
+    	justify-content: center;
+    	text-align: center;
+	}
+</style>