mobile header styled + refactoring + our strory section on company

src/pages/Company.tsx

@@ -0,0 +1,16 @@
+import { isMobile } from "react-device-detect";
+import OurStory from "../components/companyPage/OurStory";
+
+const Company = () => {
+  return (
+    <section className={`xl:py-16 py-10 font-usual ${isMobile ? "pt-24" : ""}`}>
+      <h1 className="uppercase font-mixcase xl:text-[56px] sm:text-[40px] xl:leading-[56px] sm:leading-[40px] text-[28px] leading-[28px] xl:indent-[261px] xl:pb-16 pb-10 xl:px-6 px-4">
+        IRTH is a privately held real estate investment platform part of a large
+        local family conglomerate from Dubai
+      </h1>
+      <OurStory />
+    </section>
+  );
+};
+
+export default Company;

src/pages/Masterplan.tsx

@@ -3,7 +3,7 @@ import useModal from "../store/useModal";
 import ZoomHint from "../components/modals/ZoomHint";
 import Map from "../components/map/Map";
 
-const Main = () => {
+const Masterplan = () => {
   const { setModal } = useModal();
   useEffect(() => {
     setModal(<ZoomHint />);
@@ -16,4 +16,4 @@ const Main = () => {
   );
 };
 
-export default Main;
+export default Masterplan;