7 files changed, 113 insertions, 123 deletions
diff --git a/examples/docs/src/pages/en/introduction.md b/examples/docs/src/pages/en/introduction.md
new file mode 100644
index 000000000..8f91a429a
--- /dev/null
+++ b/examples/docs/src/pages/en/introduction.md
@@ -0,0 +1,17 @@
+---
+title: Introduction
+layout: ~/layouts/MainLayout.astro
+---
+
+**Welcome to Astro!**
+
+This is the `docs` starter template. It contains all of the features that you need to build a Markdown-powered documentation site, including:
+
+- ✅ **Sidebar navigation**
+- ✅ **Search (powered by Algolia)**
+- ✅ **Multi-language i18n**
+- ✅ (and, best of all) **dark mode**
+
+To get started, check out the project `README.md` that the template came with. It provides documentation on how to use and customize this template for your own project, which you can always refer back to as you build.
+
+Found a missing feature that you can't live without? Please suggest it and even consider adding it yourself to the Astro repo! We're an open source project and contributions from developers like you are how we grow! 💙
diff --git a/examples/docs/src/pages/en/page-2.md b/examples/docs/src/pages/en/page-2.md
new file mode 100644
index 000000000..55d1c48e1
--- /dev/null
+++ b/examples/docs/src/pages/en/page-2.md
@@ -0,0 +1,50 @@
+---
+title: Page 2
+layout: ~/layouts/MainLayout.astro
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Sed flavum. Stridore nato, Alcandrumque desint ostendit derat, longoque, eadem
+iunxit miserum pedum pectora. Liberat sine pignus cupit, ferit mihi venias
+amores, et quod, maduere haec _gravi_ contentusque heros. Qui suae attonitas.
+
+_Acta caelo_ ego, hoc illi ferroque, qui fluitque Achillis deiecerat erat
+inhospita arasque ad sume et aquis summo. Fugerat ipse iam. Funeris Iuno Danaos
+est inroravere aurum foret nati aeque tetigisset! Esse ad tibi queritur [Sol sub
+est](http://iusserat.net/) pugno solitoque movet coercuit solent caput te?
+
+Crescit sint petit gemellos gemino, et _gemma deus sub_ Surrentino frena
+principiis statione. Soporiferam secunda nulli Tereus is _Aeolidae cepit_, tua
+peregrinosque illam parvis, deerit sub et times sedant.
+
+## Apium haec candida mea movebo obsuntque descendat
+
+Furti lucos cum iussa quid temptanti gravitate animus: vocat
+[ira](http://rediere.com/): illa. Primis aeternus, illi cinguntur ad mugitus
+aevo repentinos nec.
+
+Transcurrere tenens in _litore_ tuti plebe circumspicit viventi quoque mox
+troades medio mea locuta gradus perque sic unguibus
+[gramen](http://quantoque.io/). Effetus celerique nomina quoque. Ire gemino est.
+Eurus quaerenti: et lacus, tibi ignorant tertia omnes subscribi ducentem sedit
+experientia sine ludunt multae. Ponderis memor purasque, ut armenta corpora
+efferre: praeterea infantem in virgam verso.
+
+- Revellit quoniam vulnerat dique respicit
+- Modo illis
+- Nec victoria quodque
+- Spectans si vitis iussorum corpora quas
+
+Tibi igni, iamque, sum arsuro patet et Talibus cecidere: levati Atlas villosa
+dubium conparentis litem volentem nec? Iuga tenent, passi cumque generosior
+luminis, quique mea aequora ingens bracchia furor, respiramen eram: in. Caelebs
+et passu Phaethonta alumna orbem rapuit inplet [adfusaeque
+oculis](http://www.virum.net/ille-miserae.html) paene. Casus mea cingebant idque
+suis nymphe ut arae potuit et non, inmota erat foret, facta manu arvum.
+
+Fugam nec stridentemque undis te solet mentemque Phrygibus fulvae adhuc quam
+cernimus est! Aper iube dederat adsere iamque mortale ita cornua si fundamina
+quem caperet, iubeas stolidae pedesque intrarunt navigat triformis. Undas terque
+digitos satis in nautae sternuntur curam, iaculum ignoscere _pianda dominique
+nostra_ vivacemque teneraque!
diff --git a/examples/docs/src/pages/example.md b/examples/docs/src/pages/en/page-3.md
index 4de84789b..ef887de37 100644
--- a/examples/docs/src/pages/example.md
+++ b/examples/docs/src/pages/en/page-3.md
@@ -1,6 +1,6 @@
 ---
-title: Markdown Example
-layout: ../layouts/Main.astro
+title: Page 3
+layout: ~/layouts/MainLayout.astro
 ---
 
 This is a fully-featured page, written in Markdown!
@@ -17,7 +17,9 @@ Nam quam dolor, pellentesque sed odio euismod, feugiat tempus tellus. Quisque ar
 
 ```markdown
 ---
-layout: ../layouts/Main.astro
+title: Markdown Page!
+lang: en
+layout: ~/layouts/MainLayout.astro
 ---
 
 # Markdown example
diff --git a/examples/docs/src/pages/en/page-4.md b/examples/docs/src/pages/en/page-4.md
new file mode 100644
index 000000000..c2288c588
--- /dev/null
+++ b/examples/docs/src/pages/en/page-4.md
@@ -0,0 +1,36 @@
+---
+title: Page 4
+layout: ~/layouts/MainLayout.astro
+---
+
+This is a fully-featured page, written in Markdown!
+
+## Section A
+
+Lorem ipsum dolor sit amet, **consectetur adipiscing elit**. Sed ut tortor _suscipit_, posuere ante id, vulputate urna. Pellentesque molestie aliquam dui sagittis aliquet. Sed sed felis convallis, lacinia lorem sit amet, fermentum ex. Etiam hendrerit mauris at elementum egestas. Vivamus id gravida ante. Praesent consectetur fermentum turpis, quis blandit tortor feugiat in. Aliquam erat volutpat. In elementum purus et tristique ornare. Suspendisse sollicitudin dignissim est a ultrices. Pellentesque sed ipsum finibus, condimentum metus eget, sagittis elit. Sed id lorem justo. Vivamus in sem ac mi molestie ornare.
+
+## Section B
+
+Nam quam dolor, pellentesque sed odio euismod, feugiat tempus tellus. Quisque arcu velit, ultricies in faucibus sed, ultrices ac enim. Nunc eget dictum est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ex nisi, egestas mollis ultricies ut, laoreet suscipit libero. Nam condimentum molestie turpis. Sed vestibulum sagittis congue. Maecenas tristique enim et tincidunt tempor. Curabitur ac scelerisque nulla, in malesuada libero. Praesent eu tempus odio. Pellentesque aliquam ullamcorper quam at gravida. Sed non fringilla mauris. Aenean sit amet ultrices erat. Vestibulum congue venenatis tortor, nec suscipit tortor. Aenean pellentesque mauris eget tortor tincidunt pharetra.
+
+## Section C
+
+```markdown
+---
+title: Markdown Page!
+lang: en
+layout: ~/layouts/MainLayout.astro
+---
+
+# Markdown example
+
+This is a fully-featured page, written in Markdown!
+
+## Section A
+
+Lorem ipsum dolor sit amet, **consectetur adipiscing elit**. Sed ut tortor _suscipit_, posuere ante id, vulputate urna. Pellentesque molestie aliquam dui sagittis aliquet. Sed sed felis convallis, lacinia lorem sit amet, fermentum ex. Etiam hendrerit mauris at elementum egestas. Vivamus id gravida ante. Praesent consectetur fermentum turpis, quis blandit tortor feugiat in. Aliquam erat volutpat. In elementum purus et tristique ornare. Suspendisse sollicitudin dignissim est a ultrices. Pellentesque sed ipsum finibus, condimentum metus eget, sagittis elit. Sed id lorem justo. Vivamus in sem ac mi molestie ornare.
+
+## Section B
+
+Nam quam dolor, pellentesque sed odio euismod, feugiat tempus tellus. Quisque arcu velit, ultricies in faucibus sed, ultrices ac enim. Nunc eget dictum est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ex nisi, egestas mollis ultricies ut, laoreet suscipit libero. Nam condimentum molestie turpis. Sed vestibulum sagittis congue. Maecenas tristique enim et tincidunt tempor. Curabitur ac scelerisque nulla, in malesuada libero. Praesent eu tempus odio. Pellentesque aliquam ullamcorper quam at gravida. Sed non fringilla mauris. Aenean sit amet ultrices erat. Vestibulum congue venenatis tortor, nec suscipit tortor. Aenean pellentesque mauris eget tortor tincidunt pharetra.
+```
diff --git a/examples/docs/src/pages/getting-started.md b/examples/docs/src/pages/getting-started.md
deleted file mode 100644
index ab9c79617..000000000
--- a/examples/docs/src/pages/getting-started.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Getting Started
-layout: ../layouts/Main.astro
----
-
-This template already provides your pages with a side bar navigation (on the left) for your pages, and a content navigation (on the right) for your sections.
-
-## Page navigation
-
-The page navigation, through the side bar on the left, needs to be manually updated. Open the `config.ts` file and you will find the following structure:
-
-```ts
-export const sidebar = [
-  {
-    text: 'Introduction',
-    link: '', // No leading slash needed, so this links to the homepage
-    children: [
-      { text: 'Getting Started', link: 'getting-started' },
-      { text: 'Example', link: 'example' },
-    ],
-  },
-];
-```
-
-You can change this file to match the pages you want to display, the items within `children` can also have children elements, but only the first level and second levels will be displayed.
-
-The page navigation is generated in the `src/components/SiteSidebar.astro`, so if you want to change the depth of elements displayed, styles, etc, that's the place to go.
-
-## Section navigation
-
-The section navigation, through the side bar on the right, is automatically generated by the `src/components/DocSidebar.tsx` file, it uses the meta-data from markdown files to generate the structure you see.
-
-By default only elements from depth 2 to 5 will be displayed, and at the moment doesn't work for `.astro files`.
-
-## Other Components
-
-### Footer
-
-You can edit your footer here `src/components/ArticleFooter.astro`, at the moment it is composed of a list of avatars. You can generate your own avatar [here](https://getavataaars.com/) and replace the ones from `AvatarList.astro`.
-
-### Theme
-
-The `src/components/ThemeToggle.tsx` is only responsible for applying the theme, to change the theme colors see `public/theme.css`
-
-## Documentation
-
-For more information on how to use Astro components, check the documentation pages:
-
-- [Quick Start](https://docs.astro.build/quick-start)
-- [astro.config.mjs](https://docs.astro.build/reference/configuration-reference)
-- [API](https://docs.astro.build/reference/api-reference)
-- [Command Line Interface](https://docs.astro.build/reference/cli-reference)
-- [Collections](https://docs.astro.build/core-concepts/collections)
-- [Development Server](https://docs.astro.build/reference/dev/)
-- [Markdown](https://docs.astro.build/guides/markdown-content)
-- [Publishing Astro components](https://docs.astro.build/guides/publish-to-npm)
-- [Renderers](https://docs.astro.build/reference/renderer-reference)
-- [Styling](https://docs.astro.build/guides/styling)
-- [.astro Syntax](https://docs.astro.build/core-concepts/astro-components)
diff --git a/examples/docs/src/pages/index.astro b/examples/docs/src/pages/index.astro
new file mode 100644
index 000000000..7f660ada0
--- /dev/null
+++ b/examples/docs/src/pages/index.astro
@@ -0,0 +1,5 @@
+<script>
+  // Redirect your homepage to the first page of documentation.
+  // If you have a landing page, remove this script and add it here!
+  window.location.pathname = `/en/introduction`;
+</script>
diff --git a/examples/docs/src/pages/index.md b/examples/docs/src/pages/index.md
deleted file mode 100644
index cd5ce6454..000000000
--- a/examples/docs/src/pages/index.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Hello, Documentation!
-layout: ../layouts/Main.astro
----
-
-<img src="https://github.com/snowpackjs/astro/blob/main/assets/social/banner.png?raw=true" alt="Astro" width="638" height="320" >
-
-## What is Astro?
-
-**Astro** is a _fresh but familiar_ approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era.
-
-With Astro, you can use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default, it's none at all!
-
-## Project Status
-
-⚠️ **Astro is still an early beta, missing features and bugs are to be expected!** If you can stomach it, then Astro-built sites are production ready and several production websites built with Astro already exist in the wild. We will update this note once we get closer to a stable, v1.0 release.
-
-## 🔧 Quick Start
-
-> **Important**: Astro is built with [ESM modules](https://nodejs.org/api/esm.html) which are not supported in older version of Node.js. The minimum supported version is **14.16.1**.
-
-```bash
-# create your project
-mkdir new-project-directory
-cd new-project-directory
-npm init astro
-
-# install your dependencies
-npm install
-
-# start the dev server and open your browser
-npm run dev
-```
-
-### 🚀 Build & Deployment
-
-The default Astro project has the following `scripts` in the `/package.json` file:
-
-```json
-{
-  "scripts": {
-    "dev": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview"
-  }
-}
-```
-
-For local development, run:
-
-```
-npm run dev
-```
-
-To build for production, run the following command:
-
-```
-npm run build
-```
-
-To deploy your Astro site to production, upload the contents of `/dist` to your favorite static site host.