cretead template and header component

src/components/header/header.css

@@ -0,0 +1,12 @@
+.header {
+  height: 95vh;
+  background-image: linear-gradient(
+      to right bottom,
+      rgba(126, 213, 111, 0.8),
+      rgba(40, 180, 133, 0.8)
+    ),
+    url(../../commons/images/hero.jpg);
+  background-size: cover;
+  background-position: top;
+  clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
+}

src/components/header/header.js

@@ -0,0 +1,7 @@
+import "./header.css";
+
+function Header() {
+  return <header className="header">Text...</header>;
+}
+
+export default Header;