diff --git a/src/components/Header/ContentMenuHeader.tsx b/src/components/Header/ContentMenuHeader.tsx
new file mode 100644
index 0000000..a11f752
--- /dev/null
+++ b/src/components/Header/ContentMenuHeader.tsx
@@ -0,0 +1,19 @@
+import { NavLink } from "react-router-dom";
+
+export const ContentMenuHeader = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+ >
+ );
+};
diff --git a/src/components/Header/HeaderDesktop.tsx b/src/components/Header/HeaderDesktop.tsx
new file mode 100644
index 0000000..c29e19e
--- /dev/null
+++ b/src/components/Header/HeaderDesktop.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { NavLink } from "react-router-dom";
+
+import LogoM3 from "../assets/imgs/SVGs/M3Logo_desktop.svg";
+import CartIcon from "../assets/imgs/SVGs/CartIcon_desktop.svg";
+
+import { ContentMenuHeader } from "./ContentMenuHeader";
+
+import "./HeaderDesktop.modules.scss";
+
+export const HeaderDesktop = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ ENTRAR
+
+
+
+
+
+
+
+
+
+
+
+ >
+ );
+};
diff --git a/src/components/Header/HeaderMobile.tsx b/src/components/Header/HeaderMobile.tsx
new file mode 100644
index 0000000..e87fc82
--- /dev/null
+++ b/src/components/Header/HeaderMobile.tsx
@@ -0,0 +1,38 @@
+import { useState } from "react";
+import { NavLink } from "react-router-dom";
+
+import LogoM3 from "../assets/imgs/SVGs/Logo-M3Academy_mobile.svg";
+import CartIcon from "../assets/imgs/SVGs/minicart_mobile.svg";
+import MenuHamburguer from "../assets/imgs/SVGs/MenuHamburguer.svg";
+import { MenuHeader } from "../MenuHeader";
+
+import "./HeaderMobile.modules.scss";
+
+export const HeaderMobile = () => {
+ const [isOpened, setIsOpened] = useState(false);
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+ );
+};