Adds examples page

1 files changed, 33 insertions, 0 deletions

diff --git a/docs/src/pages/examples-and-templates.astro b/docs/src/pages/examples-and-templates.astro
new file mode 100644
index 000000000..aff58a932
--- /dev/null
+++ b/docs/src/pages/examples-and-templates.astro
@@ -0,0 +1,33 @@
+---
+
+import Layout from '../layouts/MainLayout.astro';
+import {Markdown} from 'astro/components'
+import Examples from '../components/Examples/Examples.astro'
+
+import Thumbnail from '../components/Examples/Thumbnail.astro'
+const githubEditUrl = "https://github.com/snowpackjs/astro/tree/main/docs/src/pages/examples-and-templates.astro"
+const title = 'Examples & Templates'
+
+
+---
+
+<Layout content={{title:title,astro:{headers:examplesHeaders},page:'/examples-and-templates',githubEditUrl:githubEditUrl}}>
+    <Markdown>
+       
+        We encourage you to freely explore our collection of ready-made templates containing a multitude of examples on how to apply Astro to a variety of use-cases. i.e: various UI frameworks, State Management Tools, and of course TailwindCSS
+    </Markdown>
+    <!-- <Examples/> -->
+    <Thumbnail/>
+    <Markdown>
+        
+        ##  Community Templates
+        
+        Visit [Awesome-Astro](https://github.com/one-aalam/awesome-astro) for a full list of community examples. You can use `npm init astro` to check out any of the community examples
+
+        ```bash
+        npm init astro -- --template [GITHUB_USER]/[REPO_NAME]
+        npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example
+        ```
+    </Markdown>
+
+</Layout>