Add Community Themes and separate Featured Theme (#1543)

* Separate object for featured and community themes

I've split up the two so there's the featured one at the top at the page and community ones below the official themes

* Add community themes and change featured themes

* Add comma after featured object

docs/src/data/themes.json

@@ -1,4 +1,14 @@
 {
+  "featured": [
+    {
+      "name": "Ink",
+      "description": "Crisp, minimal, personal blog theme for Astro",
+      "github": "https://github.com/one-aalam/astro-ink",
+      "demo": "https://astro-ink.vercel.app/",
+      "sandbox": "https://github.dev/one-aalam/astro-ink",
+      "command": "npm init astro -- --template one-aalam/astro-ink"
+    }
+  ],
   "official": [
     {
       "name": "Starter Kit",
@@ -43,12 +53,16 @@
   ],
   "community": [
     {
-      "name": "Ink",
+      "name": "Accessible Astro Starter",
-      "description": "Crisp, minimal, personal blog theme for Astro",
+      "description": "A starter project with accessible features using Astro static site builder.",
-      "github": "https://github.com/one-aalam/astro-ink",
+      "github": "https://github.com/markteekman/accessible-astro-starter",
-      "demo": "https://astro-ink.vercel.app/",
+      "demo": "https://accessible-astro.markteekman.nl/"
-      "sandbox": "https://github.dev/one-aalam/astro-ink",
+    },
-      "command": "npm init astro -- --template one-aalam/astro-ink"
+    {
+      "name": "Astro Theme Creek",
+      "description": "Creek is an open source blog theme for Astro SSG.",
+      "github": "https://github.com/robertguss/Astro-Theme-Creek",
+      "demo": "https://astro-theme-creek.netlify.app/"
     }
   ]
 }

docs/src/pages/themes.astro

@@ -19,7 +19,7 @@ import components from '../data/components.json';
         ## Featured Theme
     </Markdown>
     <div class="card-grid">
-        {themes.community.map((item)=>(<Card data={item} />))}
+        {themes.featured.map((item)=>(<Card data={item} />))}
     </div>
     <Markdown>
         ## Official Themes
@@ -29,6 +29,14 @@ import components from '../data/components.json';
     <div class="card-grid">
         {themes.official.map((item)=>(<Card data={item} />))}
     </div>
+    <Markdown>
+        ## Community Themes
+      
+        Checkout some themes developed by our community!
+    </Markdown>
+    <div class="card-grid">
+        {themes.community.map((item)=>(<Card data={item} />))}
+    </div>
     <Markdown>
         ## Featured Packages
         
@@ -41,4 +49,4 @@ import components from '../data/components.json';
         > Want to see your own work featured? [Share it to Discord!](https://astro.build/chat)  
         We'll often take our favorites from the `#showcase` channel and post them here.
     </Markdown>
-</Layout>
+</Layout>