diff --git a/__tests__/Button.test.tsx b/__tests__/Button.test.tsx
index 3294529..8b857cb 100644
--- a/__tests__/Button.test.tsx
+++ b/__tests__/Button.test.tsx
@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Button from '@/components/Button';
+import { Button } from '@/components/Button';
 import { Variant } from '@/components';
 
 describe('Button test', () => {
diff --git a/__tests__/Page.test.tsx b/__tests__/Page.test.tsx
index 7831ba3..a7147a0 100644
--- a/__tests__/Page.test.tsx
+++ b/__tests__/Page.test.tsx
@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Page from '@/components/Page';
+import { Page } from '@/components/Page';
 
 describe('Page test', () => {
     it('should render page', () => {
diff --git a/__tests__/Panel.test.tsx b/__tests__/Panel.test.tsx
index ac18d47..d7ed0d4 100644
--- a/__tests__/Panel.test.tsx
+++ b/__tests__/Panel.test.tsx
@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Panel from '@/components/Panel';
+import { Panel } from '@/components/Panel';
 
 describe('Page test', () => {
     it('should render panel', () => {
diff --git a/src/components/Button/index.tsx b/src/components/Button/Button.tsx
similarity index 100%
rename from src/components/Button/index.tsx
rename to src/components/Button/Button.tsx
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
new file mode 100644
index 0000000..eae9c8e
--- /dev/null
+++ b/src/components/Button/index.ts
@@ -0,0 +1 @@
+export { default as Button } from './Button';
diff --git a/src/components/Page/Header.tsx b/src/components/Page/Header.tsx
index ccadb8c..74370ee 100644
--- a/src/components/Page/Header.tsx
+++ b/src/components/Page/Header.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Panel from '@/components/Panel';
+import { Panel } from '@/components/Panel';
 import clsx from 'clsx';
 
 export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
diff --git a/src/components/Page/index.tsx b/src/components/Page/Page.tsx
similarity index 100%
rename from src/components/Page/index.tsx
rename to src/components/Page/Page.tsx
diff --git a/src/components/Page/index.ts b/src/components/Page/index.ts
new file mode 100644
index 0000000..5726cea
--- /dev/null
+++ b/src/components/Page/index.ts
@@ -0,0 +1,3 @@
+export { default as Page } from './Page';
+export { default as PageHeader } from './Header';
+export { default as PageContent } from './Content';
diff --git a/src/components/Panel/index.tsx b/src/components/Panel/Panel.tsx
similarity index 100%
rename from src/components/Panel/index.tsx
rename to src/components/Panel/Panel.tsx
diff --git a/src/components/Panel/index.ts b/src/components/Panel/index.ts
new file mode 100644
index 0000000..1eee39f
--- /dev/null
+++ b/src/components/Panel/index.ts
@@ -0,0 +1 @@
+export { default as Panel } from './Panel';
diff --git a/src/components/index.ts b/src/components/index.ts
index a13c6dc..afbc652 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,3 +1,3 @@
 export * from './utils';
-export { default as Page } from './Page';
-export { default as Panel } from './Panel';
+export * from './Page';
+export * from './Panel';
diff --git a/src/index.ts b/src/index.ts
index cc30df0..cb64ac1 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1 @@
-export { default as Button } from './components/Button'
-export { default as Page } from './components/Page';
-export { default as Panel } from './components/Panel';
+export * from './components'
diff --git a/www/src/index.tsx b/www/src/index.tsx
index 53b8db1..193d6c6 100644
--- a/www/src/index.tsx
+++ b/www/src/index.tsx
@@ -1,7 +1,32 @@
 import * as React from 'react';
 import * as ReactDom from 'react-dom';
+import { FontAwesomeIcon }  from '@fortawesome/react-fontawesome';
+import { faArrowAltCircleDown, faEye, faEyeSlash } from '@fortawesome/free-regular-svg-icons';
+
+import '../../src/style/index.scss';
+import { Page, Variant } from '../../src/components';
+import Button from '@/components/Button';
 
 ReactDom.render(
-    null,
+    <Page>
+        <Page.Header title="Dashboard" />
+        <Page.Content>
+            <Button
+                as="a"
+                small
+                variant={Variant.DANGER_GHOST}
+            >
+                <FontAwesomeIcon icon={faArrowAltCircleDown} />
+            </Button>
+            <Button
+                variant={Variant.SECONDARY}
+                iconLeft={<FontAwesomeIcon icon={faEye} />}
+                iconRight={<FontAwesomeIcon icon={faEyeSlash} />}
+                block
+            >
+                Secondary button
+            </Button>
+        </Page.Content>
+    </Page>,
     document.getElementById('root')
 );
diff --git a/www/webpack.config.js b/www/webpack.config.js
index 6abdd64..1febccf 100644
--- a/www/webpack.config.js
+++ b/www/webpack.config.js
@@ -25,7 +25,7 @@ const setEnvVars = () => {
 
 module.exports = {
     entry: {
-        main: './www/src/index.tsx'
+        main: './www/src/Page.tsx'
     },
     module: {
         rules: [