1 files changed, 17 insertions, 0 deletions
diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
new file mode 100644
index 0000000..56bf984
--- /dev/null
+++ b/src/app/components/Header.tsx
@@ -0,0 +1,17 @@
+interface HeaderProps {
+    title: string;
+    description: string;
+}
+
+const Header = ({title, description}: HeaderProps) => {
+    return (
+        <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
+            <div className="md:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
+                <h1 className="font-medium text-4xl">{title}</h1>
+                <h2 className="font-light text-lg">{description}</h2>
+            </div>
+        </div>
+    )
+}
+
+export default Header;
+\ No newline at end of file