diff --git a/src/components/Cart/Cart.tsx b/src/components/Cart/Cart.tsx
new file mode 100644
index 0000000..3266bc6
--- /dev/null
+++ b/src/components/Cart/Cart.tsx
@@ -0,0 +1,16 @@
+import styles from "./cart.module.scss";
+import cartImg from "./assets/image/cart.png";
+
+const Cart = () => {
+  return (
+    <a className={styles["cartLink"]} href="/">
+      <img
+        className={styles["cartImg"]}
+        src={cartImg}
+        alt="Carrinho de compras"
+      />
+    </a>
+  );
+};
+
+export { Cart };
diff --git a/src/components/Cart/assets/image/cart.png b/src/components/Cart/assets/image/cart.png
new file mode 100644
index 0000000..fc5c505
Binary files /dev/null and b/src/components/Cart/assets/image/cart.png differ
diff --git a/src/components/Cart/cart.module.scss b/src/components/Cart/cart.module.scss
new file mode 100644
index 0000000..fd040a1
--- /dev/null
+++ b/src/components/Cart/cart.module.scss
@@ -0,0 +1,17 @@
+.cartLink {
+  display: flex;
+  width: 28px;
+  height: 28px;
+  @media screen and (min-width: 2500px) {
+    width: 54.68px;
+    height: 38.91px;
+  }
+}
+.cartImg {
+  width: 28px;
+  height: 28px;
+  @media screen and (min-width: 2500px) {
+    width: 54.68px;
+    height: 38.91px;
+  }
+}
diff --git a/src/components/Enter/Enter.tsx b/src/components/Enter/Enter.tsx
new file mode 100644
index 0000000..78ffac7
--- /dev/null
+++ b/src/components/Enter/Enter.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import styles from "./enter.module.scss";
+
+const Enter = () => {
+  return (
+    <a className={styles["enterLink"]} href="/">
+      ENTRAR
+    </a>
+  );
+};
+
+export { Enter };
diff --git a/src/components/Enter/enter.module.scss b/src/components/Enter/enter.module.scss
new file mode 100644
index 0000000..09d1155
--- /dev/null
+++ b/src/components/Enter/enter.module.scss
@@ -0,0 +1,14 @@
+.enterLink {
+  display: flex;
+  width: 53px;
+  height: 16px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #ffffff;
+  text-decoration: none;
+  @media screen and (min-width: 2500px) {
+    width: 105px;
+    height: 33px;
+    font-size: 28px;
+  }
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 45505e6..4109ed2 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,11 +1,11 @@
 import React from "react";
-import { SearchBox } from "../components/SearchBox/SearchBox";
+import { Cart } from "../components/Cart/Cart";
 
 const Home = () => {
-  const style = { background: "white" };
+  const style = { background: "black" };
   return (
     <div style={style}>
-      <SearchBox></SearchBox>
+      <Cart></Cart>
     </div>
   );
 };