upadte: Header

Sahil4883 · Jan 10, 2025 · bc0cd75 · bc0cd75
1 parent f3337f6
commit bc0cd75
Showing 1 changed file with 29 additions and 4 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -1,9 +1,34 @@
-const Header = ({ title, subtitle }) => {
+import React from "react";
+
+const Header = (props) => {
   return (
-    <div className="bg-dark h-screen flex justify-center items-center text-center">
+    <div
+      style={{
+        height: "100vh",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        textAlign: "center",
+      }}
+      className="bg-dark"
+    >
       <div className="container">
-        <h1 className="text-white text-3xl">{title}</h1>
-        <p className="text-gray-400 text-xl">{subtitle}</p>
+        <h1
+          style={{
+            color: "white",
+            fontSize: "3rem",
+          }}
+        >
+          {props.title}
+        </h1>
+        <p
+          style={{
+            fontSize: "1.5rem",
+            color: "gray",
+          }}
+        >
+          {props.subtitle}
+        </p>
       </div>
     </div>
   );