Desgine Modified

src/pages/index.astro

@@ -1,6 +1,5 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
 import MainHeader from '../components/MainHeader.vue';
 import Footer from '../components/Footer.astro';
 ---
@@ -8,43 +7,18 @@ import Footer from '../components/Footer.astro';
 <Layout title="Welcome to Astro.">
 	<MainHeader />
 	<main>
-		<h1>Welcome to <span class="text-gradient">Astro</span></h1>
-		<p class="instructions">
-			<code>To get started, open the directory src/pages</code> in your project.<br />
-			<code>Code Challenge: Tweak the "Welcome to Astro" message above.</code> 
-		</p>
-		<ul role="list" class="link-card-grid">
-			<Card
-				href="https://docs.astro.build/"
-				title="Documentation"
-				body="Learn how Astro works and explore the official API docs."
-			/>
-			<Card
-				href="https://astro.build/integrations/"
-				title="Integrations"
-				body="Supercharge your project with new frameworks and libraries."
-			/>
-			<Card
-				href="https://astro.build/themes/"
-				title="Themes"
-				body="Explore a galaxy of community-built starter themes."
-			/>
-			<Card
-				href="https://astro.build/chat/"
-				title="Community"
-				body="Come say hi to our amazing Discord community. ❤️"
-			/>
-		</ul>
+		<div>
+			<p class="text-center text-white py-96 text-8xl font-bold">Beanstalkedu Games</p>
+		</div>
 	</main>
 	<Footer />
 </Layout>
 
 <style>
-	main {
-		margin: auto;
-		padding: 1.5rem;
-		max-width: 60ch;
-	}
+	body{
+		background-color: #ffd3ea;
+		background-image: linear-gradient(315deg, #ffd3ea 0%, #403020 74%);
+	}		
 	h1 {
 		font-size: 3rem;
 		font-weight: 800;