1<html lang="en"><head> 2<meta charset="utf-8"/> 3<meta content="width=device-width, initial-scale=1.0" name="viewport"/> 4<meta content="StrategyPro - Leading Business Strategy & Digital Transformation Consultancy. Expert solutions for modern business challenges." name="description"/> 5<meta content="business strategy, digital transformation, consulting services, business innovation, strategic planning, growth advisory" name="keywords"/> 6<meta content="StrategyPro - Strategic Business Transformation" property="og:title"/> 7<meta content="Transform your business with expert consulting services and innovative growth solutions" property="og:description"/> 8<meta content="website" property="og:type"/> 9<meta content="summary_large_image" name="twitter:card"/> 10<meta content="StrategyPro - Strategic Business Transformation" name="twitter:title"/> 11<meta content="Transform your business with expert consulting services and innovative growth solutions" name="twitter:description"/> 12<title>StrategyPro - Strategic Business Transformation</title>
13<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
vendor: 1 bytes, line 13
13
14<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
vendor: 1 bytes, line 14
14
15<script src="https://cdn.tailwindcss.com"></script>
15 16<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet"/>
17<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
17 18<style>.container { 19 max-width: 1200px; 20 margin: 0 auto; 21 padding: 0 1rem; 22} 23 24.section-padding { 25 padding-top: 4rem; 26 padding-bottom: 4rem; 27} 28 29@media (min-width: 768px) { 30 .section-padding { 31 padding-top: 6rem; 32 padding-bottom: 6rem; 33 } 34} 35 36.smooth-scroll { 37 scroll-behavior: smooth; 38} 39 40::selection { 41 background: #9E3FFD; 42 color: white; 43} 44 45::-moz-selection { 46 background: #9E3FFD; 47 color: white; 48} 49</style> 50<style>.header-shadow { 51 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 52} 53 54.nav-link { 55 position: relative; 56} 57 58.nav-link::after { 59 content: ''; 60 position: absolute; 61 bottom: -4px; 62 left: 0; 63 width: 0; 64 height: 2px; 65 background-color: #9E3FFD; 66 transition: width 0.3s ease; 67} 68 69.nav-link:hover::after { 70 width: 100%; 71} 72 73.backdrop-blur-md { 74 backdrop-filter: blur(12px); 75 -webkit-backdrop-filter: blur(12px); 76} 77</style> 78<style>.hero-section { 79 position: relative; 80 height: 100vh; 81 overflow: hidden; 82} 83 84.hero-background { 85 position: absolute; 86 top: -20%; 87 left: 0; 88 width: 100%; 89 height: 120%; 90 background-image: url('https://app.trickle.so/storage/public/images/usr_09073b5640000001/7f97ad9e-2307-4969-b6c1-0992defc56da.png'); 91 background-position: center; 92 background-size: cover; 93 transform: translate3d(0, 0, 0); 94 will-change: transform; 95 animation: parallax 1s cubic-bezier(0,0,0.2,1) forwards; 96} 97 98.hero-content-wrapper { 99 position: relative; 100 height: 100%; 101 display: flex; 102 align-items: center; 103 z-index: 1; 104} 105 106.hero-content { 107 opacity: 0; 108 transform: translateY(20px); 109 animation: fadeInUp 0.8s ease forwards; 110 animation-delay: 0.3s; 111} 112 113@keyframes fadeInUp { 114 from { 115 opacity: 0; 116 transform: translateY(20px); 117 } 118 to { 119 opacity: 1; 120 transform: translateY(0); 121 } 122} 123 124@keyframes parallax { 125 to { 126 transform: translate3d(0, calc(var(--scroll) * 0.3), 0); 127 } 128} 129 130:root { 131 --scroll: 0px; 132} 133 134@media (max-width: 768px) { 135 .hero-background { 136 top: 0; 137 height: 100%; 138 animation: none; 139 transform: none; 140 } 141} 142</style> 143<style>.service-feature { 144 transition: transform 0.3s ease, box-shadow 0.3s ease; 145 background: white; 146 border-radius: 8px; 147} 148 149.service-feature:hover { 150 transform: translateY(-5px); 151 box-shadow: 0 10px 30px rgba(158, 63, 253, 0.1); 152} 153 154.service-icon { 155 display: inline-flex; 156 align-items: center; 157 justify-content: center; 158 width: 64px; 159 height: 64px; 160} 161 162.service-feature p { 163 color: #4B5563; 164 line-height: 1.6; 165} 166 167.service-feature h3 { 168 transition: color 0.3s ease; 169} 170 171.service-feature:hover h3 { 172 color: #9E3FFD; 173} 174</style> 175<style>.about-image-container { 176 position: relative; 177 height: 600px; 178 overflow: hidden; 179 border-radius: 8px; 180 background-color: #F5F0FF; 181} 182 183.about-background { 184 position: absolute; 185 top: -80%; 186 left: 0; 187 width: 100%; 188 height: 140%; 189 background-image: url('https://app.trickle.so/storage/public/images/usr_09073b5640000001/851c4762-7e52-47b8-b091-5ba3df326f12.png'); 190 background-size: cover; 191 background-position: center; 192 background-repeat: no-repeat; 193 transform: translate3d(0, 0, 0); 194 will-change: transform; 195} 196 197.about-image-container.is-visible .about-background { 198 animation: aboutParallax 1s cubic-bezier(0,0,0.2,1) forwards; 199} 200 201.about-content { 202 position: relative; 203 z-index: 1; 204} 205 206.about-content p { 207 font-size: 1.125rem; 208 opacity: 0.9; 209 line-height: 1.75; 210} 211 212@keyframes aboutParallax { 213 to { 214 transform: translate3d(0, calc((var(--scroll) - var(--about-offset) - 1200px) * 0.2), 0); 215 } 216} 217 218:root { 219 --about-offset: 0px; 220} 221 222@media (max-width: 767px) { 223 .about-image-container { 224 height: 400px; 225 } 226 227 .about-background { 228 top: -150%; 229 height: 140%; 230 animation: none; 231 transform: none; 232 } 233} 234</style> 235<style>.testimonials-slider { 236 position: relative; 237 height: 300px; 238} 239 240.testimonial-slide { 241 top: 0; 242 left: 0; 243 right: 0; 244 text-align: center; 245} 246 247.testimonial-slide blockquote { 248 line-height: 1.2; 249 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 250} 251 252@media (max-width: 768px) { 253 .testimonials-slider { 254 height: 400px; 255 } 256 257 .testimonial-slide blockquote { 258 font-size: 2rem; 259 line-height: 1.3; 260 } 261} 262 263.testimonial-slide.opacity-100 { 264 z-index: 1; 265} 266 267.testimonial-author { 268 position: relative; 269 display: inline-block; 270} 271 272.testimonial-author::after { 273 content: ''; 274 position: absolute; 275 bottom: -8px; 276 left: 50%; 277 transform: translateX(-50%); 278 width: 40px; 279 height: 2px; 280 background-color: rgba(255, 255, 255, 0.3); 281} 282</style> 283<style>.contact-form input, 284.contact-form textarea { 285 transition: border-color 0.3s ease; 286 background: transparent; 287} 288 289.contact-form input:focus, 290.contact-form textarea:focus { 291 border-color: #9E3FFD; 292} 293 294.contact-info { 295 position: relative; 296} 297 298.contact-info::after { 299 content: ''; 300 position: absolute; 301 top: -20px; 302 left: 0; 303 width: 60px; 304 height: 4px; 305 background: #9E3FFD; 306 border-radius: 2px; 307} 308 309.social-links a { 310 transition: color 0.3s ease, transform 0.3s ease; 311} 312 313.social-links a:hover { 314 color: #9E3FFD; 315 transform: translateY(-2px); 316} 317 318input::placeholder, 319textarea::placeholder { 320 color: #666; 321 opacity: 1; 322 transition: opacity 0.3s ease; 323} 324 325input:focus::placeholder, 326textarea:focus::placeholder { 327 opacity: 0.7; 328} 329 330.success-message { 331 animation: slideIn 0.5s ease forwards; 332} 333 334@keyframes slideIn { 335 from { 336 opacity: 0; 337 transform: translateY(-10px); 338 } 339 to { 340 opacity: 1; 341 transform: translateY(0); 342 } 343} 344</style> 345<style>.site-footer { 346 border-top: 1px solid rgba(0, 0, 0, 0.1); 347} 348 349.footer-content { 350 position: relative; 351} 352 353.footer-text { 354 transition: opacity 0.3s ease; 355} 356 357.footer-text:hover { 358 opacity: 0.8; 359} 360 361#footer-map { 362 background-color: #f5f5f5; 363} 364 365.leaflet-container { 366 z-index: 1; 367} 368 369/* Add hover effect to remove grayscale */ 370.leaflet-tile-pane { 371 transition: filter 0.3s ease; 372} 373 374#footer-map:hover .leaflet-tile-pane { 375 filter: grayscale(0) !important; 376} 377</style> 378<style>.stats-section { 379 position: relative; 380 overflow: hidden; 381} 382 383.stat-item { 384 position: relative; 385 z-index: 1; 386} 387 388.stat-number { 389 background: linear-gradient(135deg, #9E3FFD 0%, #7B2FD4 100%); 390 -webkit-background-clip: text; 391 -webkit-text-fill-color: transparent; 392 background-clip: text; 393 text-fill-color: transparent; 394} 395</style> 396<style>.client-logo { 397 transition: transform 0.3s ease; 398} 399 400.client-logo:hover { 401 transform: translateY(-2px); 402} 403 404@font-face { 405 font-family: 'Cursive'; 406 src: local('Brush Script MT'), local('Comic Sans MS'); 407} 408 409.font-cursive { 410 font-family: 'Cursive', cursive; 411} 412 413.font-condensed { 414 font-family: Arial Narrow, Arial, sans-serif; 415} 416 417#clients { 418 position: relative; 419} 420 421#clients::before { 422 content: ''; 423 position: absolute; 424 top: 0; 425 left: 0; 426 right: 0; 427 height: 1px; 428 background-color: rgba(22, 22, 63, 0.1); 429} 430</style>
431<script id="trickle-project">window.__PROTO_STATE__ = {"projectId": "proj_1sku3EYsYv9", "userId": "usr_0a2dbad050008001", "workspaceId": "workspace_id_usr_0a2dbad050008001", "memberId": "member_id_usr_0a2dbad050008001", "projectTitle": "Business Website"};</script>
431<script id="trickle-badge">!function () { 432 fetch("https://app.trickle.so/proto/api/subs/features/5?userId=" + window.__PROTO_STATE__.userId).then((res) => res.json()).then((res) => { 433 if (res.data && res.data.enable) { 434 return; 435 } 436 437 const el = document.createElement("div"); 438 439 el.innerHTML = `<div id="proto-trickle-badge-element" class="fixed duration-300 bg-black bottom-6 hover:shadow-[0_0_15px_rgba(85,85,85,0.3)] right-6 py-2 pl-3 pr-5 rounded-lg border hover:border-gray-700 border-gray-800 hover:-translate-y-0.5 z-[199999]"><a href="https://app.trickle.so" target="_blank" rel="noopener noreferrer" class="flex items-center space-x-2"><span><svg width="20" height="20" viewBox="0 0 288 288" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.19 217.196V231.921C217.19 256.318 197.412 276.096 173.014 276.096H55.2133C30.816 276.096 11.038 256.318 11.038 231.921V114.12C11.038 89.7223 30.816 69.9443 55.2133 69.9443H69.9385" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M69.9496 55.2193V173.02C69.9496 197.418 89.7275 217.196 114.125 217.196H231.926C256.323 217.196 276.101 197.418 276.101 173.02V55.2193C276.101 30.8219 256.323 11.0439 231.926 11.0439H114.125C89.7275 11.0439 69.9496 30.8219 69.9496 55.2193Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M114.12 0C83.623 0 58.9005 24.7225 58.9005 55.2192V58.9005H55.2192C24.7225 58.9005 0 83.623 0 114.12V231.921C0 262.418 24.7225 287.14 55.2192 287.14H173.02C203.517 287.14 228.24 262.418 228.24 231.921V228.24H231.921C262.418 228.24 287.14 203.517 287.14 173.02V55.2192C287.14 24.7225 262.418 0 231.921 0H114.12ZM206.152 228.24V231.921C206.152 250.219 191.318 265.052 173.02 265.052H55.2192C36.9212 265.052 22.0877 250.219 22.0877 231.921V114.12C22.0877 95.8217 36.9212 80.9882 55.2192 80.9882H58.9005V173.02C58.9005 203.517 83.623 228.24 114.12 228.24H206.152ZM80.9882 173.02C80.9882 191.318 95.8217 206.152 114.12 206.152H231.921C250.219 206.152 265.052 191.318 265.052 173.02V55.2192C265.052 36.9212 250.219 22.0877 231.921 22.0877H114.12C95.8217 22.0877 80.9882 36.9212 80.9882 55.2192V173.02Z" fill="#1F2937"></path><path d="M125.165 84.6693C125.165 78.57 130.109 73.6255 136.209 73.6255H209.834C215.934 73.6255 220.878 78.57 220.878 84.6693C220.878 90.7687 215.934 95.7132 209.834 95.7132H184.065V158.295C184.065 164.394 179.121 169.339 173.022 169.339C166.922 169.339 161.978 164.394 161.978 158.295V95.7132H136.209C130.109 95.7132 125.165 90.7687 125.165 84.6693Z" fill="#1F2937"></path></svg></span><span class="text-sm text-gray-300 transition-colors">Built with Trickle</span></a><span id="badge-close-button" class="absolute p-1 top-0 right-0 z-10 cursor-pointer hover:bg-gray-800 rounded-full overflow-hidden" onclick="document.body.removeChild(document.querySelector('#proto-trickle-badge-element'))"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" stroke="grey" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></div>`; 440 document.body.appendChild(el.firstChild); 441 }); 442}(); 443</script>
vendor: 1 bytes, line 443
443
444<script id="trickle-analytics"> 445!function () { 446 var analytics = window.analytics = window.analytics || []; 447 448 if (!analytics.initialize) if (analytics.invoked) window.console && console.error && console.error("Segment snippet included twice."); else { 449 analytics.invoked = !0; analytics.methods = ["trackSubmit", "trackClick", "trackLink", "trackForm", "pageview", "identify", "reset", "group", "track", "ready", "alias", "debug", "page", "once", "off", "on", "addSourceMiddleware", "addIntegrationMiddleware", "setAnonymousId", "addDestinationMiddleware"]; analytics.factory = function (e) { return function () { var t = Array.prototype.slice.call(arguments); t.unshift(e); analytics.push(t); return analytics } }; for (var e = 0; e < analytics.methods.length; e++) { var key = analytics.methods[e]; analytics[key] = analytics.factory(key) } analytics.load = function (key, e) { var t = document.createElement("script"); t.type = "text/javascript"; t.async = !0; t.src = "https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(t, n); analytics._loadOptions = e }; console.log(analytics); analytics._writeKey = "FMFy0tKyTGNTC64dzUT5nA3IrqfP6yhr"; analytics.SNIPPET_VERSION = "4.15.3"; 450 451 analytics.load("ryeevPxktAiS6AL1tjATM0s7iGf7piwM", { 452 integrations: { "Segment.io": { apiHost: "app.trickle.so/sgmt/client", apiKey: "FMFy0tKyTGNTC64dzUT5nA3IrqfP6yhr" }} 453 }); 454 455 try { 456 if (window.parent.location.href !== "https://app.trickle.so/project?id=" + window.__PROTO_STATE__.projectId) { 457 analytics.page({ 458 project_id: window.__PROTO_STATE__.projectId, 459 user_id: window.__PROTO_STATE__.userId, 460 indice: "nge-analytics-user" 461 }); 462 } 463 } catch (e) { 464 analytics.page({ 465 project_id: window.__PROTO_STATE__.projectId, 466 user_id: window.__PROTO_STATE__.userId, 467 indice: "nge-analytics-user" 468 }); 469 } 470 } 471}(); 472 473function reportError (error) { 474 if (window.parent) { 475 window.parent.postMessage({ 476 type: "error", 477 data: (error.error ? error.error.stack || error.error.message : '') 478 }); 479 } 480}</script>
480</head> 481<body>
481<script src="https://app.trickle.so/storage/trickle.js"></script>
481 482<div id="root"></div>
483<script>function Header(){const[isMenuOpen,setIsMenuOpen]=React.useState(false);const[hasScrolled,setHasScrolled]=React.useState(false);const menuItems=[{label:"Overview",href:"#",isActive:true},{label:"Solutions",href:"#services"},{label:"Our Impact",href:"#about"},{label:"Case Studies",href:"#testimonials"},{label:"Partners",href:"#clients"},{label:"Connect",href:"#contact"}];React.useEffect(()=>{const handleScroll=()=>{setHasScrolled(window.scrollY>10)};window.addEventListener("scroll",handleScroll);return()=>window.removeEventListener("scroll",handleScroll)},[]);const scrollToContact=e=>{e.preventDefault();try{const contactSection=document.getElementById("contact");if(contactSection){contactSection.scrollIntoView({behavior:"smooth",block:"start"})}}catch(error){reportError(error)}};return React.createElement("header",{"data-name":"site-header",className:`fixed w-full bg-white/80 backdrop-blur-md z-50 transition-shadow duration-300 ${hasScrolled?"shadow-md":""}`},React.createElement("div",{className:"container mx-auto px-6 py-4"},React.createElement("div",{className:"flex items-center justify-between"},React.createElement("div",{"data-name":"logo",className:"text-2xl font-bold text-[#16163F]"},"StrategyPro"),React.createElement("nav",{"data-name":"desktop-nav",className:"hidden md:flex space-x-8"},menuItems.map((item,index)=>React.createElement("a",{key:index,href:item.href,className:`text-gray-600 hover:text-[#9E3FFD] transition duration-300 ${item.isActive?"text-[#9E3FFD]":""}`},item.label))),React.createElement("button",{"data-name":"call-button",className:"hidden md:block bg-[#9E3FFD] text-white px-6 py-2 rounded-full hover:bg-[#8833d8] transition duration-300",onClick:scrollToContact},"Schedule Consultation"),React.createElement("button",{"data-name":"mobile-menu-button",className:"md:hidden text-gray-600",onClick:()=>setIsMenuOpen(!isMenuOpen)},React.createElement("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},React.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16m-16 6h16"})))),isMenuOpen&&React.createElement("nav",{"data-name":"mobile-nav",className:"md:hidden mt-4 pb-4"},menuItems.map((item,index)=>React.createElement("a",{key:index,href:item.href,className:`block py-2 text-gray-600 hover:text-[#9E3FFD] ${item.isActive?"text-[#9E3FFD]":""}`,onClick:()=>setIsMenuOpen(false)},item.label)),React.createElement("button",{className:"w-full mt-4 bg-[#9E3FFD] text-white px-6 py-2 rounded-full hover:bg-[#8833d8] transition duration-300",onClick:e=>{scrollToContact(e);setIsMenuOpen(false)}},"Schedule Consultation"))))}</script>
vendor: 1 bytes, line 483
483
484<script>function Hero(){return React.createElement("section",{"data-name":"hero-section",className:"hero-section"},React.createElement("div",{className:"hero-background"}),React.createElement("div",{className:"hero-content-wrapper"},React.createElement("div",{className:"container mx-auto px-6"},React.createElement("div",{"data-name":"hero-content",className:"max-w-2xl"},React.createElement("h1",{className:"text-5xl md:text-7xl font-bold mb-6 text-[#16163F] leading-tight"},"Innovate.",React.createElement("br",null),"Transform.",React.createElement("br",null),"Succeed."),React.createElement("p",{className:"text-xl mb-8 text-gray-600"},"Empowering businesses to thrive in the digital age through strategic innovation and transformative solutions."),React.createElement("a",{href:"#services",className:"inline-block bg-[#9E3FFD] text-white px-8 py-3 rounded-full font-semibold hover:bg-[#8833d8] transition duration-300"},"Discover Our Solutions")))))}</script>
vendor: 1 bytes, line 484
484
485<script>function Services(){const services=[{icon:React.createElement("svg",{preserveAspectRatio:"xMidYMid meet","data-bbox":"26.5 23.75 147 152.5",viewBox:"26.5 23.75 147 152.5",height:"64",width:"64",xmlns:"http://www.w3.org/2000/svg",role:"presentation","aria-hidden":"true"},React.createElement("g",null,React.createElement("path",{fill:"#16163F",clipRule:"evenodd",fillRule:"evenodd",d:"M42 170.25a6 6 0 1 1-12 0 6 6 0 0 1 12 0z"}),React.createElement("path",{fill:"#DDBBFF",clipRule:"evenodd",fillRule:"evenodd",d:"M173.5 103.75c0 31.48-25.52 57-57 57s-57-25.52-57-57 25.52-57 57-57 57 25.52 57 57z"}),React.createElement("path",{fill:"#9E3FFD",clipRule:"evenodd",fillRule:"evenodd",d:"M116.5 68.75c0 24.853-20.147 45-45 45s-45-20.147-45-45 20.147-45 45-45 45 20.147 45 45z"}))),title:"Strategic Innovation",description:"Transform your business model with data-driven strategies and innovative solutions tailored to your industry's evolving landscape."},{icon:React.createElement("svg",{preserveAspectRatio:"xMidYMid meet","data-bbox":"20 34.606 159.999 126.634",viewBox:"20 34.606 159.999 126.634",height:"64",width:"64",xmlns:"http://www.w3.org/2000/svg",role:"presentation","aria-hidden":"true"},React.createElement("g",null,React.createElement("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M60.163 40.369a5.763 5.763 0 1 1-11.526 0 5.763 5.763 0 0 1 11.526 0z",fill:"#16163F"}),React.createElement("path",{d:"M37.029 103.69l40.464 40.531a9.606 9.606 0 0 1 0 13.572l-.627.628a9.604 9.604 0 0 1-13.583.011l-.011-.011-40.465-40.531a9.606 9.606 0 0 1 0-13.572l.627-.628a9.604 9.604 0 0 1 13.583-.011c.005.003.008.007.012.011z",fill:"#DDBBFF",clipRule:"evenodd",fillRule:"evenodd"}),React.createElement("path",{d:"M62.556 144.076L162.971 43.492a9.604 9.604 0 0 1 13.583-.011l.011.011.627.628a9.606 9.606 0 0 1 0 13.572L76.777 158.276a9.604 9.604 0 0 1-13.583.011l-.011-.011-.627-.628a9.604 9.604 0 0 1 0-13.572z",fill:"#9E3FFD",clipRule:"evenodd",fillRule:"evenodd"}))),title:"Digital Excellence",description:"Accelerate your digital transformation with cutting-edge technology solutions and seamless implementation strategies."},{icon:React.createElement("svg",{preserveAspectRatio:"xMidYMid meet","data-bbox":"26.982 26 146.037 148",viewBox:"26.982 26 146.037 148",height:"64",width:"64",xmlns:"http://www.w3.org/2000/svg",role:"presentation","aria-hidden":"true"},React.createElement("g",null,React.createElement("path",{fill:"#16163F",clipRule:"evenodd",fillRule:"evenodd",d:"M173.019 168.11a5.89 5.89 0 1 1-11.78 0 5.89 5.89 0 0 1 11.78 0z"}),React.createElement("path",{fill:"#16163F",clipRule:"evenodd",fillRule:"evenodd",d:"M173.019 168.11a5.89 5.89 0 1 1-11.78 0 5.89 5.89 0 0 1 11.78 0z"}),React.createElement("path",{fill:"#DDBBFF",clipRule:"evenodd",fillRule:"evenodd",d:"M153.608 59.374v93.252H60.356V59.374h93.252z"}),React.createElement("path",{fill:"#9E3FFD",clipRule:"evenodd",fillRule:"evenodd",d:"M92.749 26v65.767H26.982V26h65.767z"}))),title:"Growth Acceleration",description:"Unlock sustainable growth opportunities through market analysis, strategic partnerships, and optimized business processes."}];return React.createElement("section",{id:"services","data-name":"services-section",className:"section-padding bg-gray-50"},React.createElement("div",{className:"container mx-auto"},React.createElement("div",{"data-name":"section-header",className:"text-center mb-16"},React.createElement("span",{className:"text-[#9E3FFD] font-semibold tracking-wide uppercase"},"OUR EXPERTISE"),React.createElement("h2",{className:"text-[#16163F] text-3xl md:text-4xl font-bold mt-2"},"Driving Business Excellence")),React.createElement("div",{className:"grid md:grid-cols-3 gap-8"},services.map((service,index)=>React.createElement("div",{key:index,"data-name":"service-feature",className:"text-center px-6 py-8"},React.createElement("div",{className:"mb-4 flex justify-center"},service.icon),React.createElement("h3",{className:"text-xl font-bold mb-4 text-[#16163F]"},service.title),React.createElement("p",{className:"text-[#16163F]"},service.description))))))}</script>
vendor: 1 bytes, line 485
485
486<script>function Stats(){const stats=[{number:"12",label:"Years of Innovation"},{number:"250",label:"Client Success Stories"},{number:"15",label:"Global Markets"},{number:"45",label:"Industry Experts"}];return React.createElement("section",{"data-name":"stats-section",className:"py-16"},React.createElement("div",{className:"container mx-auto"},React.createElement("div",{className:"relative bg-[#16163F] rounded-lg py-16"},React.createElement("h2",{className:"text-3xl text-center mb-12 text-white"},"Delivering Measurable Results"),React.createElement("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-8 px-6"},stats.map((stat,index)=>React.createElement("div",{key:index,"data-name":"stat-item",className:"text-center"},React.createElement("div",{className:"text-5xl md:text-6xl font-bold mb-2 text-[#9E3FFD]"},stat.number,"+"),React.createElement("div",{className:"text-white text-lg"},stat.label)))),React.createElement("div",{className:"absolute inset-0 bg-[url('path/to/pattern.png')] opacity-5"}))))}</script>
vendor: 1 bytes, line 486
486
487<script>function About(){const aboutRef=React.useRef(null);const[isVisible,setIsVisible]=React.useState(false);const[offsetTop,setOffsetTop]=React.useState(0);React.useEffect(()=>{try{const observer=new IntersectionObserver(entries=>{const entry=entries[0];setIsVisible(entry.isIntersecting);if(entry.isIntersecting){const viewportHeight=window.innerHeight;setOffsetTop(entry.target.offsetTop-viewportHeight)}},{threshold:0.1});if(aboutRef.current){observer.observe(aboutRef.current)}return()=>observer.disconnect()}catch(error){reportError(error)}},[]);React.useEffect(()=>{try{if(isVisible){document.documentElement.style.setProperty("--about-offset",`${offsetTop}px`)}}catch(error){reportError(error)}},[isVisible,offsetTop]);return React.createElement("section",{id:"about",ref:aboutRef,"data-name":"about-section",className:"section-padding bg-white relative"},React.createElement("div",{className:"container mx-auto"},React.createElement("div",{className:"grid md:grid-cols-2 gap-12 items-center"},React.createElement("div",{"data-name":"about-content",className:"max-w-lg relative z-[1]"},React.createElement("span",{className:"text-[#9E3FFD] font-semibold tracking-wide uppercase"},"ABOUT US"),React.createElement("h2",{className:"text-3xl md:text-4xl font-bold mt-2 mb-6 text-[#16163F]"},"Pioneering Strategic Excellence"),React.createElement("p",{className:"text-[#16163F] mb-6 leading-relaxed"},"Since 2011, StrategyPro has been at the forefront of business transformation, helping organizations navigate the complexities of modern markets. Our team of seasoned consultants combines deep industry expertise with innovative methodologies to deliver exceptional results."),React.createElement("p",{className:"text-[#16163F] leading-relaxed"},"We've successfully guided over 250 companies across 15 global markets, from ambitious startups to Fortune 500 enterprises. Our approach is rooted in data-driven insights, cutting-edge technology, and a deep understanding of emerging market trends. We don't just solve today's challenges \u2013 we prepare your business for tomorrow's opportunities.")),React.createElement("div",{"data-name":"about-image-container",className:`about-image-container ${isVisible?"is-visible":""}`},React.createElement("div",{className:"about-background"})))))}</script>
vendor: 1 bytes, line 487
487
488<script>function Testimonials(){const[currentSlide,setCurrentSlide]=React.useState(0);const testimonials=[{quote:"StrategyPro's innovative approach helped us achieve a 300% growth in digital engagement and 200% increase in market reach within 18 months.",author:"Sarah Chen",company:"TechVision Global"},{quote:"Their strategic insights and digital transformation expertise revolutionized our operations, leading to a 40% increase in operational efficiency.",author:"Michael Rodriguez",company:"Innovate Solutions"},{quote:"Working with StrategyPro transformed our business model completely. They helped us identify and capitalize on new market opportunities.",author:"Emma Thompson",company:"Future Dynamics"}];const nextSlide=()=>{setCurrentSlide(prev=>(prev+1)%testimonials.length)};const prevSlide=()=>{setCurrentSlide(prev=>(prev-1+testimonials.length)%testimonials.length)};React.useEffect(()=>{const timer=setInterval(nextSlide,5000);return()=>clearInterval(timer)},[]);return React.createElement("section",{id:"testimonials","data-name":"testimonials-section",className:"bg-[#9E3FFD] py-24"},React.createElement("div",{className:"container mx-auto px-4"},React.createElement("div",{className:"text-center"},React.createElement("h3",{className:"text-white text-sm font-semibold tracking-wider mb-12"},"SUCCESS STORIES"),React.createElement("div",{className:"relative max-w-4xl mx-auto"},React.createElement("div",{className:"testimonials-slider"},testimonials.map((testimonial,index)=>React.createElement("div",{key:index,className:`testimonial-slide absolute w-full transition-opacity duration-500 ${index===currentSlide?"opacity-100":"opacity-0 pointer-events-none"}`},React.createElement("blockquote",{className:"text-white text-4xl md:text-5xl font-bold mb-12"},"\"",testimonial.quote,"\""),React.createElement("div",{className:"text-white"},React.createElement("p",{className:"font-semibold text-xl mb-1"},testimonial.author),React.createElement("p",{className:"opacity-80"},testimonial.company))))),React.createElement("div",{className:"flex justify-center items-center space-x-3 mt-12"},testimonials.map((_,index)=>React.createElement("button",{key:index,onClick:()=>setCurrentSlide(index),className:`w-2 h-2 rounded-full transition-all duration-300 ${index===currentSlide?"bg-white w-8":"bg-white/50 hover:bg-white/70"}`,"aria-label":`Go to slide ${index+1}`})))))))}</script>
vendor: 1 bytes, line 488
488
489<script>function Clients(){const clients=[{name:"INNOVATECH",style:"font-bold bg-[#16163F] text-white px-4 py-2"},{name:"QUANTUM",style:"font-serif text-[#16163F] text-2xl"},{name:"FutureFlow",style:"font-cursive text-[#16163F] text-3xl italic"},{name:"DataSphere",style:"font-sans text-[#16163F] text-2xl font-medium"},{name:"NEXUS GROUP",style:"font-condensed text-[#16163F] text-2xl tracking-wider"}];return React.createElement("section",{id:"clients","data-name":"clients-section",className:"py-20 bg-[#F5F0FF]"},React.createElement("div",{className:"container mx-auto"},React.createElement("h2",{className:"text-center text-[#16163F] text-xl font-medium mb-16"},"TRUSTED BY INDUSTRY LEADERS"),React.createElement("div",{className:"grid grid-cols-2 md:grid-cols-5 gap-12 items-center px-6"},clients.map((client,index)=>React.createElement("div",{key:index,"data-name":"client-logo",className:`text-center flex justify-center items-center ${client.style}`},client.name)))))}</script>
vendor: 1 bytes, line 489
489
490<script>function Contact(){const[formData,setFormData]=React.useState({firstName:"",lastName:"",email:"",message:""});const[submitStatus,setSubmitStatus]=React.useState({status:"",message:""});const handleSubmit=async e=>{e.preventDefault();try{setSubmitStatus({status:"",message:""});if(!formData.firstName||!formData.lastName||!formData.email||!formData.message){throw new Error("Please fill in all required fields")}if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)){throw new Error("Please enter a valid email address")}const submission=await trickleCreateObject("contact_submissions",{...formData,submittedAt:new Date().toISOString()});setFormData({firstName:"",lastName:"",email:"",message:""});setSubmitStatus({status:"success",message:"Thank you for reaching out! Our team will contact you within 24 hours."})}catch(error){reportError(error);setSubmitStatus({status:"error",message:error.message||"Something went wrong. Please try again."})}};const handleChange=e=>{const{name,value}=e.target;setFormData(prev=>({...prev,[name]:value}))};return React.createElement("section",{id:"contact","data-name":"contact-section",className:"section-padding"},React.createElement("div",{className:"container mx-auto px-6"},React.createElement("div",{className:"grid md:grid-cols-2 gap-16"},React.createElement("div",{"data-name":"contact-info"},React.createElement("span",{className:"text-[#9E3FFD] font-semibold tracking-wide uppercase"},"CONTACT"),React.createElement("h2",{className:"text-4xl font-bold mt-2 mb-8 text-[#16163F]"},"Start Your Transformation"),React.createElement("div",{className:"space-y-2 mb-8 text-[#16163F]"},React.createElement("p",null,"One Market Street, Suite 3600, San Francisco, CA 94105"),React.createElement("p",null,"[email protected]"),React.createElement("p",null,"Tel: (415) 555-0123")),React.createElement("div",{className:"flex space-x-4"},React.createElement("a",{href:"#",className:"text-[#16163F] hover:text-[#9E3FFD]"},React.createElement("svg",{className:"w-6 h-6",fill:"currentColor",viewBox:"0 0 24 24"},React.createElement("path",{d:"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"}))),React.createElement("a",{href:"#",className:"text-[#16163F] hover:text-[#9E3FFD]"},React.createElement("svg",{className:"w-6 h-6",fill:"currentColor",viewBox:"0 0 24 24"},React.createElement("path",{d:"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"}))),React.createElement("a",{href:"#",className:"text-[#16163F] hover:text-[#9E3FFD]"},React.createElement("svg",{className:"w-6 h-6",fill:"currentColor",viewBox:"0 0 24 24"},React.createElement("path",{d:"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"}))))),React.createElement("form",{"data-name":"contact-form",onSubmit:handleSubmit,className:"space-y-8"},React.createElement("div",{className:"grid md:grid-cols-2 gap-8"},React.createElement("div",null,React.createElement("input",{type:"text",name:"firstName",placeholder:"First Name *",value:formData.firstName,onChange:handleChange,className:"w-full border-b border-gray-300 py-2 focus:border-[#9E3FFD] focus:outline-none transition-colors",required:true})),React.createElement("div",null,React.createElement("input",{type:"text",name:"lastName",placeholder:"Last Name *",value:formData.lastName,onChange:handleChange,className:"w-full border-b border-gray-300 py-2 focus:border-[#9E3FFD] focus:outline-none transition-colors",required:true}))),React.createElement("div",null,React.createElement("input",{type:"email",name:"email",placeholder:"Email *",value:formData.email,onChange:handleChange,className:"w-full border-b border-gray-300 py-2 focus:border-[#9E3FFD] focus:outline-none transition-colors",required:true})),React.createElement("div",null,React.createElement("textarea",{name:"message",placeholder:"Tell us about your business needs...",value:formData.message,onChange:handleChange,rows:"4",className:"w-full border-b border-gray-300 py-2 focus:border-[#9E3FFD] focus:outline-none transition-colors resize-none",required:true})),submitStatus.status&&React.createElement("div",{className:`p-4 rounded-md ${submitStatus.status==="success"?"bg-green-50 text-green-700":"bg-red-50 text-red-700"}`},submitStatus.message),React.createElement("button",{type:"submit",className:"bg-[#9E3FFD] text-white px-8 py-3 rounded-full hover:bg-[#8833d8] transition duration-300"},"Start Consultation")))))}</script>
vendor: 1 bytes, line 490
490
491<script>function Footer(){React.useEffect(()=>{try{const map=L.map("footer-map").setView([37.7749,-122.4194],13);L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",{maxZoom:19,attribution:"\xA9 OpenStreetMap contributors"}).addTo(map);const marker=L.marker([37.7749,-122.4194]).addTo(map);map.dragging.disable();map.touchZoom.disable();map.doubleClickZoom.disable();map.scrollWheelZoom.disable();const mapContainer=document.querySelector(".leaflet-tile-pane");if(mapContainer){mapContainer.style.filter="grayscale(1)"}return()=>{map.remove()}}catch(error){reportError(error)}},[]);return React.createElement("footer",{"data-name":"site-footer"},React.createElement("div",{className:"relative w-full h-[400px]"},React.createElement("div",{id:"footer-map",className:"w-full h-full"}),React.createElement("div",{className:"absolute bottom-0 w-full bg-white py-4"},React.createElement("div",{className:"container mx-auto px-6"},React.createElement("div",{className:"text-center text-sm text-gray-600"},"\xA9 ",new Date().getFullYear()," StrategyPro. All rights reserved. Transforming businesses through strategic innovation.")))))}</script>
vendor: 1 bytes, line 491
491
492<script>function App(){React.useEffect(()=>{const updateParallax=()=>{document.documentElement.style.setProperty("--scroll",`${window.pageYOffset}px`);requestAnimationFrame(updateParallax)};requestAnimationFrame(updateParallax)},[]);return React.createElement("div",{"data-name":"app-container",className:"relative"},React.createElement(Header,null),React.createElement("main",{className:"relative"},React.createElement("div",{className:"relative"},React.createElement(Hero,null)),React.createElement("div",{className:"relative bg-white"},React.createElement(Services,null),React.createElement(Stats,null)),React.createElement("div",{className:"relative bg-white"},React.createElement(About,null)),React.createElement("div",{className:"relative bg-white"},React.createElement(Testimonials,null),React.createElement(Clients,null)),React.createElement(Contact,null)),React.createElement(Footer,null))}const root=ReactDOM.createRoot(document.getElementById("root"));root.render(React.createElement(App,null));</script>
492 493</body></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.