1 files changed, 28 insertions, 0 deletions
diff --git a/@linaria/examples/gatsby/custom-config/src/pages/index.js b/@linaria/examples/gatsby/custom-config/src/pages/index.js
new file mode 100644
index 0000000..e7cc99f
--- /dev/null
+++ b/@linaria/examples/gatsby/custom-config/src/pages/index.js
@@ -0,0 +1,28 @@
+import React from "react"
+import { Link } from "gatsby"
+import { css } from "linaria"
+
+import Layout from "../components/layout"
+import Image from "../components/image"
+import SEO from "../components/seo"
+
+const imageWrapper = css`
+  max-width: 300px;
+  margin-bottom: 1.45rem;
+`
+
+const IndexPage = () => (
+  <Layout>
+    <SEO title="Home" />
+    <h1>Hi people</h1>
+    <p>Welcome to your new Gatsby site.</p>
+    <p>Now go build something great.</p>
+    <div className={imageWrapper}>
+      <Image />
+    </div>
+    <Link to="/page-2/">Go to page 2</Link> <br />
+    <Link to="/using-typescript/">Go to "Using TypeScript"</Link>
+  </Layout>
+)
+
+export default IndexPage