first homepage layout

src/components/Home/Hero/Hero.tsx

@@ -0,0 +1,16 @@
+import styles from "./hero.module.css";
+const Hero = () => {
+  return (
+    <div
+      className={`w-full border-t-2 border-[#E3DEDA] relative mt-[.9375rem] mb-0 sm:mb-[2.25rem] regLap:h-[30rem] xl:h-[26.875rem] lg:h-[25rem] md:h-[21.875rem] sm:h-[18.75rem] h-[15.625rem] object-cover ${styles.heroBg}`}
+    >
+      <div className="containerMode flex justify-between gap-1 xl:gap-8">
+        <h1 className="max-w-[32.9375rem] font-extrabold text-[1.3rem] leading-[2.5rem] sm:text-[3.625rem] sm:leading-[4.3869rem] text-[#5C2684]">
+          PREMIUM SALARY LOAN
+        </h1>
+      </div>
+    </div>
+  );
+};
+
+export default Hero;