1 files changed, 75 insertions, 0 deletions
diff --git a/examples/snowpack/src/pages/plugins.astro b/examples/snowpack/src/pages/plugins.astro
new file mode 100644
index 000000000..ddd7632e8
--- /dev/null
+++ b/examples/snowpack/src/pages/plugins.astro
@@ -0,0 +1,75 @@
+---
+import PluginSearchPage from '../components/PluginSearchPage.jsx';
+import BaseHead from '../components/BaseHead.astro';
+import MainLayout from '../components/MainLayout.astro';
+
+let title = 'The Snowpack Plugin Catalog';
+let description = 'Snowpack plugins allow for configuration-minimal tooling integration.';
+---
+
+<!doctype html>
+<html>
+
+<head>
+  <BaseHead title={title} description={description} permalink="TODO" />
+  <style lang="scss">
+    .intro {
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+      line-height: 1.5;
+      text-align: left;
+
+      a {
+        color: #2e5e82;
+      }
+    }
+
+    .subheading {
+      margin-top: -2.5rem;
+      margin-bottom: 0;
+      color: #2e5e82;
+      font-weight: 500;
+      font-size: 1em;
+      font-family: 'Overpass', sans-serif;
+      letter-spacing: -0.02em;
+      text-align: left;
+
+      @media (min-width: 600px) {
+        font-size: 1.5em;
+      }
+    }
+
+    .zero-heading {
+      margin-top: 1.5rem;
+      margin-bottom: 1.5rem;
+      font-weight: 700;
+      font-size: 1.4em;
+      text-align: left;
+
+      @media (min-width: 600px) {
+        font-size: 1.5em;
+      }
+    }
+  </style>
+</head>
+
+<body>
+  <MainLayout>
+    <h2 class="content-title">{ title }</h2>
+
+    <h3 class="pluginPage-subheading">
+      Customize Snowpack with optimized build plugins.
+    </h3>
+    <p class="pluginPage-intro">
+      To learn more about our plugin system, check out the
+      <a href="/reference/plugins">Plugin API.</a><br />Can't find what you need?
+      <a href="/reference/plugins">Creating your own plugin is easy!</a>
+    </p>
+
+    <div style="margin-top:4rem;"></div>
+
+    <PluginSearchPage:load />
+  </MainLayout>
+</body>
+
+</html>