diff --git a/public/nemmy.gif b/public/nemmy.gif
new file mode 100644
index 0000000..d47094c
Binary files /dev/null and b/public/nemmy.gif differ
diff --git a/src/components/Friendbutton.astro b/src/components/Friendbutton.astro
new file mode 100644
index 0000000..4e5161e
--- /dev/null
+++ b/src/components/Friendbutton.astro
@@ -0,0 +1,12 @@
+---
+const { website, image, name }=Astro.props
+---
+
+<a href={website}>
+    <img title={name} src={image} class="image">
+</a>
+<style>
+.image{border-radius: 100%;
+ width: 10%;}
+ a{text-decoration: none;}
+</style>
\ No newline at end of file
diff --git a/src/components/friends.astro b/src/components/friends.astro
index dfe218e..c5f5043 100644
--- a/src/components/friends.astro
+++ b/src/components/friends.astro
@@ -1,13 +1,10 @@
 ---
+import FriendButton from "../components/Friendbutton.astro"
 ---
 <section id="Friends">
     <h2>Friends Sites!</h2>
-    <div>
-        <form action="https://google.com">
-        <button class="fbutton">
-                <img class="buttonimg" title="test" src="/public/vee.png">
-        </button>
-</form>
-</a>
-    </div>
+    <span>
+        <FriendButton website="https://elh.gay" image="/public/vee.png" title="vee"/>
+        <FriendButton website=" https://pandaptable.moe" image="/public/nemmy.gif" title="nemmy"/>
+    </span>
 </section>
\ No newline at end of file