Update: Contact page

web/src/lib/content/posts/using-svelte-in-markdown.md

@@ -1,12 +1,12 @@
 ---
-title: Using Markdown in Svelte
-description: Learn how to use your markdown documents in Svelte Applications!
+title: Using Svelte in Markdown
+description: Learn how to use your Svelte components in Markdown documents!
 date: 2023-12-22
 updated:
-aliases: Using Markdonw in Svelte, Svelte in Markdown
+aliases: Using Svelte in Markdown and Markdown in Svelte
 tags: [markdown, svelte, web-dev, docs, learn]
 ---
-[Mdsvex](https://mdsvex.pngwn.io/docs#install-it)
+**Ref:** [Mdsvex](https://mdsvex.pngwn.io/docs#install-it)
 
 Here are some examples illustrating how to use Mdsvex in a Svelte application:
 

web/src/routes/contact/+page.svelte

@@ -1,22 +1,22 @@
 <script>
-    import Content from '$lib/components/contact/Contact.svelte'
+  import Content from './contact.md'
 
 </script>
 
 {#if Content}
-    <div class="container max-w-3xl">
-        <div class="space-y-4 mx-auto py-8">
-                <svelte:component this={Content} />
-        </div>
+  <div class="container max-w-3xl">
+    <div class="space-y-4 mx-auto py-8">
+      <svelte:component this={Content} />
     </div>
+  </div>
 {:else}
 
-<div class="container py-12">
+  <div class="container py-12">
     <h1 class="mb-8 text-3xl font-bold">Sorry</h1>
     <div class="flex min-h-[400px] items-center justify-center text-center">
-        <p class="text-lg font-medium">Nothing found</p>
-        <p class="mt-2 text-sm text-muted-foreground">Check back later for new content.</p>
+      <p class="text-lg font-medium">Nothing found</p>
+      <p class="mt-2 text-sm text-muted-foreground">Check back later for new content.</p>
     </div>
-</div>
+  </div>
 
 {/if}

web/src/routes/contact/contact.md

@@ -1,21 +1,19 @@
 ---
 title: "Contact"
+aliases: Contact Us
 description: "Default Contact Page"
 date: 2024-11-24
 ---
-
-# THIS CAN BE DELETED. IT IS NOT IN USE RIGHT NOW.
-
-## It is only here to show tables and importing components into markdown files. 
-
-| Contacts | Name | Email |
-| ------------- | -------------- | -------------- |
-| ID | Item1 | Item1 |
-
 <script>
     import Contact from '$lib/components/contact/Contact.svelte';
 </script>
 
 > **This is a placeholder contact page. No logic is implemented here.**
 
+| Contacts | Name | Email |
+| ------------- | -------------- | -------------- |
+| 1 | John Doe | johndoe@email.com |
+
+
+
 <Contact />