diff --git a/client/public/images/pages/About/1.jpg b/client/public/images/pages/About/1.jpg new file mode 100644 index 0000000..93de356 Binary files /dev/null and b/client/public/images/pages/About/1.jpg differ diff --git a/client/public/images/pages/AboutProject/3.jpg b/client/public/images/pages/AboutProject/3.jpg new file mode 100644 index 0000000..5e219b3 Binary files /dev/null and b/client/public/images/pages/AboutProject/3.jpg differ diff --git a/client/public/images/pages/AboutProject/consultant-logos/archcorp.svg b/client/public/images/pages/AboutProject/consultant-logos/archcorp.svg new file mode 100644 index 0000000..3a01cef --- /dev/null +++ b/client/public/images/pages/AboutProject/consultant-logos/archcorp.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/client/public/images/pages/AboutProject/consultant-logos/octa.svg b/client/public/images/pages/AboutProject/consultant-logos/octa.svg new file mode 100644 index 0000000..f6b6288 --- /dev/null +++ b/client/public/images/pages/AboutProject/consultant-logos/octa.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/client/public/images/pages/AboutProject/consultant-logos/scla.svg b/client/public/images/pages/AboutProject/consultant-logos/scla.svg new file mode 100644 index 0000000..1850c61 --- /dev/null +++ b/client/public/images/pages/AboutProject/consultant-logos/scla.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/client/public/images/pages/AboutProject/consultant-logos/studio-feel.svg b/client/public/images/pages/AboutProject/consultant-logos/studio-feel.svg new file mode 100644 index 0000000..6cb8460 --- /dev/null +++ b/client/public/images/pages/AboutProject/consultant-logos/studio-feel.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/client/public/images/pages/AboutProject/consultant-logos/zebra.svg b/client/public/images/pages/AboutProject/consultant-logos/zebra.svg new file mode 100644 index 0000000..20f7b73 --- /dev/null +++ b/client/public/images/pages/AboutProject/consultant-logos/zebra.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/client/public/images/pages/AboutProject/slider/1.jpg b/client/public/images/pages/AboutProject/slider/1.jpg new file mode 100644 index 0000000..515aea0 Binary files /dev/null and b/client/public/images/pages/AboutProject/slider/1.jpg differ diff --git a/client/public/images/pages/AboutProject/slider/2.jpg b/client/public/images/pages/AboutProject/slider/2.jpg new file mode 100644 index 0000000..1779d64 Binary files /dev/null and b/client/public/images/pages/AboutProject/slider/2.jpg differ diff --git a/client/public/images/pages/AboutProject/slider/3.jpg b/client/public/images/pages/AboutProject/slider/3.jpg new file mode 100644 index 0000000..5b65f0a Binary files /dev/null and b/client/public/images/pages/AboutProject/slider/3.jpg differ diff --git a/client/public/images/pages/AboutProject/slider/4.jpg b/client/public/images/pages/AboutProject/slider/4.jpg new file mode 100644 index 0000000..2c38869 Binary files /dev/null and b/client/public/images/pages/AboutProject/slider/4.jpg differ diff --git a/client/public/videos/About/IRTH 1_HIGHRES.mp4 b/client/public/videos/About/IRTH 1_HIGHRES.mp4 new file mode 100644 index 0000000..93466d5 Binary files /dev/null and b/client/public/videos/About/IRTH 1_HIGHRES.mp4 differ diff --git a/client/src/components/AboutProject/AdvantageCard.tsx b/client/src/components/AboutProject/AdvantageCard.tsx index 1ae6ec7..182feef 100644 --- a/client/src/components/AboutProject/AdvantageCard.tsx +++ b/client/src/components/AboutProject/AdvantageCard.tsx @@ -7,7 +7,7 @@ function AdvantageCard({ title, image }: Props) { return (
- +
diff --git a/client/src/components/AboutProject/ConsultantCard.tsx b/client/src/components/AboutProject/ConsultantCard.tsx new file mode 100644 index 0000000..dfd3f3b --- /dev/null +++ b/client/src/components/AboutProject/ConsultantCard.tsx @@ -0,0 +1,20 @@ +interface Props { + title: string; + image: string; +} + +function ConsultantCard({ title, image }: Props) { + return ( +
+
+
+

{title}

+
+
+ +
+
+ ); +} + +export default ConsultantCard; diff --git a/client/src/components/AboutProject/PlaceCard.tsx b/client/src/components/AboutProject/PlaceCard.tsx index deaefe7..ddae9f0 100644 --- a/client/src/components/AboutProject/PlaceCard.tsx +++ b/client/src/components/AboutProject/PlaceCard.tsx @@ -14,7 +14,7 @@ function AboutProjectPlaceCard({ title, desc, image }: Props) {

{desc}

- + ); } diff --git a/client/src/components/AboutProject/Slider.tsx b/client/src/components/AboutProject/Slider.tsx new file mode 100644 index 0000000..f602696 --- /dev/null +++ b/client/src/components/AboutProject/Slider.tsx @@ -0,0 +1,126 @@ +import { useEffect, useRef, useState } from "react"; +import Button2 from "../Button2"; +import ArrowLeftIcon from "../icons/ArrowLeftIcon"; +import ArrowRightIcon from "../icons/ArrowRightIcon"; + +const slides = [ + { + image: "/images/pages/AboutProject/slider/1.jpg", + title: "Rove Home", + desc1: + "Rove Home branded residences are an extension of the Rove Hotels brand. These branded residences are for hassle-free living, with personalized expressions of your ideal living environment. ", + desc2: + "We’ve handpicked prime locations to ensure you get the very best. From interiors that uplift and energise, and amenities that are thoughtful and engaging to contemporarily stylish yet cosy apartments, we decided that this is the kind of place where we’d like to live – so we set out to build exactly that. We think you’ll agree.", + }, + { + image: "/images/pages/AboutProject/slider/2.jpg", + title: "A home for the young and young-at-heart", + desc1: + "The dynamic essence of Rove comes to life at an all new address - Marasi Drive, Business Bay. Enjoy an urban living experience beyond the ordinary. Join us on this exciting journey as we unfold innovations transforming your daily moments into unforgettable living experiences in true Rove style. ", + desc2: + "Enjoy every facet of contemporary lifestyle living, prioritizing value, efficiency, and a vibrant atmosphere. It is more than just a home.", + }, + { + image: "/images/pages/AboutProject/slider/3.jpg", + title: "Marasi Drive", + desc1: + "In the heart of Dubai’s Business Bay, Marasi Drive offers a captivating canal-side stroll in a vibrant central district, blending residential, commercial, and leisure amenities seamlessly. ", + desc2: + "Marasi Drive’s proximity to Downtown Dubai, grants easy access to its iconic attractions, its strategic location ensures seamless connectivity to Al Khail Road and Sheikh Zayed Road, facilitating effortless travel across the city and beyond", + }, + { + image: "/images/pages/AboutProject/slider/4.jpg", + title: "Unique and innovative", + desc1: + "At Rove Home Marasi Drive, you can feel the exhilaration in the atmosphere! We’ve expertly crafted an urban oasis where captivating design, vibrant art, and cutting-edge technology come together seamlessly. ", + desc2: + "Our commitment to shaping a space that tickles your artistic sensibilities and ignites your love for innovation is unparalleled. It’s a place that would surely excite and delight Rovers like no other!", + }, +]; + +function Slider() { + const [selectedSlideIndex, setSelectedSlideIndex] = useState(0); + const imageWrapperRef = useRef(null); + + function prev() { + if (selectedSlideIndex === 0) return; + setSelectedSlideIndex((prev) => prev - 1); + } + + function next() { + if (selectedSlideIndex === slides.length - 1) return; + setSelectedSlideIndex((prev) => prev + 1); + } + + useEffect(() => { + if (!imageWrapperRef.current) return; + }, []); + + return ( + <> +
+
+ {slides.map((slide, index) => ( + + ))} +
+ +
+
+

+ {slides[selectedSlideIndex].title} +

+

{slides[selectedSlideIndex].desc1}

+

{slides[selectedSlideIndex].desc2}

+
+
+
+ + } + onlyIcon + onClick={prev} + /> + + } + onlyIcon + onClick={next} + /> +
+

+ {selectedSlideIndex + 1}/{slides.length} +

+
+
+
+ + ); +} + +export default Slider; diff --git a/client/src/components/AboutProject/UnitCard.tsx b/client/src/components/AboutProject/UnitCard.tsx index 73a4235..54efa80 100644 --- a/client/src/components/AboutProject/UnitCard.tsx +++ b/client/src/components/AboutProject/UnitCard.tsx @@ -30,7 +30,7 @@ function UnitCard({ title, desc1, desc2, square, price, image }: Props) { diff --git a/client/src/pages/AboutPage.tsx b/client/src/pages/AboutPage.tsx index f7767e1..c719ae8 100644 --- a/client/src/pages/AboutPage.tsx +++ b/client/src/pages/AboutPage.tsx @@ -1,27 +1,143 @@ -import { isMobile } from "react-device-detect"; -import OurStory from "../components/companyPage/OurStory"; -import InvestmentPortfolio from "../components/companyPage/InvestmentPortfolio"; -import OurValues from "../components/companyPage/OurValues/OurValues"; - const AboutPage = () => { return ( -
-

- IRTH is a privately held real estate investment platform part of a large - local family conglomerate from Dubai -

- -

- IRTHS’s real estate portfolio is spread across numerous projects, below - is a snapshot of some of our current and previous investments -

- - -
+
+
+

+ Welcome to IRTH – a name etched in legacy +

+
+
+ +
+
+

+ IRTH is a privately held real estate investment platform. Based on + the philosophy of value creation, innovation and building + world-class living experiences, IRTH is founded on a promise of + solid commitment to excellence, trust, and quality. +

+

+ 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, we draw strength from a heritage spanning + over a century. +

+
+
+
+
+
+
+

+ Our Portfolio +

+
+

+ IRTH group’s real estate portfolio is spread across various + sectors and countries. With thorough market research, IRTH + identifies promising investment opportunities that yield high + returns and continues to grow its property portfolio in key + markets such as the United Arab Emirates and Europe. +

+

+ In 2023, IRTH announced its partnership with Rove Hotels, to + build ROVE HOME branded residences. With key developments at + prime locations, IRTH continues to build on its legacy - founded + on a solid commitment to excellence, trust and quality lifestyle + living. +

+
+
+

+ We take pride in offering the best-in-class locations and properties + for value-based investment opportunities - setting new standards in + the real estate market in the region. +

+
+
+ +
+
+
+

Nef Kandilli

+
+

Istanbul

+
+
+
+
+

+ Our foundation is built upon three core values +

+
+
+
+

+ Trust +

+
+

+ Trust is the cornerstone of IRTH's foundation. We uphold an + unshakeable commitment to transparency, integrity, and ethical + practices in every facet of our operations. +

+

+ Through open communication and responsible stewardship, we + build enduring relationships with our stakeholders and + business partners, ensuring that trust is at the heart of + every interaction. +

+
+
+
+

+ Strength +

+
+

+ Strength isn't just a physical attribute; it's a reflection of + our resilience, determination, and unwavering resolve. +

+

+ At IRTH, we harness the strength of our heritage, experience, + and expertise to overcome challenges and seize opportunities. + With a robust foundation, we stand strong, poised to create + lasting impact and achieve remarkable results. +

+
+
+
+

+ Agility +

+
+

+ In a rapidly evolving landscape, adaptability is paramount. + IRTH embraces agility as a guiding principle, allowing us to + swiftly respond to changing dynamics and emerging trends. +

+

+ Our flexible mindset empowers us to navigate complexities, + explore new avenues, and innovate with confidence, ensuring + that we remain at the forefront of progress. +

+
+
+
+

+ 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 +

+
+
+
); }; diff --git a/client/src/pages/AboutProjects2Page.tsx b/client/src/pages/AboutProjects2Page.tsx index 02b54e6..e8940f6 100644 --- a/client/src/pages/AboutProjects2Page.tsx +++ b/client/src/pages/AboutProjects2Page.tsx @@ -1,13 +1,18 @@ +import { useNavigate } from "react-router-dom"; import AdvantageCard from "../components/AboutProject/AdvantageCard"; import PlaceCard from "../components/AboutProject/PlaceCard"; import UnitCard from "../components/AboutProject/UnitCard"; import Button2 from "../components/Button2"; import ArrowLeftIcon from "../components/icons/ArrowLeftIcon"; -import ArrowRightIcon from "../components/icons/ArrowRightIcon"; +import Logo2Icon from "../components/icons/Logo2Icon"; +import ConsultantCard from "../components/AboutProject/ConsultantCard"; +import Slider from "../components/AboutProject/Slider"; function AboutProjects2Page() { + const navigate = useNavigate(); + return ( -
+

Rove Home this residence a complete ecosystem that has everything @@ -16,7 +21,7 @@ function AboutProjects2Page() { It’s where you’ll thrive.

-
+

ABOUT ROVE HOME @@ -27,59 +32,25 @@ function AboutProjects2Page() { exceptional location and an extended playlist of life-enhancing{" "}

- }>Masterplan + } + onClick={() => navigate("/masterplan/1/wing")} + > + Masterplan +
-
+
-
- -
-
-

Rove Home

-

- Rove Home branded residences are an extension of the Rove Hotels - brand. These branded residences are for hassle-free living, with - personalized expressions of your ideal living environment. -

-

- We’ve handpicked prime locations to ensure you get the very best. - From interiors that uplift and energise, and amenities that are - thoughtful and engaging to contemporarily stylish yet cosy - apartments, we decided that this is the kind of place where we’d - like to live – so we set out to build exactly that. We think - you’ll agree. -

-
-
-
- } - onlyIcon - /> - } - onlyIcon - /> -
-

1/4

-
-
+
+
@@ -144,7 +115,11 @@ function AboutProjects2Page() {
- +
@@ -174,7 +149,7 @@ function AboutProjects2Page() {
-

+

Live in the future, today. Designed to embody Rove’s unique look and feel, the interiors will feature intelligent and modular living solutions by ORI, never seen before in UAE and the region. @@ -202,17 +177,17 @@ function AboutProjects2Page() {

@@ -256,6 +231,79 @@ function AboutProjects2Page() { /> +
+

+ Founded under Alshamsi family, IRTH is a real estate investment + platform - based on the philosophy of value creation, innovation and + building world-class living experiences. +

+
+

+ ABOUT THE DEVELOPER +

+
+
+
+ +
+

+ IRTH’s vision is long-term, supported with a proactive + approach, swift actions, strong financial backing, and + high-quality projects - bridging the gap between ambition + and success. IRTH continues seeking new opportunities and + broadening horizons – thriving in any market situation + through an extensive land bank and strategic partnerships. +

+

+ At IRTH, we take pride in offering the best-inclass + locations and properties for value-based investment + opportunities - setting new standards in the real estate + market in the region. We are IRTH – The Future of Real + Estate. +

+
+
+ Learn more +
+
+ +
+
+
+
+
+

+ MAIN CONSULTANTS +

+
+ + +
+ +
+ + +
+
);