}\r\n\t\t\t\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './NavbarDrawer.css'\r\nimport NavbarDrawerDropdown from './NavbarDrawerDropdown.js'\r\nimport NavbarDrawerNonDropdown from './NavbarDrawerNonDropdown.js'\r\nimport {company_profile, company_industries, company_team, contact_us} from './NavbarLinks';\r\n\r\n\r\nexport default class NavbarDrawer extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\trender() {\r\n\t\tlet drawerClasses = ['navbar_drawer'];\r\n\r\n\t\tif (this.props.show) {\r\n\t\t\tdrawerClasses = ['navbar_drawer open']\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport { Link } from 'react-router-dom'\r\nimport './NavbarDrawerDropdown.css';\r\n\r\nexport default class NavbarDrawerNonDropdown extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './Backdrop.css'\r\n\r\nexport default class Backdrop extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './Footer.css';\r\nimport logo from '../../images/pplogo-64.png';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEnvelope, faPhone } from '@fortawesome/free-solid-svg-icons';\r\n\r\n\r\nexport default class Footer extends Component {\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t)\r\n\t}\r\n};\r\n","import React, { memo } from \"react\";\r\n\r\nconst s = {\r\n container: \"abs fullW fullH\",\r\n slideImage: \"fullH fullW imgCover\"\r\n};\r\n\r\nconst Slide = ({ position, transition, image }) => {\r\n return (\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default memo(Slide);\r\n","import React, { Component } from \"react\";\r\nimport Slide from \"./Slide\";\r\n\r\nconst s = {\r\n container: \"fullW fullH rel overflowH\",\r\n onScreen: \"left0\",\r\n offScreenRight: \"left100vw\",\r\n offScreenLeft: \"leftM100vw\",\r\n transition: \"transition1l\"\r\n};\r\n\r\nclass Slideshow extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n slide1: {\r\n id: 0,\r\n position: s.onScreen,\r\n transition: true\r\n },\r\n slide2: {\r\n id: 1,\r\n position: s.offScreenRight,\r\n transition: true\r\n },\r\n currentId: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.startCarousel();\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.carouselInterval);\r\n }\r\n\r\n startCarousel = () => {\r\n this.carouselInterval = setInterval(() => {\r\n this.transitionSlides();\r\n }, 4000);\r\n };\r\n\r\n setSlideState = (slide1, slide2, currentId) => {\r\n this.setState({\r\n slide1: slide1,\r\n slide2: slide2,\r\n currentId: currentId\r\n });\r\n };\r\n\r\n transitionSlides = () => {\r\n const { slide1, slide2 } = this.state;\r\n let currentId;\r\n if (slide1[\"position\"] === s.onScreen) {\r\n slide1[\"position\"] = s.offScreenLeft;\r\n slide2[\"position\"] = s.onScreen;\r\n currentId = slide2.id;\r\n } else {\r\n slide1[\"position\"] = s.onScreen;\r\n slide2[\"position\"] = s.offScreenLeft;\r\n currentId = slide1.id;\r\n }\r\n this.setSlideState(slide1, slide2, currentId);\r\n setTimeout(() => {\r\n this.resetSlideOffScreen();\r\n }, 1000);\r\n };\r\n\r\n resetSlideOffScreen = () => {\r\n const { slide1, slide2, currentId } = this.state;\r\n const { slides } = this.props;\r\n if (slide1[\"position\"] === s.offScreenLeft) {\r\n slide1[\"transition\"] = false;\r\n slide1[\"position\"] = s.offScreenRight;\r\n slide1[\"id\"] = slide2.id + 1 === slides.length ? 0 : slide2.id + 1;\r\n } else {\r\n slide2[\"transition\"] = false;\r\n slide2[\"position\"] = s.offScreenRight;\r\n slide2[\"id\"] = slide1.id + 1 === slides.length ? 0 : slide1.id + 1;\r\n }\r\n this.setSlideState(slide1, slide2, currentId);\r\n this.resetSlideTransitions(slide1, slide2, currentId);\r\n };\r\n\r\n resetSlideTransitions = (slide1, slide2, currentId) => {\r\n setTimeout(() => {\r\n slide1[\"transition\"] = true;\r\n slide2[\"transition\"] = true;\r\n this.setSlideState(slide1, slide2, currentId);\r\n }, 500);\r\n };\r\n\r\n render() {\r\n const { slide1, slide2, currentId } = this.state;\r\n const { slides } = this.props;\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Slideshow;\r\n","import React, { Component } from \"react\";\r\nimport Slideshow from \"./Slideshow\";\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faChevronDown } from '@fortawesome/free-solid-svg-icons';\r\nimport AnchorLink from 'react-anchor-link-smooth-scroll'\r\n\r\nimport slide1 from \"../../../images/jumbotron/1.jpg\";\r\nimport slide2 from \"../../../images/jumbotron/2.jpg\";\r\nimport slide3 from \"../../../images/jumbotron/3.jpg\";\r\nimport slide4 from \"../../../images/jumbotron/4.jpg\";\r\nimport slide5 from \"../../../images/jumbotron/5.jpeg\";\r\n\r\n\r\nimport \"./Carousel.css\";\r\nconst s = {\r\n container: \"screenW screenH dGray col link_col\",\r\n header: \"flex1 fCenter fSize2\",\r\n main: \"flex8 white\",\r\n footer: \"flex1 fCenter\"\r\n};\r\nconst slides = [slide1, slide2, slide3, slide4, slide5];\r\n\r\n\r\nexport default class Main extends Component {\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n
\r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t \r\n
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport { Link } from 'react-router-dom'\r\nimport './IndustriesCard.css';\r\n\r\nexport default class IndustriesCard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.props.industry} \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t\r\n\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './Industries.css';\r\nimport IndustriesCard from './IndustriesCard.js'\r\nimport agritech from '../../../images/pplogo-192-agritech.png';\r\nimport capital from '../../../images/pplogo-192-capital.png';\r\nimport energy from '../../../images/pplogo-192-energy.png';\r\nimport medical from '../../../images/pplogo-192-health.png';\r\nimport realestate from '../../../images/pplogo-192-realestate.png';\r\nimport agritechTitle from '../../../images/maintitle/agritechMainTitle.jpg';\r\nimport energyTitle from '../../../images/maintitle/energyMainTitle.jpg';\r\nimport medicalTitle from '../../../images/maintitle/medicalMainTitle.jpg';\r\nimport realestateTitle from '../../../images/maintitle/realEstateMainTitle.jpg';\r\n\r\n\r\n\r\nexport default class Industries extends Component {\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tOUR INDUSTRIES \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tPPI continues to look at new opportunities that are a strategic fit into our existing business from the following sectors: \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport { Link } from 'react-router-dom'\r\nimport './AboutUsCard.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faArrowRight } from '@fortawesome/free-solid-svg-icons';\r\n\r\nexport default class AboutUsCard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.props.title}\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.props.description}\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tFIND OUT MORE \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './AboutUs.css';\r\nimport AboutUsCard from './AboutUsCard.js'\r\nimport agritech from '../../../images/pplogo-192-agritech.png';\r\nimport capital from '../../../images/pplogo-192-capital.png';\r\nimport energy from '../../../images/pplogo-192-energy.png';\r\nimport medical from '../../../images/pplogo-192-health.png';\r\nimport realestate from '../../../images/pplogo-192-realestate.png';\r\nimport agritechTitle from '../../../images/maintitle/agritechMainTitle.jpg';\r\nimport energyTitle from '../../../images/maintitle/energyMainTitle.jpg';\r\nimport medicalTitle from '../../../images/maintitle/medicalMainTitle.jpg';\r\nimport realestateTitle from '../../../images/maintitle/realEstateMainTitle.jpg';\r\nimport { faNetworkWired, faBuilding } from '@fortawesome/free-solid-svg-icons';\r\n\r\n\r\nexport default class AboutUs extends Component {\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tABOUT US \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './TeamCard.css';\r\n\r\nexport default class TheTeam extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
{this.props.name}
\r\n\t\t\t\t\t
{this.props.title}
\r\n\r\n\t\t\t\t\t
{this.props.description}
\r\n\t\t\t\t\t{this.props.description2 &&
{this.props.description2}
}\r\n\t\t\t\t\t{this.props.description3 &&
{this.props.description3}
}\r\n\t\t\t\t\t{this.props.description4 &&
{this.props.description4}
}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tPositions Held:\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition2 && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition2}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition3 && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition3}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition4 && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition4}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition5 && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition5}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition6 && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition6}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t{this.props.lastPosition7 && \r\n\t\t\t\t\t\t\t\t{this.props.lastPosition7}\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './TheTeam.css';\r\nimport midori from '../../../images/MidoriAw.png';\r\nimport william from '../../../images/WilliamLau.png';\r\nimport TeamCard from './TeamCard.js';\r\n\r\nexport default class TheTeam extends Component {\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tKEY MEMBERS \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './MainSite.css';\r\n\r\nimport MainTitle from './MainTitle/MainTitle';\r\nimport Industries from './Industries/Industries';\r\nimport AboutUs from './AboutUs/AboutUs';\r\nimport TheTeam from './TheTeam/TheTeam';\r\n\r\nclass MainSite extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default MainSite;\r\n","import React, {Component} from 'react';\r\nimport { Link } from 'react-router-dom'\r\nimport './IndustryIndividualCard.css';\r\n\r\nexport default class IndustriesIndustryCard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t{ this.props.clickable ?\r\n\t\t\t\t
\r\n\t\t \t\t\t
\r\n\t\t \t\t\t\t
\r\n\t\t \t\t\t\t
\r\n\t\t \t\t\t\t\t
{this.props.title}
\r\n\t\t \t\t\t\t\t
\r\n\t\t \t\t\t\t\t
{this.props.description1}
\r\n\t\t \t\t\t\t\t{this.props.description2 &&
{this.props.description2}
}\r\n\t\t \t\t\t\t\t{this.props.description3 &&
{this.props.description3}
}\r\n\t\t \t\t\t\t\t{this.props.description4 &&
{this.props.description4}
}\r\n\t\t \t\t\t\t
\r\n\t\t \t\t\t\t{this.props.moreEnabled &&
FIND OUT MORE
}\r\n\t\t \t\t\t
\r\n \t\t\t\t :\r\n\t\t\t\t
event.preventDefault()} >\r\n\t\t \t\t\t
\r\n\t\t \t\t\t\t
\r\n\t\t \t\t\t\t
\r\n\t\t \t\t\t\t\t
{this.props.title}
\r\n\t\t \t\t\t\t\t
\r\n\t\t \t\t\t\t\t
{this.props.description1}
\r\n\t\t \t\t\t\t\t{this.props.description2 &&
{this.props.description2}
}\r\n\t\t \t\t\t\t\t{this.props.description3 &&
{this.props.description3}
}\r\n\t\t \t\t\t\t\t{this.props.description4 &&
{this.props.description4}
}\r\n\t\t \t\t\t\t
\r\n\t\t \t\t\t\t{this.props.moreEnabled &&
FIND OUT MORE
}\r\n\t\t \t\t\t
\r\n \t\t\t\t\r\n\t\t\t}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './IAgriculture.css';\r\nimport IndustryIndividualCard from '../Components/IndustryIndividualCard/IndustryIndividualCard.js'\r\nimport agricultureCover from '../../../images/individual/agriculture/AgriCover.jpg';\r\nimport agricultureImgReforestation from '../../../images/individual/agriculture/AgriReforestation.jpg';\r\nexport default class IAgriculture extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
AGRICULTURE
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tPPI has an unparalleled ability to make a significant and positive impact in Asia-Pacific through its world class investment management team. \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './IEnergy.css';\r\nimport IndustryIndividualCard from '../Components/IndustryIndividualCard/IndustryIndividualCard.js'\r\nimport energyCover from '../../../images/individual/energy/EnergyCover.jpeg';\r\nimport oil from '../../../images/individual/energy/Oil.jpg';\r\nimport energy from '../../../images/individual/energy/Energy.jpg';\r\n\r\nexport default class IEnergy extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
ENERGY, OIL & GAS
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tPPI has an unparalleled ability to make a significant and positive impact in Asia-Pacific through its world class investment management team. \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './IHealthcare.css';\r\nimport IndustryIndividualCard from '../Components/IndustryIndividualCard/IndustryIndividualCard.js'\r\nimport medicalCover from '../../../images/individual/medical/MedicalCover.jpg';\r\nimport medicalImg1 from '../../../images/individual/medical/Medical1.jpg'\r\nimport medicalImg2 from '../../../images/individual/medical/PPE.jpg';\r\n\r\nexport default class IHealthcare extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
HEALTHCARE
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tIn 2019, PPI under its subsidiary Aries Holding in the UK has has partner with the leading healthcare providers and operators to build and own exceptional care habitats to meet the increasing demand in 2nd tier cities such as Manchester and Liverpool. \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './IRealestate.css';\r\nimport IndustryIndividualCard from '../Components/IndustryIndividualCard/IndustryIndividualCard.js'\r\nimport realEstateCover from '../../../images/individual/realestate/RealEstateCover.jpg';\r\nimport realEstateImg1 from '../../../images/individual/realestate/RE2.jpg';\r\nimport realEstateImg2 from '../../../images/individual/realestate/RE4.png';\r\nimport realEstateImg3 from '../../../images/individual/realestate/DNB4.jpg';\r\n\r\nexport default class IRealestate extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
REAL ESTATE
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tPPI has an unparalleled ability to make a significant and positive impact in Asia-Pacific through its world class investment management team. \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './INetwork.css';\r\nimport networkimg from '../../../images/network.png';\r\n\r\nexport default class INetwork extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
OUR CORPORATE NETWORK
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tPPI has an unparalleled ability to make a significant and positive impact in Asia-Pacific through its world class investment management team. \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './CompanyProfileCard.css';\r\n\r\nexport default class CompanyProfileCard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
{this.props.title}
\r\n\t\t\t\t
{this.props.subtitle}
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './ICompanyProfile.css';\r\nimport CompanyProfileCard from './CompanyProfileCard.js'\r\nimport beliefsImage from '../../../images/individual/companyprofile/Beliefs.png';\r\nimport visionImage from '../../../images/individual/companyprofile/Vision.png';\r\nimport philosophyImage from '../../../images/individual/companyprofile/Philosophy.png';\r\nimport missionImage from '../../../images/individual/companyprofile/Mission.png';\r\nimport agricultureCover from '../../../images/individual/agriculture/AgriCover.jpg';\r\n\r\nexport default class ICompanyProfile extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
COMPANY PROFILE
\r\n\t\t\t\t
\r\n\t\t\t\t\t
Pacific Prince International (“PPI”) is an Australian company incorporated in 1996 by Minter Ellison and Kevin Rodger & Co. It is a holding company owning subsidiaries that engage in a number of diverse business activities including property, agriculture tech, healthcare & energy. In 2001, Pacific Prince established our Singapore- based company begin operation as the headquarter for the Asia-Pacific region.
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './IndustryIndividualMoreCard.css';\r\n\r\nexport default class IndustriesIndustryMoreCard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
{this.props.title}
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
{this.props.description1}
\r\n\t\t\t\t\t\t{this.props.description2 &&
{this.props.description2}
}\r\n\t\t\t\t\t\t{this.props.description3 &&
{this.props.description3}
}\r\n\t\t\t\t\t\t{this.props.description4 &&
{this.props.description4}
}\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n};\r\n","import React, {Component} from 'react';\r\nimport './Provider.css';\r\nimport IndustryIndividualMoreCard from '../../../Components/IndustryIndividualMoreCard/IndustryIndividualMoreCard.js'\r\nimport providerCover from '../../../../../images/individual/agriculture/AgriCover.jpg';\r\nimport providerSolution from '../../../../../images/individual/medical/ProviderSolution.png';\r\nimport providerShortage from '../../../../../images/individual/medical/ProviderShortage.jpg';\r\nimport providerProjection from '../../../../../images/individual/medical/ProviderProjection.png';\r\n\r\nexport default class provider extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
HEALTHCARE PROVIDER
\r\n\t\t\t\t
\r\n\t\t\t\t
In 2019, PPI invested into Aries Healthcare Group in the United Kingdom to offer as the leading healthcare solution provider and operators to build and own exceptional care habitats to meet the increasing demand in the 2nd Tier City such as Manchester and Liverpool in the United Kingdom.
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './Reforestation.css';\r\nimport IndustryIndividualMoreCard from '../../../Components/IndustryIndividualMoreCard/IndustryIndividualMoreCard.js'\r\nimport reforestationCover from '../../../../../images/individual/agriculture/AgriCover.jpg';\r\nimport reforestationCollab from '../../../../../images/individual/agriculture/AgriCollab.jpg';\r\nimport reforestationBio from '../../../../../images/individual/agriculture/AgriBio.jpg';\r\n\r\nexport default class Reforestation extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
REFORESTATION
\r\n\t\t\t\t
\r\n\t\t\t\t
Working with renowned scientists to offer bio-technological enhancements, we endeavor to expedite growth and increase yield of plant saplings.
\r\n\t\t\t\t
As an environmentally conscious developer, we wish to propagate efficient re-forestation methods, to benefit massive timber industry in this region.
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './Advisory.css';\r\nimport IndustryIndividualMoreCard from '../../../Components/IndustryIndividualMoreCard/IndustryIndividualMoreCard.js'\r\nimport advisoryImg1 from '../../../../../images/individual/realestate/IPRE.jpg';\r\nimport advisoryImg2 from '../../../../../images/individual/realestate/CP.jpg';\r\nimport advisoryImg3 from '../../../../../images/individual/realestate/REACN.png';\r\nimport advisoryImg4 from '../../../../../images/individual/realestate/REAMM.jpg';\r\nimport advisoryImg5 from '../../../../../images/individual/realestate/REAID.jpg';\r\n\r\nexport default class Advisory extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
ADVISORY ON REAL ESTATE
\r\n\t\t\t\t
\r\n\t\t\t\t
Our objective is to help real estate Investors/developers to achieve sustainable and profitable growth while minimizing risk.
\r\n\t\t\t\t
Most of our client are high net worth Individuals, Institution Equity Funds & Corporation Investors. They have access into aggregative funds under their management in committed capital under their management globally.
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './DesignAndBuild.css';\r\nimport IndustryIndividualMoreCard from '../../../Components/IndustryIndividualMoreCard/IndustryIndividualMoreCard.js'\r\nimport design_buildImg1 from '../../../../../images/individual/realestate/DNB.jpg';\r\nimport design_buildImg2 from '../../../../../images/individual/realestate/ITEAM.jpg';\r\n\r\nexport default class DesignAndBuild extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
DESIGN AND BUILD
\r\n\t\t\t\t
\r\n\t\t\t\t
We identify unique project requirements and explore alternative design solutions that are generated through collaborative interaction with the homeowners. To this date, PPI has contracted more than S$18 million in construction values.
\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\r\nimport './PropertyInvestment.css';\r\nimport IndustryIndividualMoreCard from '../../../Components/IndustryIndividualMoreCard/IndustryIndividualMoreCard.js'\r\nimport property_investmentImg1 from '../../../../../images/individual/realestate/IUK.jpg';\r\nimport property_investmentImg2 from '../../../../../images/individual/realestate/ISG.jpg';\r\nimport property_investmentImg3 from '../../../../../images/individual/realestate/ICB.jpg';\r\nimport property_investmentImg4 from '../../../../../images/individual/realestate/IAU.jpg';\r\n\r\nexport default class PropertyInvestment extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
PROPERTY INVESTMENT
\r\n\t\t\t\t
\r\n\t\t\t\t
Our objective for property investment is targeted at the middle to long-term timespan, seeking investments in properties and land banks with good potentials for redevelopment. PPI previously invested in various overseas markets owning real estate assets in cities such as Gold Coast, Australia and Phnom Penh, Cambodia.
\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, {Component} from 'react';\nimport { Route, Switch, Link, BrowserRouter as Router } from 'react-router-dom'\nimport './App.css';\nimport ScrollToTop from './ScrollToTop.js'\nimport Navbar from './components/Navbar/Navbar';\nimport NavbarDrawer from './components/NavbarDrawer/NavbarDrawer';\nimport Backdrop from './components/Backdrop/Backdrop';\nimport Footer from './components/Footer/Footer';\n\nimport MainSite from './components/MainSite/MainSite';\n\nimport IAgriculture from './components/IndividualPages/IAgriculture/IAgriculture';\nimport IEnergy from './components/IndividualPages/IEnergy/IEnergy';\nimport IHealthcare from './components/IndividualPages/IHealthcare/IHealthcare';\nimport IRealestate from './components/IndividualPages/IRealestate/IRealestate';\n\nimport INetwork from './components/IndividualPages/INetwork/INetwork';\nimport ICompanyProfile from './components/IndividualPages/ICompanyProfile/ICompanyProfile';\n\nimport Provider from './components/IndividualPages/IHealthcare/Cards/Provider/Provider';\n\nimport Reforestation from './components/IndividualPages/IAgriculture/Cards/Reforestation/Reforestation';\n\nimport Advisory from './components/IndividualPages/IRealestate/Cards/Advisory/Advisory';\nimport DesignAndBuild from './components/IndividualPages/IRealestate/Cards/DesignAndBuild/DesignAndBuild';\nimport PropertyInvestment from './components/IndividualPages/IRealestate/Cards/PropertyInvestment/PropertyInvestment';\n\n//import IContact from './components/IndividualPages/IContact/IContact';\n\nclass App extends Component {\n\tstate = {\n\t\tdrawerOpen: false\n\t};\n\n\tdrawerToggleClickHandler = () => {\n\t\tthis.setState((prevState) => {\n\t\t\treturn {drawerOpen: !prevState.drawerOpen};\n\t\t});\n\t};\n\n\tbackdropClickHandler = () => {\n\t\tthis.setState({drawerOpen: false});\n\t}\n\n\trender() {\n\t\tlet backdrop;\n\t\tif (this.state.drawerOpen) {\n\t\t\tbackdrop =
;\n\t\t}\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{backdrop}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t \n\t\t\t \n\t\t);\n\t}\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(