diff --git a/src/pages/About.astro b/src/components/About.astro
similarity index 100%
rename from src/pages/About.astro
rename to src/components/About.astro
diff --git a/src/pages/Contact.astro b/src/components/Contact.astro
similarity index 100%
rename from src/pages/Contact.astro
rename to src/components/Contact.astro
diff --git a/src/components/EventsGrid.astro b/src/components/EventsGrid.astro
index 2557c4a..8070ba8 100644
--- a/src/components/EventsGrid.astro
+++ b/src/components/EventsGrid.astro
@@ -2,6 +2,7 @@
 // src/components/EventsGrid.astro
 
 import HoverCard from "./HoverCard.astro";
+
 interface Event {
 	image: string;
 	title: string;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ca5d7ef..2be58f6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,6 +6,8 @@ import Welcome from "../components/Welcome.astro";
 import EventsGrid from "../components/EventsGrid.astro";
 import Drinks from "../components/Drinks.astro";
 import ImageCarousel from "../components/ImageCarousel.astro";
+import Contact from "../components/Contact.astro";
+import About from "../components/About.astro";
 
 const events = [
 	{
@@ -71,4 +73,6 @@ const images = [
 	<EventsGrid id="events" events={events} />
 	<ImageCarousel id="gallery" images={images} />
 	<Drinks id="drinks" />
+	<About id="about" />
+	<Contact id="contact" />
 </Layout>