diff --git a/source/index.html.haml b/source/index.html.haml
new file mode 100644
index 0000000000000000000000000000000000000000..34e0623601e6bb42f934531630f054a95cce6b96
--- /dev/null
+++ b/source/index.html.haml
@@ -0,0 +1,33 @@
+---
+title: Overview
+---
+.section
+ .row
+ .col.s12.m8.offset-m2
+ %br/
+ %img#responsive-img{:src => "images/responsive.png"}/
+ .row
+ %h3.col.s12.light.center.header Aparapi simplifies life for developers and reduces server costs.
+ / Promo Section
+ .row
+ .col.s12.m4
+ .center.promo
+ %i.material-icons flash_on
+ %p.promo-caption Speeds up development
+ %p.light.center We did most of the heavy lifting for you to provide a framework capable of executing native Java code directly on the GPU. No more writing code twice, write once run anywhere.
+ .col.s12.m4
+ .center.promo
+ %i.material-icons attach_money
+ %p.promo-caption Save Money on Servers
+ %p.light.center By utilizing the GPU to run your algorithms it is possible to acheive speedups hundreds of times that of a CPU alone. This can mean the difference between needing only a single server versus an entire data center.
+ .col.s12.m4
+ .center.promo
+ %i.material-icons settings
+ %p.promo-caption Flexible
+ %p.light.center The full power and flexibility of OpenCL coding is fully exposed. All the low level calls as well as the ability to manipulate or post kernel files are still accessibleto developers.
+.divider
+.section
+ .row.center
+ %h3.light.header Aparapi Showcase
+ %p.col.s8.offset-s2.caption Checkout what people are creating with Aparapi. Get inspired by these projects and you can even submit your own projects to be showcased here.
+ %a.btn-large.waves-effect.waves-light{:href => "http://materializecss.com/showcase.html"} Explore our Showcase
\ No newline at end of file
diff --git a/source/index.html.md b/source/index.html.md
deleted file mode 100644
index d9494b0fe90d395e1e00cbbff862abee3a1592c9..0000000000000000000000000000000000000000
--- a/source/index.html.md
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: Overview
----
-
-<center>
- 
-</center>
-
-<center>
- [**middleman-pattern-library**](https://github.com/danielbayerlein/middleman-pattern-library)
- is a [Middleman 4.x](http://middlemanapp.com) project template for creating
- and managing your front-end pattern library.
-</center>
-
----
-
-### Introduction
-
-#### Folder structure
-
-Your patterns are located in the `source/patterns` folder.
-
-**For example:**
-
-```
-
-source/patterns/
- components/
- alerts/
- default.html
- link-color.html
- progress/
- contextual-alternatives.html
- default.html
- striped.html
- elements/
- buttons/
- default.html
- disabled.html
- outline.html
- sizes.html
- colors/
- color-palette.html
- typography/
- blockquotes.html
- customizing-headings.html
- headings.html
- inline-text-elements.html
- lead.html
-```
-
-**Explanation:**
-
-```
-
-elements/ <= Category
- typography/ <= Subcategory
- headings.html <= Pattern
-```
-
-#### Pattern format
-
-Each pattern has a `title`. The `description`, `show_code` and `use_source` is
-optional.
-
-**For example `headings.html`:**
-
-```html
-
----
-title: Headings
-description: All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
----
-
-<h1>Heading 1</h1>
-<h2>Heading 2</h2>
-<h3>Heading 3</h3>
-<h4>Heading 4</h4>
-<h5>Heading 5</h5>
-<h6>Heading 6</h6>
-```
-
-#### Frontmatter
-
-Frontmatter allows page-specific variables to be included at the top of a
-template using the JSON format.
-
-**For example:**
-
-```
-
----
-title: Lorem ipsum
-description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-iusmod tempor incididunt ut labore et dolore magna aliqua.
-show_code: false
-use_source: false
----
-```
-
-**title:** The title of the page.
-
-**description:** The description of the page.
-
-**show_code:** If you set the value to `false`, the code is not displayed.
-
-**use_source:** If you set the value to `false`, your CSS will not load.
-
-
-#### Assets
-
-Your JS is located at `source/javascripts/`
-
-```
-
-source/javascripts
- mpl/ <= JS for the middleman-pattern-library
- base.js <= JS for your patterns
-```
-
-and your CSS is located at `source/stylesheets/`
-
-```
-
-source/stylesheets/
- mpl/ <= CSS for the middleman-pattern-library
- base.css <= CSS for your patterns, you can also use Sass.
-```
-
-### Building the site with `middleman build`
-
-Finally, when you are ready to deliver static code, you will need to build the
-site. Using the command-line, from the project folder, run `middleman build`:
-
-```bash
-
-$ cd my_pattern_library
-$ bundle exec middleman build
-```
-
-This will create a static file for each file located in your source folder.
-
-### OMG, I don't know what I should do!
-
-For help, see the official [Middleman](http://middlemanapp.com) website.
-No success? Then create an [Issue](https://github.com/danielbayerlein/middleman-pattern-library/issues/new).
-
-### License
-
-[**middleman-pattern-library**](https://github.com/danielbayerlein/middleman-pattern-library)
-is free and open source! The code is licensed under
-[MIT](https://github.com/danielbayerlein/middleman-pattern-library/blob/master/LICENSE.md).
diff --git a/source/layout.html.haml b/source/layout.html.haml
index 0f85ce66c5799fa733e6dd47cd803beef339f2dc..4e0eac5fd368521826637bf0e17efac3c07c98b2 100644
--- a/source/layout.html.haml
+++ b/source/layout.html.haml
@@ -92,36 +92,7 @@
%span.date
%a#github-button.btn-flat.right.grey-text.text-lighten-5.waves-effect.waves-light.hide-on-small-only{:href => "https://github.com/Syncleus/aparapi"} Github
.container
- .section
- .row
- .col.s12.m8.offset-m2
- %br/
- %img#responsive-img{:src => "images/responsive.png"}/
- .row
- %h3.col.s12.light.center.header Aparapi simplifies life for developers and reduces server costs.
- / Promo Section
- .row
- .col.s12.m4
- .center.promo
- %i.material-icons flash_on
- %p.promo-caption Speeds up development
- %p.light.center We did most of the heavy lifting for you to provide a framework capable of executing native Java code directly on the GPU. No more writing code twice, write once run anywhere.
- .col.s12.m4
- .center.promo
- %i.material-icons attach_money
- %p.promo-caption Save Money on Servers
- %p.light.center By utilizing the GPU to run your algorithms it is possible to acheive speedups hundreds of times that of a CPU alone. This can mean the difference between needing only a single server versus an entire data center.
- .col.s12.m4
- .center.promo
- %i.material-icons settings
- %p.promo-caption Flexible
- %p.light.center The full power and flexibility of OpenCL coding is fully exposed. All the low level calls as well as the ability to manipulate or post kernel files are still accessibleto developers.
- .divider
- .section
- .row.center
- %h3.light.header Aparapi Showcase
- %p.col.s8.offset-s2.caption Checkout what people are creating with Aparapi. Get inspired by these projects and you can even submit your own projects to be showcased here.
- %a.btn-large.waves-effect.waves-light{:href => "http://materializecss.com/showcase.html"} Explore our Showcase
+ = yield
%footer.page-footer
.container
.row