diff --git a/public/images/company/1.jpg b/public/images/company/1.jpg new file mode 100644 index 0000000..e9d3951 Binary files /dev/null and b/public/images/company/1.jpg differ diff --git a/public/images/company/2.jpg b/public/images/company/2.jpg new file mode 100644 index 0000000..8b12a8e Binary files /dev/null and b/public/images/company/2.jpg differ diff --git a/public/images/company/3.png b/public/images/company/3.png new file mode 100644 index 0000000..fac18a5 Binary files /dev/null and b/public/images/company/3.png differ diff --git a/src/components/companyPage/OurStory.tsx b/src/components/companyPage/OurStory.tsx new file mode 100644 index 0000000..2c8188f --- /dev/null +++ b/src/components/companyPage/OurStory.tsx @@ -0,0 +1,87 @@ +const OurStory = () => { + return ( +
+
+ Our story +
+
+
+ Company +
+

+ IRTH is prominently positioned among the top tier establishments + in United Arab Emirates, a family backed investment company with + core values of trust, strength and agility. +

+
+

+ IRTH embodies the essence of legacy, anchoring its roots in the + heart of a vibrant Dubai. As a part of a distinguished local + family conglomerate, our privately held real estate investment + platform draws strength from a heritage spanning over a century. +

+

+ At IRTH, our foundation is built upon three CORE values: Trust, + Strength, and Agility. These principles serve as our guiding + light, propelling us forward as a prominent player in the realm + of real estate investment. We proudly stand among the elite + establishments within the UAE, a testament to our unwavering + commitment to excellence. +

+
+
+
+
+ 2 + 2 +
+
+
+

+ Our influence extends even further through strategic + partnerships with esteemed local and international hospitality + brands, elevating our stature and enriching our portfolio. With + an unwavering dedication to investment, IRTH paves the way for a + diverse range of property ventures. Our footprint is set to + expand both within the dynamic landscapes of Dubai and across + international horizons. As we forge ahead, our legacy remains + intertwined with the enduring values of trust, strength, and + agility. +

+

+ The Alshamsi Family , the visionary founders behind IRTH, have + sown the seeds of a legacy that continues to flourish. Our story + is one of resilience, growth, and an unyielding pursuit of + excellence. +

+
+
+ 2 +
+
+
+
+
+ ); +}; + +export default OurStory; diff --git a/src/components/header/Auth/Auth.tsx b/src/components/header/Auth/Auth.tsx index 4f82e30..2cbc662 100644 --- a/src/components/header/Auth/Auth.tsx +++ b/src/components/header/Auth/Auth.tsx @@ -2,8 +2,11 @@ import { isMobile } from "react-device-detect"; import AuthDesktop from "./AuthDesktop"; import AuthMobile from "./AuthMobile"; -const Auth = () => { - const isAuth = false; +interface AuthProps { + isAuth?: boolean; +} + +const Auth = ({ isAuth = false }: AuthProps) => { const userName = "Name"; return ( diff --git a/src/components/header/Auth/AuthMobile.tsx b/src/components/header/Auth/AuthMobile.tsx index c293680..b60d4a5 100644 --- a/src/components/header/Auth/AuthMobile.tsx +++ b/src/components/header/Auth/AuthMobile.tsx @@ -7,18 +7,20 @@ interface AuthProps { const AuthMobile = ({ isAuth, userName }: AuthProps) => { return ( -
+ <> {isAuth ? ( - <> +

{userName}

{/* avatar */}
- +
) : ( -
)} - + ); }; diff --git a/src/components/header/Header/DesktopHeader.tsx b/src/components/header/Header/DesktopHeader.tsx index 11d42ee..d415936 100644 --- a/src/components/header/Header/DesktopHeader.tsx +++ b/src/components/header/Header/DesktopHeader.tsx @@ -4,7 +4,7 @@ import Navbar from "../Navbar/Navbar"; import Location from "../Location"; const DesktopHeader = () => ( -
+
diff --git a/src/components/header/Header/MobileHeader.tsx b/src/components/header/Header/MobileHeader.tsx index 161e685..8e4cfdd 100644 --- a/src/components/header/Header/MobileHeader.tsx +++ b/src/components/header/Header/MobileHeader.tsx @@ -6,35 +6,38 @@ import Location from "../Location"; const MobileHeader = () => { const [isToggled, setIsToggled] = useState(false); + const isAuth = false; const handleOnToggleClick = () => { setIsToggled((prev) => !prev); }; return (
-
+
-
-
-
- +
+ {isAuth && ( +
+
+ )} + +
- - + {!isAuth && }
); diff --git a/src/components/header/Navbar/Navbar.tsx b/src/components/header/Navbar/Navbar.tsx index cb279cf..25f9082 100644 --- a/src/components/header/Navbar/Navbar.tsx +++ b/src/components/header/Navbar/Navbar.tsx @@ -1,21 +1,40 @@ -import { useState } from "react"; +import { useEffect, useState } from "react"; import { isMobile } from "react-device-detect"; +import { useNavigate, useLocation } from "react-router-dom"; import { Tab } from "../../../types/tab"; import NavbarDesktop from "./NavbarDesktop"; import NavbarMobile from "./NavbarMobile"; +import { tabs } from "../../../consts/tabs"; const Navbar = () => { const [selectedTab, setSelectedTab] = useState(null); + const location = useLocation(); + useEffect(() => { + const pathname = location.pathname; + const tab = tabs.find((tab) => tab.path === pathname); + const defaultTab = tabs[0]; + if (tab) { + setSelectedTab(tab); + } else { + setSelectedTab(defaultTab); + } + }, [location.pathname]); + const navigate = useNavigate(); const onTabClick = (tab: Tab) => { setSelectedTab(tab); + navigate(tab.path); }; return ( <> {isMobile ? ( - + ) : ( - + )} ); diff --git a/src/components/header/Navbar/NavbarDesktop.tsx b/src/components/header/Navbar/NavbarDesktop.tsx index fda8735..20641c5 100644 --- a/src/components/header/Navbar/NavbarDesktop.tsx +++ b/src/components/header/Navbar/NavbarDesktop.tsx @@ -1,16 +1,16 @@ -import { tabs } from "../../../consts/tabs"; import { Tab } from "../../../types/tab"; -import NavbarTab from "../NavbarTab"; +import NavbarTabDesktop from "./NavbarTabDesktop"; interface NavbarProps { selectedTab: Tab | null; onTabClick: (tab: Tab) => void; + tabs: Tab[]; } -const NavbarDesktop = ({ selectedTab, onTabClick }: NavbarProps) => ( +const NavbarDesktop = ({ selectedTab, onTabClick, tabs }: NavbarProps) => (