SoulKingRule/climateshield-engineering-resilience-redefined
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>About | FacilityFlow Team & Technology</title>7<link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <style>12 .timeline-item:not(:last-child)::after {13 content: '';14 position: absolute;15 left: 50%;16 bottom: -20px;17 width: 2px;18 height: 20px;19 background-color: #d1fae5;20 }21 </style>22</head>23<body class="font-sans antialiased bg-gray-50">24 <!-- Navigation -->25 <nav class="bg-white shadow-sm border-b border-gray-200">26 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">27 <div class="flex justify-between h-16">28 <div class="flex items-center">29 <div class="flex-shrink-0 flex items-center">30 <i data-feather="layers" class="h-8 w-8 text-gray-600"></i>31 <span class="ml-2 text-xl font-bold text-gray-800">FacilityFlow</span>32 </div>33 </div>34 <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">35 <a href="index.html" class="text-gray-500 hover:text-gray-600 px-3 py-2 font-medium">Home</a>36 <a href="features.html" class="text-gray-500 hover:text-gray-600 px-3 py-2 font-medium">Features</a>37 <a href="solutions.html" class="text-gray-500 hover:text-gray-600 px-3 py-2 font-medium">Solutions</a>38 <a href="about.html" class="text-gray-900 hover:text-gray-600 px-3 py-2 font-medium">About</a>39 <a href="contact.html" class="text-gray-500 hover:text-gray-600 px-3 py-2 font-medium">Contact</a>40 <a href="demo.html" class="ml-8 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-gray-600 hover:bg-gray-700">Request Demo</a>41 </div>42 </div>43 </div>44 </nav>45 <!-- Hero -->46 <div class="bg-gradient-to-r from-gray-700 to-gray-600">47 <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8 text-center">48 <h1 class="text-4xl font-extrabold tracking-tight text-white sm:text-5xl md:text-6xl">49 <span class="block">The Digitalization Foundation</span>50 </h1>51 <p class="mt-6 max-w-lg mx-auto text-xl text-gray-300">52 Where building operations meet digital simplicity and actionable insights.53 </p>54 </div>55 </div>56 </div>57 <!-- Differentiator Section -->58 <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">59 <div class="lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center">60 <div>61 <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">62 Why We're Different63 </h2>64 <p class="mt-6 text-lg text-gray-600">65 Most building management platforms require expensive BIM and infrastructure upgrades. We deliver actionable insights from existing systems in weeks.66 </p>67 <div class="mt-8">68 <div class="flex">69 <div class="flex-shrink-0">70 <i data-feather="zap" class="h-6 w-6 text-gray-600"></i>71 </div>72 <div class="ml-3">73 <p class="text-base text-gray-600">74 <strong>Simplicity Over Complexity:</strong> We prioritize actionable insights over photorealistic renderings.75 </p>76 </div>77 </div>78 <div class="flex mt-4">79 <div class="flex-shrink-0">80 <i data-feather="zap" class="h-6 w-6 text-gray-600"></i>81 </div>82 <div class="ml-3">83 <p class="text-base text-gray-600">84 <strong>Speed of Deployment:</strong> Go from data chaos to actionable clarity in weeks, not years.85 </p>86 </div>87 </div>88 <div class="flex mt-4">89 <div class="flex-shrink-0">90 <i data-feather="zap" class="h-6 w-6 text-gray-600"></i>91 </div>92 <div class="ml-3">93 <p class="text-base text-gray-600">94 <strong>Practical Over Perfect:</strong> Functional Gray Models that show exactly what needs attention.95 </p>96 </div>97 </div>98 </div>99 </div>100 <div class="mt-12 lg:mt-0">101 <img class="rounded-lg shadow-xl" src="http://static.photos/technology/1024x576/47" alt="FacilityFlow platform interface">102 </div>103 </div>104 </div>105 <!-- Capabilities Section -->106 <div class="bg-gray-100">107 <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">108 <div class="text-center">109 <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">110 Technical Capabilities111 </h2>112 <p class="mt-4 max-w-2xl mx-auto text-xl text-gray-600">113 The digital foundation behind our unified building lifecycle platform.114 </p>115 </div>116 <div class="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">117 <div class="bg-white p-6 rounded-lg shadow">118 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-gray-600">119 <i data-feather="cpu" class="h-6 w-6"></i>120 </div>121 <h3 class="mt-6 text-lg font-medium text-gray-900">Edge Gateway Integration</h3>122 <p class="mt-2 text-gray-600">123 Seamless connection to existing BACnet, Modbus, and other building systems.124 </p>125 </div>126 <div class="bg-white p-6 rounded-lg shadow">127 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-gray-600">128 <i data-feather="box" class="h-6 w-6"></i>129 </div>130 <h3 class="mt-6 text-lg font-medium text-gray-900">Functional Gray Model Generation</h3>131 <p class="mt-2 text-gray-600">132 Automatic creation of simple, color-coded 3D building models.133 </p>134 </div>135 <div class="bg-white p-6 rounded-lg shadow">136 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-gray-600">137 <i data-feather="eye" class="h-6 w-6"></i>138 </div>139 <h3 class="mt-6 text-lg font-medium text-gray-900">Performance Scoring Engine</h3>140 <p class="mt-2 text-gray-600">141 Complex building data translated into simple, actionable performance scores.142 </p>143 </div>144 <div class="bg-white p-6 rounded-lg shadow">145 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-gray-600">146 <i data-feather="database" class="h-6 w-6"></i>147 </div>148 <h3 class="mt-6 text-lg font-medium text-gray-900">Unified Data Platform</h3>149 <p class="mt-2 text-gray-600">150 Cross-functional integration of operations, maintenance, and project data.151 </p>152 </div>153 <div class="bg-white p-6 rounded-lg shadow">154 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-gray-600">155 <i data-feather="users" class="h-6 w-6"></i>156 </div>157 <h3 class="mt-6 text-lg font-medium text-gray-900">Mobile-First Interface</h3>158 <p class="mt-2 text-gray-600">159 Performance scores and alerts accessible from any mobile device.160 </p>161 </div>162 </div>163 </div>164 </div>165 <!-- Team Section -->166 <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">167 <div class="text-center">168 <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">169 Leadership Team170 </h2>171 <p class="mt-4 max-w-2xl mx-auto text-xl text-gray-600">172 Experts at the intersection of building operations, digital technology, and practical engineering.173 </p>174 </div>175 <div class="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">176 <div class="bg-white overflow-hidden shadow rounded-lg">177 <div class="px-4 py-5 sm:p-6">178 <div class="flex items-center">179 <div class="flex-shrink-0">180 <img class="h-16 w-16 rounded-full" src="http://static.photos/people/200x200/101" alt="Alex Morgan">181 </div>182 <div class="ml-4">183 <h3 class="text-lg font-medium text-gray-900">Alex Morgan</h3>184 <p class="text-sm text-gray-600">Chief Technology Officer</p>185 </div>186 </div>187 <div class="mt-4">188 <p class="text-gray-600 text-sm">189 Former building automation systems architect with 12+ years in IoT and edge computing.190 </p>191 </div>192 </div>193 </div>194 <div class="bg-white overflow-hidden shadow rounded-lg">195 <div class="px-4 py-5 sm:p-6">196 <div class="flex items-center">197 <div class="flex-shrink-0">198 <img class="h-16 w-16 rounded-full" src="http://static.photos/people/200x200/102" alt="Dr. Sarah Kim">199 </div>200 <div class="ml-4">201 <h3 class="text-lg font-medium text-gray-900">Dr. Sarah Kim</h3>202 <p class="text-sm text-gray-600">Head of Building Sciences</p>203 </div>204 </div>205 <div class="mt-4">206 <p class="text-gray-600 text-sm">207 PhD in Mechanical Engineering with 15+ years in HVAC optimization and energy efficiency.208 </p>209 </div>210 </div>211 </div>212 <div class="bg-white overflow-hidden shadow rounded-lg">213 <div class="px-4 py-5 sm:p-6">214 <div class="flex items-center">215 <div class="flex-shrink-0">216 <img class="h-16 w-16 rounded-full" src="http://static.photos/people/200x200/103" alt="Marcus Rodriguez">217 </div>218 <div class="ml-4">219 <h3 class="text-lg font-medium text-gray-900">Marcus Rodriguez</h3>220 <p class="text-sm text-gray-600">Director of Customer Success</p>221 </div>222 </div>223 <div class="mt-4">224 <p class="text-gray-600 text-sm">225 Former facility operations director with 18+ years managing commercial and industrial properties.226 </p>227 </div>228 </div>229 </div>230 </div>231 </div>232<!-- Company Timeline -->233 <div class="bg-gray-100">234 <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">235 <div class="text-center">236 <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">237 Our Journey238 </h2>239 <p class="mt-4 max-w-2xl mx-auto text-xl text-gray-600">240 Building climate resilience since 2015.241 </p>242 </div>243 <div class="mt-12">244 <div class="space-y-8 relative">245 <div class="timeline-item relative pl-8 sm:pl-32">246 <div class="absolute left-0 sm:left-24 flex items-center justify-center h-8 w-8 rounded-full bg-emerald-600 text-white">247 2015248 </div>249 <div class="bg-white p-6 rounded-lg shadow">250 <h3 class="text-lg font-medium text-gray-900">Founded by Climate Scientists and Engineers</h3>251 <p class="mt-2 text-gray-600">252 Recognized the gap between climate projections and actionable engineering solutions.253 </p>254 </div>255 </div>256 <div class="timeline-item relative pl-8 sm:pl-32">257 <div class="absolute left-0 sm:left-24 flex items-center justify-center h-8 w-8 rounded-full bg-emerald-600 text-white">258 2017259 </div>260 <div class="bg-white p-6 rounded-lg shadow">261 <h3 class="text-lg font-medium text-gray-900">Developed Proprietary Asset Vulnerability Models</h3>262 <p class="mt-2 text-gray-600">263 First industrial-scale damage functions for climate hazards.264 </p>265 </div>266 </div>267 <div class="timeline-item relative pl-8 sm:pl-32">268 <div class="absolute left-0 sm:left-24 flex items-center justify-center h-8 w-8 rounded-full bg-emerald-600 text-white">269 2019270 </div>271 <div class="bg-white p-6 rounded-lg shadow">272 <h3 class="text-lg font-medium text-gray-900">Launched Financial Risk Platform</h3>273 <p class="mt-2 text-gray-600">274 Integrated climate projections with CVaR modeling for capital planning.275 </p>276 </div>277 </div>278 <div class="timeline-item relative pl-8 sm:pl-32">279 <div class="absolute left-0 sm:left-24 flex items-center justify-center h-8 w-8 rounded-full bg-emerald-600 text-white">280 2022281 </div>282 <div class="bg-white p-6 rounded-lg shadow">283 <h3 class="text-lg font-medium text-gray-900">Expanded to Global Operations</h3>284 <p class="mt-2 text-gray-600">285 Serving Fortune 500 clients across North America, Europe, and Asia.286 </p>287 </div>288 </div>289 </div>290 </div>291 </div>292 </div>293 <!-- CTA Section -->294 <div class="bg-gray-600">295 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8 lg:py-16">296 <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">297 <div>298 <h2 class="text-3xl font-extrabold text-white sm:text-4xl">299 <span class="block">Ready to Transform Your Building Operations?</span>300 <span class="block text-gray-300">Let's discuss your digitalization strategy.</span>301 </h2>302 <p class="mt-3 text-lg text-gray-300">303 Our team of building technology experts is ready to help you achieve operational excellence.304 </p>305 </div>306 <div class="mt-8 lg:mt-0">307 <div class="inline-flex rounded-md shadow">308 <a href="demo.html" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-gray-900 bg-white hover:bg-gray-50">309 Request Demo310 <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i>311 </a>312 </div>313 <div class="inline-flex ml-3 rounded-md shadow">314 <a href="contact.html" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gray-700 hover:bg-gray-800">315 Contact Us316 <i data-feather="mail" class="ml-2 h-4 w-4"></i>317 </a>318 </div>319 </div>320 </div>321 </div>322 </div>323 <!-- Footer -->324 <footer class="bg-gray-800">325 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">326 <div class="grid grid-cols-2 md:grid-cols-4 gap-8">327 <div>328 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Platform</h3>329 <ul class="mt-4 space-y-4">330 <li><a href="features.html" class="text-base text-gray-300 hover:text-white">Features</a></li>331 <li><a href="solutions.html" class="text-base text-gray-300 hover:text-white">Solutions</a></li>332 <li><a href="pricing.html" class="text-base text-gray-300 hover:text-white">Pricing</a></li>333 </ul>334 </div>335 <div>336 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Resources</h3>337 <ul class="mt-4 space-y-4">338 <li><a href="case-studies.html" class="text-base text-gray-300 hover:text-white">Case Studies</a></li>339 <li><a href="blog.html" class="text-base text-gray-300 hover:text-white">Blog</a></li>340 <li><a href="support.html" class="text-base text-gray-300 hover:text-white">Support</a></li>341 </ul>342 </div>343 <div>344 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>345 <ul class="mt-4 space-y-4">346 <li><a href="about.html" class="text-base text-gray-300 hover:text-white">About</a></li>347 <li><a href="careers.html" class="text-base text-gray-300 hover:text-white">Careers</a></li>348 <li><a href="contact.html" class="text-base text-gray-300 hover:text-white">Contact</a></li>349 </ul>350 </div>351 <div>352 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect</h3>353 <ul class="mt-4 space-y-4">354 <li><a href="#" class="text-base text-gray-300 hover:text-white">LinkedIn</a></li>355 <li><a href="#" class="text-base text-gray-300 hover:text-white">Twitter</a></li>356 </ul>357 </div>358 </div>359 <div class="mt-12 border-t border-gray-700 pt-8">360 <p class="text-base text-gray-400 text-center">361 © 2024 FacilityFlow. All rights reserved.362 </p>363 </div>364 </div>365 </footer>366 <script>367 feather.replace();368 </script>369</body>370</html>371