feat(site): working on additional pages

content/contact.md

@@ -0,0 +1,17 @@
+---
+title: "Contact"
+description: "Connect with us on Discord for support and consulting"
+type: "contact"
+---
+
+## Connect with Us!
+
+We invite you to join our Discord community, the best place to connect with us for any reason. Whether you have questions, need support with issues, are seeking consulting advice, or simply want to engage with fellow enthusiasts, our Discord server is the place to be.
+
+[Join our Discord Server →](https://discord.gg/SMaXVZMReK)
+
+Our Discord community offers:
+- Direct communication with our team for support and consulting
+- Real-time discussions and assistance
+- A welcoming community of like-minded individuals
+- The latest updates and announcements 

content/learn.md

@@ -1,5 +1,6 @@
 ---
 title: "Learn"
 url: "/learn/"
+type: "learn"
 ---
 Learn content goes here.

themes/aurelia-theme/assets/css/main.css

@@ -1202,6 +1202,9 @@ no-search-results {
 section.article article.api-search-area {
   margin: 128px; }
 
+section.article.no-left-margin {
+  margin-left: 0; }
+
 .search-results {
   overflow-y: auto; }
   .search-results h3 {
@@ -1694,4 +1697,40 @@ section.examples-content h1 {
 .feature-zone {
   contain: content;
   contain-intrinsic-size: 1020px;
+}
+
+/* Contact page styles */
+.contact-section {
+    margin-left: 325px;
+}
+
+.contact-content {
+    margin-top: 2rem;
+}
+
+.contact-content a {
+    display: inline-block;
+    padding: 1rem 2rem;
+    background-color: #7289DA; /* Discord's brand color */
+    color: white;
+    text-decoration: none;
+    border-radius: 7px;
+    margin: 1rem 0;
+    transition: all 0.3s ease;
+    font-weight: 600;
+    letter-spacing: 0.1em;
+}
+
+.contact-content a:hover {
+    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
+}
+
+.contact-content a:active {
+    box-shadow: none;
+}
+
+@media only screen and (max-width: 710px) {
+    .contact-section {
+        margin-left: 0;
+    }
 } 

themes/aurelia-theme/layouts/contact/single.html

@@ -0,0 +1,14 @@
+{{ define "main" }}
+<section class="article no-left-margin">
+  <header>
+    <h1>{{ .Title }}</h1>
+    <h2>{{ .Description }}</h2>
+  </header>
+
+  <article class="markdown">
+    <div class="content">
+      {{ .Content }}
+    </div>
+  </article>
+</section>
+{{ end }}

themes/aurelia-theme/layouts/learn/single.html

@@ -1,8 +1,14 @@
 {{ define "main" }}
-  <section>
-    <h1>Learn</h1>
-    <div>
+<section class="article no-left-margin">
+  <header>
+    <h1>{{ .Title }}</h1>
+    <h2>{{ .Description }}</h2>
+  </header>
+
+  <article class="markdown">
+    <div class="content">
       {{ .Content }}
     </div>
-  </section>
+  </article>
+</section>
 {{ end }}

themes/aurelia-theme/layouts/support/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
   <section>
-    <h1>Support</h1>
+    <h1>{{ .Title }}</h1>
     <div>
       {{ .Content }}
     </div>