diff --git a/src/components/Button.astro b/src/components/Button.astro
new file mode 100644
index 0000000..72c197e
--- /dev/null
+++ b/src/components/Button.astro
@@ -0,0 +1,5 @@
+
+
+
\ No newline at end of file
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..c0c02cc
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
new file mode 100644
index 0000000..bda7472
--- /dev/null
+++ b/src/components/Navigation.astro
@@ -0,0 +1,2 @@
+second page idk
+Cool blog
\ No newline at end of file
diff --git a/src/components/Social.astro b/src/components/Social.astro
new file mode 100644
index 0000000..0cfd6ef
--- /dev/null
+++ b/src/components/Social.astro
@@ -0,0 +1,10 @@
+---
+const { platform, username } = Astro.props;
+---
+{platform}
+
+
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e65962e..b7ea4b2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,9 @@
---
import "../styles/global.css";
+import Button from "../components/Button.astro";
+import Navigation from "../components/Navigation.astro";
+import Footer from "../components/Footer.astro";
+import Social from "../components/Social.astro";
const nuclearLaunchCodes = "below"
// this will never be revealed :meowlien:
@@ -25,10 +29,15 @@ const nukeColors = "navy";