1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <!-- Google tag (gtag.js) GA4 -->
vendor: 68 bytes, lines 5-6
5 6 <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-3QV8WJXSY0
vendor: 16 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 151 bytes, lines 8-11
8window.dataLayer = window.dataLayer || []; 9 function gtag(){dataLayer.push(arguments);} 10 gtag('js', new Date()); 11 gtag('config', "
11G-3QV8WJXSY0
vendor: 59 bytes, lines 11-15
11", { 12 send_page_view: true 13 }); 14 15
15window.ProplexaGA4 = window.ProplexaGA4 || {}; 16 window.ProplexaGA4.measurementId = "G-3QV8WJXSY0"; 17 window.ProplexaGA4.event = function(name, params) { 18 if (typeof gtag !== 'function' || !name) { 19 return; 20 } 21 gtag('event', name, params || {}); 22 }; 23 window.ProplexaGA4.fireFromAjax = function(payload) { 24 if (!payload || !payload.event) { 25 return; 26 } 27 window.ProplexaGA4.event(payload.event, payload.params || {}); 28 }; 29 </script>
29 30 <meta charset="utf-8"> 31 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 32 <!-- Bootstrap CSS --> 33 <title>Proplexa | About Us</title> 34 <meta name="description" content="Learn about Proplexa, the property management RFP marketplace connecting property owners with qualified property managers through competitive proposals."> 35 36 <meta property="og:locale" content="en_US" /> 37 <meta property="og:type" content="website" /> 38 <meta property="og:title" content="Property Management RFP Marketplace" /> 39 <meta property="og:description" content="Proplexa.ai is a property management RFP marketplace where property owners receive competitive proposals from qualified property management companies." /> 40 <meta property="og:url" content="https://www.proplexa.ai" /> 41 <meta property="og:site_name" content="Proplexa.ai" /> 42 <meta property="article:modified_time" content="2024-04-05T05:34:08+00:00" /> 43 <meta property="og:image" content="https://www.proplexa.ai/images/logo.webp" /> 44 <meta name="twitter:card" content="summary_large_image" /> 45 <!-- Google Tag Manager --> 46
46<script>
vendor: 554 bytes, lines 46-60
46 47 (function(w, d, s, l, i) { 48 w[l] = w[l] || []; 49 w[l].push({ 50 'gtm.start': new Date().getTime(), 51 event: 'gtm.js' 52 }); 53 var f = d.getElementsByTagName(s)[0], 54 j = d.createElement(s), 55 dl = l != 'dataLayer' ? '&l=' + l : ''; 56 j.async = true; 57 j.src = 58 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 59 f.parentNode.insertBefore(j, f); 60 })(window, document, 'script', 'dataLayer', '
60GTM-5X653KRM
vendor: 8 bytes, lines 60-61
60'); 61
61</script>
61 62 <!-- End Google Tag Manager --> 63 <!-- Start of HubSpot Embed Code --> 64
64<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/46919449.js"></script>
64 65 <!-- End of HubSpot Embed Code --> 66 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.css" /> 67
67<script defer src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
67 68 69 <link rel="stylesheet" href="https://www.proplexa.ai/frontend/css/bootstrap.min.css"> 70 <link rel="stylesheet" href="https://www.proplexa.ai/frontend/css/custom.css?v=1782241563"> 71 <link rel="stylesheet" href="https://www.proplexa.ai/css/proplexa-brand.css?v=1779119222"> 72 <link rel="stylesheet" href="https://www.proplexa.ai/frontend/css/aos.css" /> 73 <!-- Font Awesome 6; v4-shims maps legacy fa fa-* classes --> 74 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 75 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/v4-shims.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 76 <!-- <link rel="shortcut icon" href="https://www.proplexa.ai/frontend/images/fav_icon.png"> --> 77 <link rel="shortcut icon" href="https://www.proplexa.ai/images/favicon.png" /> 78 <link rel="preconnect" href="https://fonts.googleapis.com"> 79 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 80 <link 81 href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap" 82 rel="stylesheet"> 83 <!-- Tailwind CSS for V2 Design (kept parser-blocking to avoid FOUC before utilities apply) --> 84 <!-- V2 Footer Overrides - Must load after custom.css --> 85 <style> 86 /* Custom styles for V2 header and footer */ 87 /* Brand purple: public/css/proplexa-brand.css */ 88 .proplexa-dark-bg { background-color: #0d071f; } 89 .proplexa-gray-bg { background-color: #f9fafb; } 90 .proplexa-text-dark { color: #1f2937; } 91 .proplexa-text-gray { color: #6b7280; } 92 93 /* Footer V2 - Using unique class names to avoid conflicts with original footer CSS */ 94 #proplexa-footer-v2, 95 .proplexa-footer-v2-wrapper { 96 background: #0d071f url('https://www.proplexa.ai/frontend/images/footer-bg.png') no-repeat left bottom !important; 97 background-color: #0d071f !important; 98 background-image: url('https://www.proplexa.ai/frontend/images/footer-bg.png') !important; 99 background-size: auto !important; 100 background-attachment: scroll !important; 101 background-position: left bottom !important; 102 background-repeat: no-repeat !important; 103 padding: 64px 0 16px 0 !important; 104 width: 100% !important; 105 text-align: left !important; 106 margin-top: 0 !important; 107 margin-bottom: 0 !important; 108 position: relative !important; 109 color: white !important; 110 display: block !important; 111 z-index: 1 !important; 112 } 113 114 /* Prevent any footer element from appearing after our footer */ 115 body#home footer, 116 body footer { 117 display: none !important; 118 visibility: hidden !important; 119 opacity: 0 !important; 120 height: 0 !important; 121 overflow: hidden !important; 122 } 123 124 /* Ensure no background is applied to body or html that could overlay */ 125 body#home { 126 background: transparent !important; 127 } 128 129 /* Make sure our footer is on top */ 130 #proplexa-footer-v2 { 131 position: relative !important; 132 z-index: 999 !important; 133 } 134 135 /* Ensure our footer wrapper is not affected by any parent styles */ 136 #proplexa-footer-v2::before, 137 #proplexa-footer-v2::after, 138 .proplexa-footer-v2-wrapper::before, 139 .proplexa-footer-v2-wrapper::after { 140 display: none !important; 141 content: none !important; 142 } 143 144 .proplexa-footer-v2-container { 145 max-width: 1280px; 146 margin: 0 auto; 147 padding: 0 1rem; 148 } 149 150 @media (min-width: 640px) { 151 .proplexa-footer-v2-container { 152 padding: 0 1.5rem; 153 } 154 } 155 156 @media (min-width: 1024px) { 157 .proplexa-footer-v2-container { 158 padding: 0 2rem; 159 } 160 } 161 162 /* Google Translate styling to blend with header-v2 */ 163 #google_translate_element { 164 display: inline-block; 165 vertical-align: middle; 166 } 167 168 #google_translate_element_mobile { 169 display: block; 170 } 171 172 /* Hide desktop language selector on mobile */ 173 @media (max-width: 767px) { 174 #google_translate_element { 175 display: none !important; 176 } 177 } 178 179 /* Hide mobile language selector on desktop */ 180 @media (min-width: 768px) { 181 #google_translate_element_mobile { 182 display: none !important; 183 } 184 } 185 186 /* Style Google Translate dropdown to match header design */ 187 .goog-te-combo { 188 color: #6b7280 !important; 189 font-size: 14px !important; 190 padding: 4px 8px !important; 191 border: 1px solid #e5e7eb !important; 192 border-radius: 6px !important; 193 background-color: white !important; 194 cursor: pointer !important; 195 } 196 197 .goog-te-combo:hover { 198 color: #1f2937 !important; 199 border-color: #d1d5db !important; 200 } 201 202 /* Hide Google Translate branding */ 203 .goog-te-banner-frame, 204 .goog-te-balloon-frame { 205 display: none !important; 206 } 207 208 .goog-te-gadget { 209 font-family: inherit !important; 210 color: #6b7280 !important; 211 } 212 213 .goog-te-gadget-simple { 214 background-color: transparent !important; 215 border: none !important; 216 padding: 0 !important; 217 } 218 219 /* Remove offset shadow from newsletter button */ 220 #proplexa-footer-v2 .filled-btn::before { 221 display: none !important; 222 content: none !important; 223 } 224 225 /* Newsletter input styling for dark footer */ 226 #proplexa-footer-v2 #email_addr::placeholder { 227 color: #9ca3af !important; 228 opacity: 1 !important; 229 } 230 231 #proplexa-footer-v2 #email_addr::-webkit-input-placeholder { 232 color: #9ca3af !important; 233 } 234 235 #proplexa-footer-v2 #email_addr::-moz-placeholder { 236 color: #9ca3af !important; 237 opacity: 1 !important; 238 } 239 240 #proplexa-footer-v2 #email_addr:-ms-input-placeholder { 241 color: #9ca3af !important; 242 } 243 244 /* Override browser autofill styles */ 245 #proplexa-footer-v2 #email_addr:-webkit-autofill, 246 #proplexa-footer-v2 #email_addr:-webkit-autofill:hover, 247 #proplexa-footer-v2 #email_addr:-webkit-autofill:focus, 248 #proplexa-footer-v2 #email_addr:-webkit-autofill:active { 249 -webkit-box-shadow: 0 0 0 30px #1f2937 inset !important; 250 -webkit-text-fill-color: white !important; 251 background-color: #1f2937 !important; 252 color: white !important; 253 caret-color: white !important; 254 } 255 256 #proplexa-footer-v2 #email_addr:-moz-autofill { 257 background-color: #1f2937 !important; 258 color: white !important; 259 } 260 261 /* Responsive newsletter section */ 262 @media (max-width: 640px) { 263 .proplexa-footer-v2-newsletter h2 { 264 font-size: 1.75rem !important; 265 } 266 267 .proplexa-footer-v2-newsletter span { 268 font-size: 1rem !important; 269 } 270 } 271 </style> 272 273 <link rel="stylesheet" href="https://www.proplexa.ai/css/tailwind.built.css?v=1785517907"> 274</head> 275 276<body id="home"> 277 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 277-278
277 278 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
278GTM-5X653KRM
vendor: 99 bytes, lines 278-280
278" height="0" width="0" 279 style="display:none;visibility:hidden"></iframe></noscript> 280
280<!-- End Google Tag Manager (noscript) --> 281 282 <!--begin::Header V2--> 283 <header class="bg-white border-b border-gray-100 sticky top-0 z-50"> 284 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 285 <div class="flex items-center justify-between h-16"> 286 <div class="flex items-center space-x-2"> 287 <a class="navbar-brand" href="https://www.proplexa.ai" style="display: inline-block;"> 288 <img alt="Logo" src="https://www.proplexa.ai/images/Proplexa-logo-white.svg" class=" " width="100" height="28" /> 289 </a> 290 </div> 291 <div class="hidden md:flex items-center space-x-8"> 292 <!-- Language Selector --> 293 <div id="google_translate_element" class="mr-2"></div> 294 <div class="relative group"> 295 <button class="transition-colors py-2" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'" onmouseout="this.style.color='#6b7280'">Solutions</button> 296 <div class="absolute hidden group-hover:block top-full left-0 mt-0 pt-2 w-60 bg-white border border-gray-100 rounded-lg shadow-lg py-2"> 297 <a href="https://www.proplexa.ai#for-owners" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Solution for Property Owners</a> 298 <a href="https://www.proplexa.ai#for-pmcs" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Solution for Property Managers</a> 299 <a href="https://www.proplexa.ai#how-it-works" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">How it Works</a> 300 <a href="https://www.proplexa.ai/blog" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Blog</a> 301 <a href="https://www.proplexa.ai/support-center" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Support Center</a> 302 </div> 303 </div> 304 <!-- <div class="relative group"> 305 <button class="transition-colors py-2" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'" onmouseout="this.style.color='#6b7280'">Demo</button> 306 <div class="absolute hidden group-hover:block top-full left-0 mt-0 pt-2 w-56 bg-white border border-gray-100 rounded-lg shadow-lg py-2"> 307 <a href="#" data-toggle="modal" data-target="#exampleModal" class="block px-4 py-2 transition-colors" style="color: #6b7280; white-space: nowrap;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Watch Our Free Demo</a> 308 <a href="https://www.proplexa.ai/book-a-free-call" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Book a free Call</a> 309 </div> 310 </div> --> 311 <div class="relative group"> 312 <button class="transition-colors py-2" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'" onmouseout="this.style.color='#6b7280'">Company</button> 313 <div class="absolute hidden group-hover:block top-full left-0 mt-0 pt-2 w-48 bg-white border border-gray-100 rounded-lg shadow-lg py-2"> 314 <a href="https://www.proplexa.ai/about-us" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">About Us</a> 315 <a href="https://www.proplexa.ai/contact-us" class="block px-4 py-2 transition-colors" style="color: #6b7280;" onmouseover="this.style.color='#1f2937'; this.style.backgroundColor='#f9fafb'" onmouseout="this.style.color='#6b7280'; this.style.backgroundColor='transparent'">Contact</a> 316 </div> 317 </div> 318 <!-- <a href="https://www.proplexa.ai/login" class="btn-proplexa-outline transition-colors px-4 py-2 rounded-lg text-base font-medium" style="color: #6b7280; min-height: 40px;">Login</a> --> 319 <a href="https://www.proplexa.ai/register" class="btn-proplexa px-4 py-2 rounded-lg font-medium text-base inline-flex items-center justify-center" style="min-height: 40px;">Sign Up</a> 320 <!-- <a href="https://www.proplexa.ai/book-a-free-call" class="text-white px-4 py-2 rounded-lg transition-colors font-medium text-base inline-flex items-center justify-center" style="background-color: var(--proplexa-purple-primary); min-height: 40px;" onmouseover="this.style.backgroundColor='var(--proplexa-purple-hover)'" onmouseout="this.style.backgroundColor='var(--proplexa-purple-primary)'">Book a Demo</a> --> 321 </div> 322 <!-- Mobile menu button --> 323 <div class="md:hidden"> 324 <button id="mobileMenuButton" style="color: #6b7280;"> 325 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 326 <path d="M3 12h18"></path> 327 <path d="M3 6h18"></path> 328 <path d="M3 18h18"></path> 329 </svg> 330 </button> 331 </div> 332 </div> 333 </div> 334 <!-- Mobile menu --> 335 <div id="mobileMenu" class="hidden md:hidden bg-white border-t border-gray-100"> 336 <div class="px-4 py-4 space-y-4"> 337 <!-- Language Selector for Mobile --> 338 <div class="mb-2"> 339 <div id="google_translate_element_mobile"></div> 340 </div> 341 <div class="relative group"> 342 <button id="solutionsMobileButton" class="w-full text-left transition-colors flex items-center justify-between" style="color: #6b7280;"> 343 Solutions 344 <svg id="solutionsMobileArrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
344ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform"> 345 <path d="m6 9 6 6 6-6"></path> 346 </svg> 347 </button> 348 <div id="solutionsMobileDropdown" class="hidden mt-2 pl-4 space-y-2"> 349 <a href="https://www.proplexa.ai#for-owners" class="block py-1" style="color: #6b7280;">Solution for Property Owners</a> 350 <a href="https://www.proplexa.ai#for-pmcs" class="block py-1" style="color: #6b7280;">Solution for Property Managers</a> 351 <a href="https://www.proplexa.ai#how-it-works" class="block py-1" style="color: #6b7280;">How it Works</a> 352 353 <a href="https://www.proplexa.ai/blog" class="block py-1" style="color: #6b7280;">Blog</a> 354 <a href="https://www.proplexa.ai/support-center" class="block py-1" style="color: #6b7280;">Support Center</a> 355 </div> 356 </div> 357 <!-- <div class="relative group"> 358 <button id="demoMobileButton" class="w-full text-left transition-colors flex items-center justify-between" style="color: #6b7280;"> 359 Demo 360 <svg id="demoMobileArrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform"> 361 <path d="m6 9 6 6 6-6"></path> 362 </svg> 363 </button> 364 <div id="demoMobileDropdown" class="hidden mt-2 pl-4 space-y-2"> 365 <a href="#" data-toggle="modal" data-target="#exampleModal" class="block py-1" style="color: #6b7280;">Watch Our Free Demo</a> 366 <a href="https://www.proplexa.ai/book-a-free-call" class="block py-1" style="color: #6b7280;">Book a free Call</a> 367 </div> 368 </div> --> 369 <div class="relative group"> 370 <button id="companyMobileButton" class="w-full text-left transition-colors flex items-center justify-between" style="color: #6b7280;"> 371 Company 372 <svg id="companyMobileArrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="transition-transform"> 373 <path d="m6 9 6 6 6-6"></path> 374 </svg> 375 </button> 376 <div id="companyMobileDropdown" class="hidden mt-2 pl-4 space-y-2"> 377 <a href="https://www.proplexa.ai/about-us" class="block py-1" style="color: #6b7280;">About Us</a> 378 <a href="https://www.proplexa.ai/contact-us" class="block py-1" style="color: #6b7280;">Contact</a> 379 </div> 380 </div> 381 <!-- <a href="https://www.proplexa.ai/login" class="block transition-colors" style="color: #6b7280;">Login</a> --> 382 <a href="https://www.proplexa.ai/register" class="block btn-proplexa px-4 py-2 rounded-lg text-center font-medium">Sign Up</a> 383 <!-- <a href="https://www.proplexa.ai/book-a-free-call" class="block text-white px-4 py-2 rounded-lg text-center transition-colors font-medium" style="background-color: var(--proplexa-purple-primary);" onmouseover="this.style.backgroundColor='var(--proplexa-purple-hover)'" onmouseout="this.style.backgroundColor='var(--proplexa-purple-primary)'">Book a Demo</a> --> 384 </div> 385 </div> 386</header> 387
388<script> 389 document.addEventListener('DOMContentLoaded', function() { 390 const mobileMenuButton = document.getElementById('mobileMenuButton'); 391 const mobileMenu = document.getElementById('mobileMenu'); 392 393 if (mobileMenuButton && mobileMenu) { 394 mobileMenuButton.addEventListener('click', function() { 395 mobileMenu.classList.toggle('hidden'); 396 }); 397 } 398 399 // Solutions dropdown toggle for mobile 400 const solutionsMobileButton = document.getElementById('solutionsMobileButton'); 401 const solutionsMobileDropdown = document.getElementById('solutionsMobileDropdown'); 402 const solutionsMobileArrow = document.getElementById('solutionsMobileArrow'); 403 404 if (solutionsMobileButton && solutionsMobileDropdown) { 405 solutionsMobileButton.addEventListener('click', function(e) { 406 e.preventDefault(); 407 solutionsMobileDropdown.classList.toggle('hidden'); 408 if (solutionsMobileArrow) { 409 solutionsMobileArrow.classList.toggle('rotate-180'); 410 } 411 }); 412 } 413 414 // Demo dropdown toggle for mobile 415 const demoMobileButton = document.getElementById('demoMobileButton'); 416 const demoMobileDropdown = document.getElementById('demoMobileDropdown'); 417 const demoMobileArrow = document.getElementById('demoMobileArrow'); 418 419 if (demoMobileButton && demoMobileDropdown) { 420 demoMobileButton.addEventListener('click', function(e) { 421 e.preventDefault(); 422 demoMobileDropdown.classList.toggle('hidden'); 423 if (demoMobileArrow) { 424 demoMobileArrow.classList.toggle('rotate-180'); 425 } 426 }); 427 } 428 429 // Company dropdown toggle for mobile 430 const companyMobileButton = document.getElementById('companyMobileButton'); 431 const companyMobileDropdown = document.getElementById('companyMobileDropdown'); 432 const companyMobileArrow = document.getElementById('companyMobileArrow'); 433 434 if (companyMobileButton && companyMobileDropdown) { 435 companyMobileButton.addEventListener('click', function(e) { 436 e.preventDefault(); 437 companyMobileDropdown.classList.toggle('hidden'); 438 if (companyMobileArrow) { 439 companyMobileArrow.classList.toggle('rotate-180'); 440 } 441 }); 442 } 443 444 }); 445</script>
445 446 447 <!--end::Header V2--> 448 <!--begin::Content--> 449 <style> 450 .about-page-v2 h1, 451 .about-page-v2 h2, 452 .about-page-v2 h3 { 453 font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; 454 text-transform: none !important; 455 letter-spacing: normal !important; 456 } 457 458 .about-page-v2, 459 .about-page-v2 p, 460 .about-page-v2 li, 461 .about-page-v2 h1, 462 .about-page-v2 h2, 463 .about-page-v2 h3 { 464 hyphens: manual !important; 465 -webkit-hyphens: manual !important; 466 -ms-hyphens: manual !important; 467 word-break: normal !important; 468 overflow-wrap: normal !important; 469 } 470 471 .about-page-v2 .about-body-text p, 472 .about-page-v2 .about-body-text li { 473 font-size: 18px !important; 474 } 475 476 .about-page-v2 .about-card-list li { 477 font-size: 16px !important; 478 } 479 480 .about-page-v2 .about-card-list li span { 481 word-break: normal !important; 482 overflow-wrap: normal !important; 483 hyphens: none !important; 484 -webkit-hyphens: none !important; 485 -ms-hyphens: none !important; 486 } 487 488 .about-page-v2 .about-intro-body p { 489 margin-bottom: 0 !important; 490 } 491 492 /* Sticky header is h-16; keep hash targets (#team) visible below it */ 493 .about-page-v2 #team, 494 .about-page-v2 #founders { 495 scroll-margin-top: 5.5rem; 496 } 497</style> 498<section class="bg-white about-page-v2"> 499 <section class="relative overflow-hidden bg-gradient-to-b from-purple-50/60 via-purple-50/35 to-white py-20 md:py-24 lg:py-28"> 500 <div class="pointer-events-none absolute inset-0 opacity-30"> 501 <div class="absolute top-20 left-10 w-96 h-96 bg-purple-300 rounded-full blur-3xl"></div> 502 <div class="absolute bottom-20 right-10 w-96 h-96 bg-purple-200 rounded-full blur-3xl"></div> 503 </div> 504 <div class="relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> 505 <h1 class="font-normal mb-4 leading-tight" style="color: var(--proplexa-purple-primary); font-size: 72px !important;">About Proplexa</h1> 506 <p class="text-gray-800 leading-relaxed" style="font-size: 20px;">Proplexa is a property management marketplace that connects property owners with qualified property management companies through a structured proposal system.</p> 507 </div> 508 </section> 509 510 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 511 <section class="py-10 md:py-14"> 512 <div class="space-y-4 text-gray-800 leading-relaxed about-body-text about-intro-body"> 513 <p>
513Proplexa is a property management marketplace that connects property owners with qualified property management companies through a structured proposal system.</p> 514 <p>Instead of spending weeks searching for a property manager, owners can publish their property on Proplexa and receive multiple proposals from experienced management companies. Owners can also directly invite specific property management companies to submit proposals, giving them full control over who participates in the process.</p> 515 <p>This allows owners to easily compare services, pricing, and experience — all in one place.</p> 516 <p class="font-normal" style="color: var(--proplexa-purple-primary); font-size: 24px !important; margin-top: 28px !important;">Our mission is simple:</p> 517 <p class="font-bold" style="color: var(--proplexa-purple-primary); font-size: 18px !important;">Make finding the right property management partner transparent, competitive, and efficient.</p> 518 </div> 519 </section> 520 521 </div> 522 523 <section class="relative overflow-hidden bg-gradient-to-b from-purple-50/60 via-purple-50/35 to-white py-20 md:py-28 lg:py-32"> 524 <div class="pointer-events-none absolute inset-0 opacity-30"> 525 <div class="absolute top-20 left-10 w-96 h-96 bg-purple-300 rounded-full blur-3xl"></div> 526 <div class="absolute bottom-20 right-10 w-96 h-96 bg-purple-200 rounded-full blur-3xl"></div> 527 </div> 528 <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 529 <h2 class="font-normal mb-12 text-center" style="color: var(--proplexa-purple-primary); font-size: 48px !important;">Our Story</h2> 530 <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 gap-y-8 items-center"> 531 <div class="rounded-2xl overflow-hidden shadow-lg"> 532 <img src="https://www.proplexa.ai/images/about-Our-story-image.webp" alt="Property management agreement discussion" loading="lazy" class="w-full h-full object-cover block"> 533 </div> 534 <div class="space-y-4 text-gray-800 leading-relaxed about-body-text"> 535 <p>
535Proplexa was founded by a real estate operator who experienced firsthand how difficult it can be to find reliable property management.</p> 536 <p>While running a property management company, it became clear that property owners often struggled with:</p> 537 <ul class="list-disc pl-6 space-y-2"> 538 <li>poor communication</li> 539 <li>unclear pricing structures</li> 540 <li>lack of transparency</li> 541 <li>difficulty comparing management companies</li> 542 </ul> 543 <p>At the same time, many highly capable property management companies struggled to consistently find new clients.</p> 544 <p>The industry lacked a neutral platform that could connect both sides in a structured and transparent way.</p> 545 <p><strong>So Proplexa was created.</strong></p> 546 <p>Instead of relying solely on referrals or countless phone calls, property owners can now list their property and receive proposals from property management companies interested in managing it.</p> 547 <p>Owners can open the opportunity to the marketplace or invite specific management companies they trust to submit proposals.</p> 548 <p>This creates a competitive and transparent environment that benefits both property owners and property management companies.</p> 549 </div> 550 </div> 551 </div> 552 </section> 553 554 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 555 <section class="py-10 md:py-14"> 556 <div class="text-center max-w-6xl mx-auto mb-12 about-body-text"> 557 <h2 class="font-normal mb-12" style="color: var(--proplexa-purple-primary); font-size: 48px !important;">What Makes Proplexa Different</h2> 558 <p class="text-gray-800 leading-relaxed">Traditional property management discovery relies heavily on referrals, brokers, or online searches that provide limited transparency.</p> 559 <p class="text-gray-800 leading-relaxed mt-2">Proplexa introduces a marketplace approach that simplifies how property owners connect with property management companies and service providers.</p> 560 </div> 561 <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> 562 <article class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-gray-100 h-full"> 563 <div class="w-16 h-16 bg-purple-100 rounded-xl flex items-center justify-center mb-6 text-purple-600"> 564 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 565 <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path> 566 <path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path> 567 </svg> 568 </div> 569 <h3 class="font-normal mb-8" style="color: var(--proplexa-purple-primary); font-size: 24px !important;">Property Owners</h3> 570 <ul class="space-y-4 about-card-list"> 571 <li class="flex items-start text-gray-800"> 572 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 573 <span class="leading-relaxed">Post properties they want professionally managed</span> 574 </li> 575 <li class="flex items-start text-gray-800"> 576 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 577 <span class="leading-relaxed">Invite specific property management companies to submit proposals</span> 578 </li> 579 <li class="flex items-start text-gray-800">
580 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 581 <span class="leading-relaxed">Receive multiple proposals from qualified managers</span> 582 </li> 583 <li class="flex items-start text-gray-800"> 584 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 585 <span class="leading-relaxed">Compare services, pricing, and experience in one place</span> 586 </li> 587 <li class="flex items-start text-gray-800"> 588 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 589 <span class="leading-relaxed">Select the best management partner for their property</span> 590 </li> 591 </ul> 592 </article> 593 <article class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-gray-100 h-full"> 594 <div class="w-16 h-16 bg-purple-100 rounded-xl flex items-center justify-center mb-6 text-purple-600"> 595 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 596 <path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path> 597 <path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path> 598 <path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path> 599 <path d="M10 6h4"></path> 600 <path d="M10 10h4"></path> 601 <path d="M10 14h4"></path> 602 <path d="M10 18h4"></path> 603 </svg> 604 </div> 605 <h3 class="font-normal mb-8 leading-tight" style="color: var(--proplexa-purple-primary); font-size: 24px !important;">Property Management Companies</h3> 606 <ul class="space-y-4 about-card-list"> 607 <li class="flex items-start text-gray-800"> 608 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 609 <span class="leading-relaxed">Access new property opportunities</span> 610 </li> 611 <li class="flex items-start text-gray-800"> 612 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 613 <span class="leading-relaxed">Submit structured proposals to property owners</span> 614 </li> 615 <li class="flex items-start text-gray-800"> 616 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 617 <span class="leading-relaxed">Compete transparently for new clients</span> 618 </li> 619 <li class="flex items-start text-gray-800"> 620 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 621 <span class="leading-relaxed">Grow their portfolios more efficiently</span> 622 </li> 623 </ul> 624 </article> 625 <article class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 border border-gray-100 h-full"> 626 <div class="w-16 h-16 bg-purple-100 rounded-xl flex items-center justify-center mb-6 text-purple-600"> 627 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 628 <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path> 629 </svg> 630 </div> 631 <h3 class="font-normal mb-8" style="color: var(--proplexa-purple-primary); font-size: 24px !important;">Service Providers</h3> 632 <ul class="space-y-4 about-card-list"> 633 <li class="flex items-start text-gray-800">
634 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 635 <span class="leading-relaxed">Connect with property owners and property managers</span> 636 </li> 637 <li class="flex items-start text-gray-800"> 638 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 639 <span class="leading-relaxed">Discover service opportunities such as cleaning, maintenance, and repairs</span> 640 </li> 641 <li class="flex items-start text-gray-800"> 642 <span class="mr-3 mt-1" style="color: var(--proplexa-purple-primary);">â¢</span> 643 <span class="leading-relaxed">Apply for jobs and build long-term client relationships</span> 644 </li> 645 </ul> 646 </article> 647 </div> 648 </section> 649 650 </div> 651 652 <section class="relative overflow-hidden bg-gradient-to-b from-purple-50/60 via-purple-50/35 to-white py-20 md:py-28 lg:py-32"> 653 <div class="pointer-events-none absolute inset-0 opacity-30"> 654 <div class="absolute top-20 left-10 w-96 h-96 bg-purple-300 rounded-full blur-3xl"></div> 655 <div class="absolute bottom-20 right-10 w-96 h-96 bg-purple-200 rounded-full blur-3xl"></div> 656 </div> 657 <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 658 <div class="grid grid-cols-1 gap-x-12 gap-y-8 items-center"> 659 <div class="space-y-4 text-gray-800 leading-relaxed about-body-text"> 660 <h2 class="font-normal mb-12 text-center" style="color: var(--proplexa-purple-primary); font-size: 48px !important;">Our Vision</h2> 661 <p>We believe the property management industry will increasingly move toward transparent digital marketplaces.</p> 662 <p>Just as platforms transformed industries like travel, freelancing, and transportation, Proplexa is building the infrastructure for how property owners and management companies connect.</p> 663 <p class="font-normal" style="color: var(--proplexa-purple-primary);">Our long-term vision is to create the largest marketplace for property management services worldwide.</p> 664 </div> 665 </div> 666 </div> 667 </section> 668 669 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 670 <section id="founders" class="py-10 md:py-14"> 671 <div class="text-center mb-8"> 672 <h2 class="font-normal mb-12" style="color: var(--proplexa-purple-primary); font-size: 48px !important;">Our Founders</h2> 673 </div> 674 <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> 675 <article class="bg-white border border-purple-100 rounded-2xl p-8 shadow-sm about-body-text"> 676 <img src="https://www.proplexa.ai/images/about-Founder-James.webp" alt="James Duerr, Founder of Proplexa" loading="lazy" class="w-[248px] h-[248px] rounded-full object-cover mx-auto mb-4"> 677 <h3 class="text-center font-normal mb-1" style="color: var(--proplexa-purple-primary); font-size: 30px !important;">James Duerr</h3> 678 <p class="text-center font-semibold mb-4" style="color: var(--proplexa-purple-primary); font-size: 16px !important;">Founder, Proplexa</p> 679 <p class="text-gray-800 leading-relaxed mb-3">James Duerr is an entrepreneur and real estate operator with experience building ventures across real estate services, technology platforms, consumer products, and international trade.</p> 680 <p class="text-gray-800 leading-relaxed mb-3">He founded <strong>Medellín Concierge</strong>, a property management company focused on short- and mid-term rentals, where he developed operational systems for property acquisition, pricing strategy, guest services, and owner relations.</p> 681 <p class="text-gray-800 leading-relaxed">Prior to launching Proplexa, James worked in real estate development at <strong>BACH Development</strong>, where he managed development projects from planning through completion while coordinating contractors, consultants, and internal stakeholders. His experience operating a property management company firsthand exposed the inefficiencies property owners face when selecting management partners, which ultimately led him to create <strong>Proplexa</strong>, a marketplace designed to make property management discovery transparent and competitive.</p> 682 </article> 683 <article class="bg-white border border-purple-100 rounded-2xl p-8 shadow-sm about-body-text"> 684 <img src="https://www.proplexa.ai/images/about-Co-founder-Edric.webp" alt="Edrik Cruz, Co-Founder of Proplexa" loading="lazy" class="w-[248px] h-[248px] rounded-full object-cover mx-auto mb-4"> 685 <h3 class="text-center font-normal mb-1" style="color: var(--proplexa-purple-primary); font-size: 30px !important;">Edrik Cruz</h3> 686 <p class="text-center font-semibold mb-4" style="color: var(--proplexa-purple-primary); font-size: 16px !important;">Co-Founder, Proplexa</p> 687 <p class="text-gray-800 leading-relaxed mb-3">Edrik Cruz is an entrepreneur focused on venture development, strategic partnerships, and market expansion. He has founded and operated businesses across real estate transactions, sales, and service industries, building operational frameworks for deal sourcing, client acquisition, and business development.</p> 688 <p class="text-gray-800 leading-relaxed">In addition to his entrepreneurial work, Edrik has participated in multiple ventures spanning digital media production, industrial services, and startup initiatives. His background also includes leadership and public speaking roles focused on entrepreneurship and youth leadership. At Proplexa, Edrik contributes to business development strategy and market positioning as the platform expands its presence in the real estate industry</p> 689 </article> 690 </div> 691 </section> 692 693 </div> 694 695 <section id="team" class="relative overflow-hidden bg-gradient-to-b from-purple-50/60 via-purple-50/35 to-white py-20 md:py-28 lg:py-32"> 696 <div class="pointer-events-none absolute inset-0 opacity-30"> 697 <div class="absolute top-20 left-10 w-96 h-96 bg-purple-300 rounded-full blur-3xl"></div> 698 <div class="absolute bottom-20 right-10 w-96 h-96 bg-purple-200 rounded-full blur-3xl"></div> 699 </div> 700 <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 701 <div class="text-center mb-8"> 702 <h2 class="font-normal mb-12" style="color: var(--proplexa-purple-primary); font-size: 48px !important;">Our Team</h2> 703 </div> 704 <div class="flex justify-center gap-12 flex-wrap"> 705 <article class="bg-white rounded-2xl py-11 px-6 shadow-lg text-center border border-purple-100 w-96"> 706 <div class="w-[120px] h-[120px] rounded-full overflow-hidden mx-auto mb-4 shadow-lg border-4 border-purple-100"> 707 <img src="https://www.proplexa.ai/images/about-Team-Amaka.webp" alt="Patience Chiamaka Peter, Project Manager and Product Owner" loading="lazy" class="w-full h-full object-cover"> 708 </div> 709 <h3 class="font-normal mb-1" style="color: var(--proplexa-purple-primary); font-size: 24px !important;">Patience Chiamaka Peter</h3> 710 <p class="font-semibold" style="color: var(--proplexa-purple-primary); font-size: 16px !important;">Project Manager / Product Owner</p> 711 </article> 712 <article class="bg-white rounded-2xl py-11 px-6 shadow-lg text-center border border-purple-100 w-96"> 713 <div class="w-[120px] h-[120px] rounded-full overflow-hidden mx-auto mb-4 shadow-lg border-4 border-purple-100"> 714 <img src="https://www.proplexa.ai/images/about-Team-developer-Joao.webp" alt="Joao Victor da Silva, Developer" loading="lazy" class="w-full h-full object-cover"> 715 </div> 716 <h3 class="font-normal mb-1" style="color: var(--proplexa-purple-primary); font-size: 24px !important;">Joao Victor da Silva</h3> 717 <p class="font-semibold" style="color: var(--proplexa-purple-primary); font-size: 16px !important;">Developer</p> 718 </article> 719 </div> 720 </div> 721 </section> 722</section> 723 724 <!--end::Content--> 725 <!--begin::Footer V2--> 726 <div id="proplexa-footer-v2" class="proplexa-footer-v2-wrapper" style="background: #0d071f no-repeat left bottom !important; background-color: #0d071f !important; !important; background-size: auto !important; background-attachment: scroll !important; background-position: left bottom !important; background-repeat: no-repeat !important; padding: 64px 0 16px 0 !important; width: 100% !important; text-align: left !important; margin-top: 0 !important; margin-bottom: 0 !important; position: relative !important; color: white !important; display: block !important; z-index: 1 !important;"> 727 <div class="proplexa-footer-v2-container"> 728 <!-- Newsletter Section --> 729 <div class="proplexa-footer-v2-newsletter" style="margin-bottom: 2rem;"> 730 <div style="display: flex; flex-direction: column; gap: 1rem; align-items: center; text-align: center;"> 731 <div style="text-align: center;"> 732 <h2 style="color: white; font-size: 2.5rem; font-weight: 600; margin-bottom: 0.5rem;">OUR NEWSLETTER</h2>
733 <span style="color: #d1d5db; font-size: 1.125rem;">Get instant news by subscribe to our newsletter</span> 734 </div> 735 <div style="display: flex; align-items: center; gap: 0.5rem; max-width: 500px; width: 100%; flex-wrap: wrap;"> 736 <input type="email" required maxlength="50" class="form-control" id="email_addr" name="email" placeholder="Your Email Address" style="flex: 1; min-width: 200px; padding: 0.75rem; border: 1px solid #374151; border-radius: 0.375rem; background-color: #1f2937; color: white; font-size: 1rem; outline: none;" onfocus="this.style.borderColor='var(--proplexa-purple-primary)'" onblur="this.style.borderColor='#374151'"> 737 <a href="#" id="nl_footer_subscribe" class="btn-proplexa filled-btn" style="padding: 0.75rem 1.5rem; border-radius: 0.375rem; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-width: 50px; height: 49px; border: none; cursor: pointer;"> 738 <i class="fa-solid fa-paper-plane"></i> 739 </a> 740 </div> 741 <div id="nl_footer_message" style="display: none; font-size: 0.9rem; margin-top: 0.25rem;"></div> 742 </div> 743 </div> 744 745 <!-- Logo and Navigation --> 746 <div style="text-align: center; margin-bottom: 2rem;"> 747 <a href="https://www.proplexa.ai" class="logo-footer" style="display: inline-block; margin-bottom: 1.5rem;"> 748 <img src="https://www.proplexa.ai/images/Proplexa-logo-white.svg" width="100" height="28" alt="Proplexa Logo" loading="lazy"> 749 </a> 750 <ul class="navbar-footer" style="list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-bottom: 1.5rem; align-items: center;"> 751 <li style="display: inline-block;"> 752 <a href="https://www.proplexa.ai" class="side-link" style="color: #d1d5db; text-decoration: none; font-size: 1rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'">Home</a> 753 </li> 754 <li style="display: inline-block;"> 755 <a href="https://www.proplexa.ai/about-us" class="side-link" style="color: #d1d5db; text-decoration: none; font-size: 1rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'">About Us</a> 756 </li> 757 <li style="display: inline-block;"> 758 <a href="https://www.proplexa.ai/contact-us" class="side-link" style="color: #d1d5db; text-decoration: none; font-size: 1rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'">Contact Us</a> 759 </li> 760 <li style="display: inline-block;"> 761 <a href="https://www.proplexa.ai/privacy-policy" class="side-link" style="color: #d1d5db; text-decoration: none; font-size: 1rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'">Privacy Policy</a> 762 </li> 763 <li style="display: inline-block;"> 764 <a href="https://www.proplexa.ai/terms-conditions" class="side-link" style="color: #d1d5db; text-decoration: none; font-size: 1rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'">Terms & Conditions</a> 765 </li> 766 </ul> 767 </div> 768 769 <!-- Social Media Icons --> 770 <div style="text-align: center; margin-bottom: 1rem; display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap;"> 771 <span style="color: #d1d5db; font-size: 1rem;">Follow Us:</span> 772 <ul class="social" style="list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 1rem; align-items: center;"> 773 <li> 774 <a href="#" target="_blank" style="color: #d1d5db; text-decoration: none; font-size: 1.5rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'"> 775 <i class="fa-brands fa-facebook-f" aria-hidden="true"></i> 776 </a> 777 </li> 778 <li> 779 <a href="https://www.instagram.com/proplexa.ai" target="_blank" style="color: #d1d5db; text-decoration: none; font-size: 1.5rem; transition: color 0.2s;" onmouseover="this.style.color='white'" onmouseout="this.style.color='#d1d5db'"> 780 <i class="fa-brands fa-instagram" aria-hidden="true"></i> 781 </a> 782 </li> 783 </ul> 784 </div> 785 786 <!-- Copyright --> 787 <div class="proplexa-footer-v2-copyright" style="border-top: 1px solid #374151; margin-top: 1rem; padding-top: 1rem; text-align: center;"> 788 <p style="color: #9ca3af; font-size: 0.875rem; margin: 0;">© 2026 <a href="https://proplexa.ai" style="color: #9ca3af; text-decoration: underline;">Proplexa.ai</a>. All rights reserved.</p> 789 </div> 790 </div> 791</div> 792<!-- Modal --> 793<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 794 <div class="modal-dialog modal-lg" role="document"> 795 <div class="modal-content"> 796 <div class="modal-header"> 797 <h5 class="modal-title" id="exampleModalLabel">Watch Demo</h5> 798 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
799 <span aria-hidden="true">×</span> 800 </button> 801 </div> 802 <div class="modal-body"> 803 <iframe width="100%" height="656" src="https://www.youtube.com/embed/AzemzL0tAIM?si=3UMglf-0TdFBfWe3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 804 </div> 805 </div> 806 </div> 807</div> 808
809<script> 810 (function () { 811 var btn = document.getElementById('nl_footer_subscribe'); 812 var input = document.getElementById('email_addr'); 813 var msg = document.getElementById('nl_footer_message'); 814 if (!btn || !input) return; 815 816 function showMessage(text, ok) { 817 if (!msg) return; 818 msg.textContent = text; 819 msg.style.color = ok ? '#34d399' : '#f87171'; 820 msg.style.display = 'block'; 821 } 822 823 function submit() { 824 var email = (input.value || '').trim(); 825 if (!email || !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) { 826 showMessage('Please enter a valid email address.', false); 827 return; 828 } 829 btn.style.pointerEvents = 'none'; 830 btn.style.opacity = '0.6'; 831 fetch("https://www.proplexa.ai/newsletter/subscribe", { 832 method: 'POST', 833 headers: { 834 'Content-Type': 'application/json', 835 'Accept': 'application/json', 836 'X-Requested-With': 'XMLHttpRequest', 837 'X-CSRF-TOKEN': "ZnZOstJqIkh0MMtOgSlQ4fpvkWRiUH7lJbKDPWcy" 838 }, 839 body: JSON.stringify({ email: email, source: 'footer' }) 840 }) 841 .then(function (r) { return r.json().catch(function () { return {}; }).then(function (d) { return { ok: r.ok, d: d }; }); }) 842 .then(function (res) { 843 if (res.ok && res.d && res.d.success) { 844 showMessage(res.d.message || 'Thanks for subscribing!', true); 845 input.value = ''; 846 } else { 847 showMessage((res.d && (res.d.message || (res.d.errors && res.d.errors.email && res.d.errors.email[0]))) || 'Something went wrong. Please try again.', false); 848 } 849 }) 850 .catch(function () { showMessage('Something went wrong. Please try again.', false); }) 851 .finally(function () { btn.style.pointerEvents = ''; btn.style.opacity = ''; }); 852 } 853 854 btn.addEventListener('click', function (e) { e.preventDefault(); submit(); }); 855 input.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); submit(); } }); 856 })(); 857</script>
857 858 <!--end::Footer V2--> 859 </body> 860<!-- jQuery first, then Popper.js, then Bootstrap JS -->
861<script src="https://www.proplexa.ai/frontend/js/jquery-3.7.1.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 861
861
862<script src="https://www.proplexa.ai/frontend/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 862
862
863<script src="https://www.proplexa.ai/frontend/js/aos.js"></script>
vendor: 1 bytes, line 863
863
864<script> 865 AOS.init({ 866 easing: 'ease-in-out-sine' 867 }); 868</script>
vendor: 1 bytes, line 868
868
869<script type="text/javascript"> 870 $(document).ready(function() { 871 $('#navbarSideButton').on('click', function() { 872 $('#navbarSide').addClass('reveal'); 873 $('.overlay').show(); 874 }); 875 876 $('.overlay').on('click', function() { 877 $('#navbarSide').removeClass('reveal'); 878 $('.overlay').hide(); 879 }); 880 $('.side-link').on('click', function() { 881 $('#navbarSide').removeClass('reveal'); 882 $('.overlay').hide(); 883 }); 884 $('#close').on('click', function() { 885 $('#navbarSide').removeClass('reveal'); 886 $('.overlay').hide(); 887 }); 888 889 }); 890</script>
vendor: 1 bytes, line 890
890
891<script type="text/javascript"> 892 $(window).bind('scroll', function() { 893 if ($(window).scrollTop() > 150) { 894 $('.main-nav').addClass('fixed'); 895 } else { 896 $('.main-nav').removeClass('fixed'); 897 } 898 }); 899 $(document).on('click', '#contact-button', function(e) { 900 e.preventDefault(); 901 var dataString = new FormData($('#contact-form')[0]); 902 $.ajax({ 903 type: "POST", 904 url: "https://www.proplexa.ai/send-contact-form", 905 data: dataString, 906 contentType: false, 907 processData: false, 908 headers: { 909 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 910 }, 911 success: function(response) { 912 toastr.success(response.message); 913 window.location.href = 'https://www.proplexa.ai/thank-you'; 914 $('#contact-form')[0].reset(); 915 916 }, 917 error: function(jqXHR) { 918 var response = JSON.parse(jqXHR.responseText); 919 if (response.errors) { 920 $.each(response.errors, function(key, value) { 921 toastr.error(value); 922 }); 923 } else { 924 console.error('Error:', jqXHR); 925 } 926 } 927 }); 928 }) 929 930 function googleTranslateElementInit() { 931 // Initialize for desktop 932 new google.translate.TranslateElement({ 933 pageLanguage: 'en' 934 }, 'google_translate_element'); 935 936 // Initialize for mobile (Google Translate supports multiple instances) 937 if (document.getElementById('google_translate_element_mobile')) { 938 new google.translate.TranslateElement({ 939 pageLanguage: 'en' 940 }, 'google_translate_element_mobile'); 941 } 942 } 943</script>
vendor: 1 bytes, line 943
943
944<script async type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
vendor: 1 bytes, line 944
944
945<script> 946 // Set default text for Google Translate dropdown 947 jQuery(document).ready(function() { 948 setTimeout(function() { 949 jQuery('.goog-te-combo').find('option:first').text('English'); 950 }, 3000); 951 setTimeout(function() { 952 jQuery('.goog-te-combo').find('option:first').text('English'); 953 }, 5000); 954 }); 955</script>
955 956 957 958 959</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.