PageSourceSearch

https://www.proplexa.ai/about-us

html proplexa.ai collected 2026-10-05 12:26:16 UTC 60,261 bytes, 959 lines download raw bytes

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 &mdash; 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&iacute;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">&times;</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.