added jumbotron

src/lib/JumboTron/index.svelte

@@ -1,4 +1,44 @@
 <script>
-
+    export let title = "metastellar";
 </script>
+<div>
+<div class="container">
+    <h1>Metastellar.io</h1>
+    <div class="content">
+        <slot></slot>
+    </div>
+</div>
+<hr>
+</div>
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+    @import url('https://fonts.googleapis.com/css2?family=Playwrite+NG+Modern:[email protected]&family=Raleway:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+     
+    .container{
+
+        
+        padding: 0.4em;
+    }
+
+    h1{
+        font-size: 4em;
+        font-family: "Raleway", sans-serif;
+        font-optical-sizing: auto;
+        font-weight: 500;
+        font-style: normal;
+    }
+
+    .content{
+        font-size: 2em;
+        
+        
+        font-family: "Work Sans", sans-serif;
+        font-optical-sizing: auto;
+        font-weight: 300;
+        font-style: normal;
+        
+        
+    }
+
 
+</style>

src/lib/index.ts

@@ -7,7 +7,7 @@ export { default as ImagePoster } from "./imagePoster/imagePoster.svelte";
 export { default as NftPoster } from "./nftPoster/nftPoster.svelte";
 export { default as YoutubePoster } from "./youtubePoster/youtubePoster.svelte";
 export { default as CanvasModal } from "./CanvasModal/Modal.svelte";
-
+export { default as Jumbotron} from    "./jumbotron/index.svelte";
 export type * from "./types.js";
 export { normalizeData,  renderCanvas};
 

src/routes/+page.svelte

@@ -6,16 +6,21 @@
   import NftPoster from '$lib/nftPoster/nftPoster.svelte';
   import CanvasModal from '$lib/CanvasModal/Modal.svelte';
   import { assetInfo } from '../constants.js';
-
+  import Jumbotron from '$lib/jumbotron/index.svelte';
   
   let recordMouseMoveTrack = true;
   let intervalData = 5;
 
   let isMouseEntered = false;
   let showModal = false;
 </script>
-<div class="w-full mx-auto p-6 flex justify-center flex-col gap-2 mt-10 max-w-7xl">
+
+<div class="w-full mx-auto p-6 flex justify-center flex-col gap-2 max-w-7xl">
+  <Jumbotron title="Metastellar">
+    for people to do stuff
+  </Jumbotron>
   <div class="flex flex-row gap-5 max-w-7xl">
+
       <Card 
         img="/images/wallet.webp"
         imgClass=" rounded-lg"