diff --git a/components/layout/announcement/announcement.component.jsx b/components/layout/announcement/announcement.component.jsx
index 7631ca9..5fe925c 100644
--- a/components/layout/announcement/announcement.component.jsx
+++ b/components/layout/announcement/announcement.component.jsx
@@ -1,7 +1,11 @@
-import AnnouncementBar from "../../announcement-bar/announcement-bar.component";
-
+import Bar from "../../bar/bar.component";
 import "./announcement.styles.scss";
 
 export default function Announcement() {
-  return <AnnouncementBar />;
+  return (
+    <Bar>
+      <a href="mailto:info@karsalorme.com.tr">info@karsalorme.com.tr</a>
+      <a href="tel:+902123456789">+90 (212) 345 67 89</a>
+    </Bar>
+  );
 }
diff --git a/components/layout/footer/footer.component.jsx b/components/layout/footer/footer.component.jsx
index 8f2a74d..ca64038 100644
--- a/components/layout/footer/footer.component.jsx
+++ b/components/layout/footer/footer.component.jsx
@@ -1,13 +1,14 @@
-import "./footer.styles.scss";
+import Bar from "../../bar/bar.component";
 
 export default function Footer() {
   return (
-    <footer className="footer-container">
+    <Bar height={"7vh"}>
       <span>Tüm hakları saklıdır 2020 © Karsal Örme A. Ş.</span>
       <span>
-        <a href="mailto:info@karsalorme.com.tr">info@karsalorme.com.tr</a> |
-        tel. <a href="tel:+902123456789">+90 (212) 345 67 89</a>
+        <a href="mailto:info@karsalorme.com.tr">info@karsalorme.com.tr</a>
+        &nbsp;|&nbsp;
+        <a href="tel:+902123456789">tel. +90 (212) 345 67 89</a>
       </span>
-    </footer>
+    </Bar>
   );
 }