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

2 files changed, 30 insertions, 8 deletions

diff --git a/docs/src/data/themes.json b/docs/src/data/themes.json
index 60eeb06a3..d2fcc9a2c 100644
--- a/docs/src/data/themes.json
+++ b/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",
-      "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"
+      "name": "Accessible Astro Starter",
+      "description": "A starter project with accessible features using Astro static site builder.",
+      "github": "https://github.com/markteekman/accessible-astro-starter",
+      "demo": "https://accessible-astro.markteekman.nl/"
+    },
+    {
+      "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/"
     }
   ]
 }
diff --git a/docs/src/pages/themes.astro b/docs/src/pages/themes.astro
index 3677988dd..3bcc1df48 100644
--- a/docs/src/pages/themes.astro
+++ b/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
@@ -30,6 +30,14 @@ import components from '../data/components.json';
         {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
         
         Our package ecosystem is growing! Check out these featured community packages. Search the entire collection [on npm.](https://www.npmjs.com/search?q=keywords%3Aastro-component)
@@ -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>
\ No newline at end of file
+</Layout>