diff --git a/src/pages/index.astro b/src/pages/index.astro
index dc8f42f..4846798 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,9 +1,21 @@
 ---
 import Layout from '../layouts/Layout.astro'
+import Button from '../components/ButtonComponent/Button.tsx'
 ---
 
 <Layout title="Home">
-  <main>
-    <h1>This is just a template</h1>
+  <main class="page">
+    <h1>Main Page</h1>
+    <Button label="Next Page" to="/next" />
   </main>
 </Layout>
+
+<style lang="sass">
+  .page
+    display: flex
+    flex-direction: column
+    text-align: center
+    justify-content: center
+    align-items: center
+    margin: 2rem
+</style>
diff --git a/src/pages/next.astro b/src/pages/next.astro
new file mode 100644
index 0000000..d771fdf
--- /dev/null
+++ b/src/pages/next.astro
@@ -0,0 +1,30 @@
+---
+import Layout from '../layouts/Layout.astro'
+import Button from '../components/ButtonComponent/Button.tsx'
+import { Picture } from 'astro:assets'
+import sample from '/src/images/sample.avif'
+---
+
+<Layout title="Home">
+  <main class="page">
+    <h1>Second Page</h1>
+    <Button label="Back to Home" to="/" />
+    <Picture class="image" src={sample} alt="Example Image" width={400} quality={85} formats={['avif', 'webp']} />
+  </main>
+</Layout>
+
+<style lang="sass">
+  .page
+    display: flex
+    flex-direction: column
+    text-align: center
+    justify-content: center
+    align-items: center
+    margin: 2rem
+
+  .image
+    margin: 2rem 0 0 0
+    border-radius: 4px
+    max-width: 100%
+    height: auto
+</style>