diff --git a/app/components/objects/MusicInfoButton.tsx b/app/components/objects/Button.tsx
similarity index 100%
rename from app/components/objects/MusicInfoButton.tsx
rename to app/components/objects/Button.tsx
diff --git a/app/components/objects/MusicInfo.tsx b/app/components/objects/MusicInfo.tsx
index 2ffd98b..eb1e9ca 100644
--- a/app/components/objects/MusicInfo.tsx
+++ b/app/components/objects/MusicInfo.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import MusicInfoButton from './MusicInfoButton';
+import Button from './Button';
 
 interface TimePeriod {
   title: string;
@@ -18,7 +18,7 @@ const MusicInfo: React.FC = () => {
         <section key={period.slug} className="mb-12">
           <h2 className="text-2xl font-semibold mb-4">{period.title}</h2>
           <div className="flex justify-center">
-            <MusicInfoButton 
+            <Button 
               href={`/time-periods/${period.slug}/what-was-going-on`}
               label="WHAT WAS GOING ON"
             />
diff --git a/app/components/pages/Home.tsx b/app/components/pages/Home.tsx
index f516399..4427e6c 100644
--- a/app/components/pages/Home.tsx
+++ b/app/components/pages/Home.tsx
@@ -1,4 +1,5 @@
 import Image from 'next/image'
+import Button from '../objects/Button'
 
 export default function Home() {
   return (
@@ -31,9 +32,10 @@ export default function Home() {
       <section id="contact">
         <h2 className="text-2xl font-semibold mb-4 text-gray-200">Send me a message</h2>
         <p className="text-gray-300 mb-6">Feel free to reach out for collaborations or just a hello :)</p>
-        <a href="/contact" className="bg-gray-700 text-white px-8 py-3 rounded-full hover:bg-gray-600 transition-colors text-lg font-medium">
-          Contact Me
-        </a>
+        <Button 
+          href={'/contact'}
+          label="Contact Me"
+        />
       </section>
     </div>
   )