1<!DOCTYPE html> 2<html lang="en"><head>
2<script id="aura-preview-performance-controller"> 3(function() { 4if (window.__auraPreviewPerformanceController) return; 5const nativeRequestAnimationFrame = window.requestAnimationFrame 6? window.requestAnimationFrame.bind(window) 7: function(callback) { return window.setTimeout(function() { callback(Date.now()); }, 16); }; 8const nativeCancelAnimationFrame = window.cancelAnimationFrame 9? window.cancelAnimationFrame.bind(window) 10: window.clearTimeout.bind(window); 11const nativeSetInterval = window.setInterval.bind(window); 12let paused = false; 13let nextFrameId = 1; 14const frameRecords = new Map(); 15const pausedFrameCallbacks = new Map(); 16const style = document.createElement('style'); 17style.id = 'aura-preview-performance-style'; 18style.textContent = [ 19'html[data-aura-preview-paused="true"] *,', 20'html[data-aura-preview-paused="true"] *::before,', 21'html[data-aura-preview-paused="true"] *::after {', 22' animation-play-state: paused !important;', 23' transition-duration: 0s !important;', 24' scroll-behavior: auto !important;', 25'}' 26].join('\n'); 27document.head.appendChild(style); 28window.requestAnimationFrame = function(callback) { 29const frameId = nextFrameId++; 30if (paused) { 31pausedFrameCallbacks.set(frameId, callback); 32frameRecords.set(frameId, { paused: true }); 33return frameId; 34} 35const nativeFrameId = nativeRequestAnimationFrame(function(timestamp) { 36frameRecords.delete(frameId); 37callback(timestamp); 38}); 39frameRecords.set(frameId, { nativeFrameId: nativeFrameId }); 40return frameId; 41}; 42window.cancelAnimationFrame = function(frameId) { 43const record = frameRecords.get(frameId); 44pausedFrameCallbacks.delete(frameId); 45if (record && typeof record.nativeFrameId !== 'undefined') { 46nativeCancelAnimationFrame(record.nativeFrameId); 47} 48frameRecords.delete(frameId); 49}; 50window.setInterval = function(callback, delay) { 51const args = Array.prototype.slice.call(arguments, 2); 52return nativeSetInterval(function() { 53if (paused) return; 54callback.apply(this, args); 55}, delay); 56}; 57const flushPausedFrames = function() { 58const callbacks = Array.from(pausedFrameCallbacks.entries()); 59pausedFrameCallbacks.clear(); 60callbacks.forEach(function(entry) { 61const frameId = entry[0]; 62const callback = entry[1]; 63const nativeFrameId = nativeRequestAnimationFrame(function(timestamp) { 64frameRecords.delete(frameId); 65callback(timestamp); 66}); 67frameRecords.set(frameId, { nativeFrameId: nativeFrameId }); 68}); 69}; 70const setPaused = function(nextPaused) { 71const shouldPause = Boolean(nextPaused); 72if (paused === shouldPause) return; 73paused = shouldPause; 74document.documentElement.toggleAttribute('data-aura-preview-paused', paused); 75if (!paused) { 76flushPausedFrames(); 77} 78}; 79window.__auraPreviewPerformanceController = { 80setPaused: setPaused, 81get paused() { 82return paused; 83} 84}; 85window.addEventListener('message', function(event) { 86if (event.source !== window.parent) return; 87if (!event.data || event.data.type !== 'aura-preview-performance-mode') return; 88setPaused(event.data.paused); 89}); 90})(); 91</script>
91 92<meta charset="UTF-8"> 93<meta name="viewport" content="width=device-width, initial-scale=1.0"> 94<link rel="icon" href="/favicon.png" type="image/png" sizes="200x200"> 95<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 96<title>About Us â Kindling Solutions</title>
97<script src="https://cdn.tailwindcss.com"></script>
97 98<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"> 99<style> 100body { 101background: #000; 102font-family: Inter, sans-serif; 103} 104.team-card.is-active { 105border-color: rgba(254, 76, 0, 0.55); 106box-shadow: 0 0 40px rgba(254, 76, 0, 0.18); 107} 108.team-card.is-active img { 109opacity: 0.9; 110transform: scale(1.04); 111} 112@keyframes scrollUp { 1130% { 114transform: translateY(0); 115} 116100% { 117transform: translateY(-42%); 118} 119} 120.animate-scroll-up { 121animation: scrollUp 16s linear infinite; 122} 123.animate-scroll-up:hover { 124animation-play-state: paused; 125} 126</style> 127<link id="all-fonts-link-font-inter" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"><style id="all-fonts-style-font-inter"> 128.font-inter { 129font-family: 'Inter', sans-serif !important; 130} 131</style><link id="all-fonts-link-font-space-grotesk" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"><style id="all-fonts-style-font-space-grotesk"> 132.font-space-grotesk { 133font-family: 'Space Grotesk', sans-serif !important; 134} 135</style></head> 136 137<body class="bg-black text-white overflow-x-hidden"> 138 139 <!-- HEADER --> 140 <header class="fixed top-0 left-0 right-0 z-50 border-b border-zinc-900/50 bg-black/50 backdrop-blur-md"> 141 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 142 <div class="flex h-32 items-center justify-between"> 143 <a href="/" class="flex-shrink-0"> 144 <svg width="180" height="72" viewBox="0 0 2183 865" fill="none" xmlns="http://www.w3.org/2000/svg"> 145 <g clip-path="url(#clip0_630_33)"> 146 <path d="M289.473 224.898H461.719C465.73 224.898 468.996 228.154 468.996 232.153V388.959C468.996 395.471 476.847 398.67 481.488 394.1L653.734 222.385C658.319 217.815 666.226 221.071 666.226 227.526V416.836C666.226 420.834 662.96 424.091 658.949 424.091H472.091C470.142 424.091 468.251 423.291 466.876 421.92L284.258 237.294C279.731 232.667 282.998 224.898 289.473 224.898Z" fill="#FE4C00"></path> 147 <path d="M648.753 634.575H476.507C472.496 634.575 469.23 631.319 469.23 627.32V470.514C469.23 464.002 461.38 460.803 456.738 465.373L284.492 637.089C279.85 641.716 272 638.46 272 631.947V442.638C272 438.639 275.266 435.383 279.277 435.383H466.135C468.084 435.383 469.975 436.183 471.35 437.554L653.968 622.236C658.495 626.863 655.228 634.632 648.753 634.632V634.575Z" fill="#FE4C00"></path> 148 </g> 149 <path d="M776.214 419V224.973H817.237V310.523H819.795L889.618 224.973H938.788L866.786 311.849L939.64 419H890.565L837.416 339.229L817.237 363.861V419H776.214ZM955.173 419V273.48H995.532V419H955.173ZM975.447 254.721C969.447 254.721 964.3 252.732 960.005 248.753C955.773 244.71 953.657 239.879 953.657 234.257C953.657 228.699 955.773 223.931 960.005 219.952C964.3 215.909 969.447 213.888 975.447 213.888C981.447 213.888 986.563 215.909 990.795 219.952C995.09 223.931 997.237 228.699 997.237 234.257C997.237 239.879 995.09 244.71 990.795 248.753C986.563 252.732 981.447 254.721 975.447 254.721ZM1054.88 334.871V419H1014.52V273.48H1052.99V299.154H1054.69C1057.91 290.691 1063.31 283.996 1070.89 279.069C1078.47 274.08 1087.66 271.585 1098.46 271.585C1108.57 271.585 1117.38 273.795 1124.89 278.217C1132.41 282.638 1138.25 288.954 1142.42 297.165C1146.59 305.312 1148.67 315.039 1148.67 326.344V419H1108.32V333.545C1108.38 324.639 1106.1 317.692 1101.49 312.702C1096.88 307.649 1090.54 305.123 1082.45 305.123C1077.02 305.123 1072.22 306.291 1068.05 308.628C1063.95 310.965 1060.72 314.376 1058.39 318.86C1056.11 323.281 1054.95 328.618 1054.88 334.871ZM1220.77 421.368C1209.71 421.368 1199.7 418.526 1190.73 412.842C1181.83 407.094 1174.75 398.663 1169.51 387.546C1164.33 376.367 1161.74 362.661 1161.74 346.429C1161.74 329.755 1164.43 315.892 1169.8 304.839C1175.17 293.722 1182.3 285.417 1191.21 279.922C1200.18 274.364 1210 271.585 1220.67 271.585C1228.82 271.585 1235.61 272.974 1241.04 275.753C1246.54 278.469 1250.96 281.88 1254.3 285.985C1257.72 290.028 1260.3 294.007 1262.07 297.923H1263.3V224.973H1303.57V419H1263.78V395.694H1262.07C1260.18 399.736 1257.49 403.747 1254.02 407.726C1250.61 411.642 1246.16 414.895 1240.66 417.484C1235.23 420.074 1228.6 421.368 1220.77 421.368ZM1233.56 389.252C1240.06 389.252 1245.56 387.483 1250.04 383.946C1254.59 380.346 1258.06 375.325 12
14960.46 368.883C1262.93 362.44 1264.16 354.893 1264.16 346.24C1264.16 337.587 1262.96 330.071 1260.56 323.692C1258.16 317.313 1254.68 312.386 1250.14 308.912C1245.59 305.439 1240.06 303.702 1233.56 303.702C1226.92 303.702 1221.33 305.502 1216.79 309.102C1212.24 312.702 1208.8 317.692 1206.46 324.071C1204.12 330.45 1202.96 337.84 1202.96 346.24C1202.96 354.703 1204.12 362.188 1206.46 368.693C1208.86 375.135 1212.3 380.188 1216.79 383.852C1221.33 387.452 1226.92 389.252 1233.56 389.252ZM1363.77 224.973V419H1323.41V224.973H1363.77ZM1382.76 419V273.48H1423.12V419H1382.76ZM1403.04 254.721C1397.04 254.721 1391.89 252.732 1387.59 248.753C1383.36 244.71 1381.25 239.879 1381.25 234.257C1381.25 228.699 1383.36 223.931 1387.59 219.952C1391.89 215.909 1397.04 213.888 1403.04 213.888C1409.04 213.888 1414.15 215.909 1418.38 219.952C1422.68 223.931 1424.83 228.699 1424.83 234.257C1424.83 239.879 1422.68 244.71 1418.38 248.753C1414.15 252.732 1409.04 254.721 1403.04 254.721ZM1482.47 334.871V419H1442.11V273.48H1480.58V299.154H1482.28C1485.5 290.691 1490.9 283.996 1498.48 279.069C1506.06 274.08 1515.25 271.585 1526.05 271.585C1536.16 271.585 1544.97 273.795 1552.48 278.217C1560 282.638 1565.84 288.954 1570.01 297.165C1574.18 305.312 1576.26 315.039 1576.26 326.344V419H1535.9V333.545C1535.97 324.639 1533.69 317.692 1529.08 312.702C1524.47 307.649 1518.12 305.123 1510.04 305.123C1504.61 305.123 1499.81 306.291 1495.64 308.628C1491.53 310.965 1488.31 314.376 1485.98 318.86C1483.7 323.281 1482.53 328.618 1482.47 334.871ZM1660.29 476.602C1647.22 476.602 1636.01 474.802 1626.66 471.202C1617.38 467.665 1609.99 462.833 1604.49 456.706C1599 450.58 1595.43 443.696 1593.79 436.053L1631.11 431.032C1632.25 433.937 1634.05 436.653 1636.51 439.18C1638.98 441.706 1642.23 443.727 1646.27 445.243C1650.38 446.822 1655.37 447.611 1661.24 447.611C1670.02 447.611 1677.25 445.464 1682.94 441.169C1688.68 436.937 1691.56 429.832 1691.56 419.853V393.231H1689.85C1688.08 397.273 1685.43 401.094 1681.89 404.694C1678.36 408.294 1673.81 411.231 1668.25 413.505C1662.69 415.779 1656.06 416.916 1648.36 416.916C1637.43 416.916 1627.48 414.389 1618.51 409.337C1609.61 404.221 1602.5 396.42 1597.2 385.936C1591.95 375.388 1589.33 362.061 1589.33 345.956C1589.33 329.471 1592.02 315.702 1597.39 304.649C1602.75 293.596 1609.89 285.322 1618.8 279.827C1627.77 274.332 1637.59 271.585 1648.26 271.585C1656.41 271.585 1663.23 272.974 1668.72 275.753C1674.22 278.469 1678.64 281.88 1681.99 285.985C1685.4 290.028 1688.02 294.007 1689.85 297.923H1691.37V273.48H1731.44V420.421C1731.44 432.8 1728.41 443.159 1722.35 451.496C1716.28 459.833 1707.88 466.086 1697.15 470.254C1686.47 474.486 1674.19 476.602 1660.29 476.602ZM1661.15 386.599C1667.65 386.599 1673.15 384.988 1677.63 381.767C1682.18 378.483 1685.65 373.809 1688.05 367.746C1690.51 361.619 1691.75 354.293 1691.75 345.766C1691.75 337.24 1690.55 329.85 1688.15 323.597C1685.75 317.281 1682.27 312.386 1677.72 308.912C1673.18 305.439 1667.65 303.702 1661.15 303.702C1654.51 303.702 1648.92 305.502 1644.38 309.102C1639.83 312.639 1636.39 317.565 1634.05 323.881C1631.71 330.197 1630.54 337.492 1630.54 345.766C1630.54 354.166 1631.71 361.43 1634.05 367.556C1636.45 373.62 1639.89 378.325 1644.38 381.673C1648.92 384.957 1654.51 386.599 1661.15 386.599ZM881.47 502.775C880.712 495.132 877.46 489.195 871.712 484.964C865.964 480.732 858.164 478.616 848.311 478.616C841.616 478.616 835.963 479.563 831.353 481.458C826.742 483.29 823.205 485.848 820.742 489.132C818.342 492.416 817.142 496.143 817.142 500.311C817.016 503.785 817.742 506.817 819.321 509.406C820.963 511.996 823.205 514.238 826.047 516.133C828.89 517.965 832.174 519.575 835.9 520.965C839.627 522.291 843.606 523.428 847.838 524.375L865.27 528.544C873.733 530.439 881.502 532.965 888.576 536.123C895.65 539.281 901.776 543.165 906.955 547.776C912.134 552.387 916.145 557.818 918.987 564.071C921.892 570.324 923.377 577.493 923.44 585.577C923.377 597.451 920.345 607.746 914.345 616.462C908.408 625.115 899.818 631.842 888.576 636.642C877.396 641.379 863.912 643.747 848.122 643.747C832.458 643.747 818.816 641.347 807.194 636.547C795.636 631.747 786.604 624.642 780.099 615.231C773.656 605.757 770.277 594.041 769.961 580.082H809.657C810.1 586.588 811.963 592.02 815.247 596.378C818.595 600.672 823.047 603.925 828.605 606.136C834.227 608.283 840.574 609.357 847.648 609.357C854.596 609.357 860.627 608.346 865.743 606.325C870.922 604.304 874.933 601.494 877.7
14975 597.893C880.618 594.293 882.039 590.156 882.039 585.482C882.039 581.124 880.744 577.461 878.154 574.493C875.628 571.524 871.901 568.998 866.975 566.913C862.112 564.829 856.143 562.934 849.069 561.229L827.942 555.924C811.584 551.945 798.668 545.723 789.194 537.26C779.72 528.797 775.014 517.396 775.077 503.059C775.014 491.311 778.141 481.048 784.457 472.268C790.836 463.489 799.583 456.636 810.7 451.71C821.816 446.783 834.448 444.32 848.595 444.32C862.996 444.32 875.565 446.783 886.302 451.71C897.102 456.636 905.503 463.489 911.503 472.268C917.503 481.048 920.598 491.216 920.787 502.775H881.47ZM1002.68 643.842C987.969 643.842 975.242 640.716 964.505 634.463C953.831 628.147 945.588 619.368 939.778 608.125C933.967 596.82 931.062 583.714 931.062 568.808C931.062 553.776 933.967 540.639 939.778 529.397C945.588 518.091 953.831 509.312 964.505 503.059C975.242 496.743 987.969 493.585 1002.68 493.585C1017.4 493.585 1030.1 496.743 1040.77 503.059C1051.51 509.312 1059.78 518.091 1065.59 529.397C1071.4 540.639 1074.31 553.776 1074.31 568.808C1074.31 583.714 1071.4 596.82 1065.59 608.125C1059.78 619.368 1051.51 628.147 1040.77 634.463C1030.1 640.716 1017.4 643.842 1002.68 643.842ZM1002.87 612.578C1009.57 612.578 1015.16 610.683 1019.64 606.894C1024.13 603.041 1027.51 597.799 1029.78 591.167C1032.12 584.535 1033.29 576.987 1033.29 568.524C1033.29 560.061 1032.12 552.513 1029.78 545.881C1027.51 539.249 1024.13 534.007 1019.64 530.154C1015.16 526.302 1009.57 524.375 1002.87 524.375C996.116 524.375 990.432 526.302 985.821 530.154C981.274 534.007 977.832 539.249 975.495 545.881C973.221 552.513 972.084 560.061 972.084 568.524C972.084 576.987 973.221 584.535 975.495 591.167C977.832 597.799 981.274 603.041 985.821 606.894C990.432 610.683 996.116 612.578 1002.87 612.578ZM1127.57 446.973V641H1087.21V446.973H1127.57ZM1239.88 579.04V495.48H1280.24V641H1241.49V614.568H1239.97C1236.69 623.094 1231.23 629.947 1223.58 635.126C1216.01 640.305 1206.75 642.895 1195.83 642.895C1186.1 642.895 1177.54 640.684 1170.15 636.263C1162.76 631.842 1156.98 625.557 1152.81 617.41C1148.71 609.262 1146.62 599.504 1146.56 588.135V495.48H1186.92V580.935C1186.98 589.525 1189.29 596.314 1193.84 601.304C1198.38 606.294 1204.48 608.788 1212.12 608.788C1216.98 608.788 1221.53 607.683 1225.76 605.473C1230 603.199 1233.41 599.851 1236 595.43C1238.65 591.009 1239.94 585.546 1239.88 579.04ZM1387.26 495.48V525.796H1299.62V495.48H1387.26ZM1319.52 460.615H1359.88V596.283C1359.88 600.009 1360.45 602.915 1361.58 604.999C1362.72 607.02 1364.3 608.441 1366.32 609.262C1368.4 610.083 1370.8 610.494 1373.52 610.494C1375.41 610.494 1377.31 610.336 1379.2 610.02C1381.1 609.641 1382.55 609.357 1383.56 609.167L1389.91 639.2C1387.89 639.832 1385.05 640.558 1381.38 641.379C1377.72 642.263 1373.27 642.8 1368.02 642.99C1358.3 643.368 1349.77 642.074 1342.44 639.105C1335.18 636.137 1329.53 631.526 1325.49 625.273C1321.44 619.02 1319.45 611.125 1319.52 601.588V460.615ZM1408.21 641V495.48H1448.57V641H1408.21ZM1428.49 476.721C1422.49 476.721 1417.34 474.732 1413.04 470.753C1408.81 466.71 1406.7 461.879 1406.7 456.257C1406.7 450.699 1408.81 445.931 1413.04 441.952C1417.34 437.909 1422.49 435.888 1428.49 435.888C1434.49 435.888 1439.6 437.909 1443.83 441.952C1448.13 445.931 1450.28 450.699 1450.28 456.257C1450.28 461.879 1448.13 466.71 1443.83 470.753C1439.6 474.732 1434.49 476.721 1428.49 476.721ZM1533.31 643.842C1518.59 643.842 1505.87 640.716 1495.13 634.463C1484.46 628.147 1476.21 619.368 1470.4 608.125C1464.59 596.82 1461.69 583.714 1461.69 568.808C1461.69 553.776 1464.59 540.639 1470.4 529.397C1476.21 518.091 1484.46 509.312 1495.13 503.059C1505.87 496.743 1518.59 493.585 1533.31 493.585C1548.03 493.585 1560.72 496.743 1571.4 503.059C1582.13 509.312 1590.41 518.091 1596.22 529.397C1602.03 540.639 1604.93 553.776 1604.93 568.808C1604.93 583.714 1602.03 596.82 1596.22 608.125C1590.41 619.368 1582.13 628.147 1571.4 634.463C1560.72 640.716 1548.03 643.842 1533.31 643.842ZM1533.5 612.578C1540.19 612.578 1545.78 610.683 1550.27 606.894C1554.75 603.041 1558.13 597.799 1560.41 591.167C1562.74 584.535 1563.91 576.987 1563.91 568.524C1563.91 560.061 1562.74 552.513 1560.41 545.881C1558.13 539.249 1554.75 534.007 1550.27 530.154C1545.78 526.302 1540.19 524.375 1533.5 524.375C1526.74 524.375 1521.06 526.302 1516.45 530.154C1511.9 534.007 1508.46 539.249 1506.12 545.881C1503.85 552.513 1502.71 560.061 1502.71 568.524C1502.71 576.987 1503.85 584.535 1506.12 591.167C1508.46 597.799 1511.9 603.041 1516.45 606.894C1521.06 610.683 1526.74 612.578 1533.5 612.578ZM1658.2 556.871V641H1617.84V495.48H1656.3V521.154H1658.01C1661.23 512.691 1666.63 505.996 1674.21 501.069C1681.79 496.08 1690.98 493.585 1701.78 493.585C1711.88 493.585 1720.69 495.795 1728.21 500.217C1735.72 504.638 1741.57 510.954 1745.74 519.165C1749.9 527.312 1751.99 537.039 1751.99 548.344V641H1711.63V555.545C1711.69 546.639 1709.42 539.692 1704.81 534.702C1700.2 529.649 1693.85 527.123 1685.77 527.123C1680.33 527.123 1675.53 528.291 1671.37 530.628C1667.26 532.965 1664.04 536.376 1661.7 540.86C1659.43 545.281 1658.26 550.618 1658.2 556.871ZM1891.54 536.976L1854.59 539.249C1853.96 536.091 1852.6 533.249 1850.51 530.723C1848.43 528.133 1845.68 526.081 1842.27 524.565C1838.92 522.986 1834.91 522.196 1830.24 522.196C1823.99 522.196 1818.71 523.523 1814.42 526.175C1810.12 528.765 1807.98 532.239 1807.98 536.597C1807.98 540.071 1809.36 543.007 1812.14 545.408C1814.92 547.808 1819.69 549.734 1826.45 551.187L1852.79 556.492C1866.93 559.397 1877.48 564.071 1884.43 570.514C1891.38 576.956 1894.85 585.419 1894.85 595.904C1894.85 605.441 1892.04 613.81 1886.42 621.01C1880.86 628.21 1873.22 633.831 1863.49 637.874C1853.83 641.853 1842.68 643.842 1830.05 643.842C1810.79 643.842 1795.44 639.832 1784.01 631.81C1772.64 623.726 1765.97 612.736 1764.02 598.841L1803.71 596.757C1804.91 602.63 1807.82 607.115 1812.43 610.21C1817.04 613.241 1822.94 614.757 1830.14 614.757C1837.22 614.757 1842.9 613.399 1847.2 610.683C1851.56 607.904 1853.77 604.336 1853.83 599.978C1853.77 596.314 1852.22 593.314 1849.19 590.977C1846.16 588.577 1841.48 586.746 1835.17 585.482L1809.96 580.461C1795.75 577.619 1785.17 572.693 1778.23 565.682C1771.34 558.671 1767.9 549.734 1767.9 538.871C1767.9 529.523 1770.43 521.47 1775.48 514.712C1780.6 507.954 1787.76 502.743 1796.99 499.08C1806.27 495.417 1817.13 493.585 1829.58 493.585C1847.96 493.585 1862.42 497.469 1872.97 505.238C1883.58 513.007 1889.77 523.586 1891.54 536.976Z" fill="white"></path> 150 <defs> 151 <clipPath id="clip0_630_33"> 152 <rect width="394.23" height="419.064" fill="white" transform="translate(272 220.195)"></rect> 153 </clipPath> 154 </defs> 155 </svg> 156 </a> 157 <div class="flex items-center gap-8"> 158 <nav class="hidden md:flex font-inter gap-x-8 items-center"> 159 <div class="relative"> 160 <button type="button" id="solutions-toggle" class="flex items-center gap-2 hover:text-white transition-colors text-base font-normal text-zinc-400"> 161 Solutions 162 <svg id="solutions-arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
162ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="transition-transform duration-200"> 163 <path d="m6 9 6 6 6-6"></path> 164 </svg> 165 </button> 166 <div id="solutions-menu" class="hidden absolute left-0 top-full mt-4 w-60 rounded-2xl border border-white/10 bg-black/60 backdrop-blur-xl shadow-2xl shadow-black/40 overflow-hidden z-50"> 167 <a href="/fullstak/" class="block px-5 py-4 text-sm text-zinc-300 hover:text-white hover:bg-white/10 transition-colors">FullStak</a> 168 <a href="/in-house-agent/" class="block px-5 py-4 text-sm text-zinc-300 hover:text-white hover:bg-white/10 transition-colors border-t border-white/10">In-House 169 Agent</a> 170 </div> 171 </div> 172 <a href="/about-us/" class="hover:text-white transition-colors text-base font-normal text-zinc-400">About 173 Us</a> 174 <a href="/case-studies/" class="hover:text-white transition-colors text-base font-normal text-zinc-400">Case 175 Studies</a> 176 </nav> 177 <a href="/contact-form/" class="hidden md:inline-flex items-center justify-center hover:bg-zinc-900 transition-colors sm:w-auto text-sm font-normal text-white font-inter bg-[#FE4C00] rounded-full pt-3.5 pr-8 pb-3.5 pl-8"> 178 Get in Touch 179 </a> 180 <button type="button" id="mobile-menu-toggle" class="md:hidden flex flex-col gap-1.5 p-2" aria-label="Open menu"> 181 <span class="block w-6 h-0.5 bg-white transition-all duration-300" id="ham-1"></span> 182 <span class="block w-6 h-0.5 bg-white transition-all duration-300" id="ham-2"></span> 183 <span class="block w-6 h-0.5 bg-white transition-all duration-300" id="ham-3"></span> 184 </button> 185 </div> 186 </div> 187 </div> 188 <div id="mobile-menu" class="hidden md:hidden bg-black/95 backdrop-blur-xl border-t border-zinc-800"> 189 <nav class="flex flex-col px-6 py-6 gap-5 font-inter"> 190 <div> 191 <button type="button" id="mobile-solutions-toggle" class="flex items-center justify-between w-full text-zinc-300 hover:text-white transition-colors text-base"> 192 Solutions 193 <svg id="mobile-solutions-arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="transition-transform duration-200"> 194 <path d="m6 9 6 6 6-6"></path> 195 </svg> 196 </button> 197 <div id="mobile-solutions-menu" class="hidden flex-col gap-2 mt-3 pl-4 border-l border-zinc-800"> 198 <a href="/fullstak/" class="text-zinc-400 hover:text-white transition-colors text-sm py-1">FullStak</a> 199 <a href="/in-house-agent/" class="text-zinc-400 hover:text-white transition-colors text-sm py-1">In-House 200 Agent</a> 201 </div> 202 </div> 203 <a href="/about-us/" class="text-zinc-300 hover:text-white transition-colors text-base">About Us</a> 204 <a href="/case-studies/" class="text-zinc-300 hover:text-white transition-colors text-base">Case Studies</a> 205 <a href="/contact-form/" class="inline-flex items-center justify-center text-sm font-normal text-white bg-[#FE4C00] rounded-full py-3.5 px-8 mt-2"> 206 Get in Touch 207 </a> 208 </nav> 209 </div> 210
210<script> 211 (function () { 212 const toggle = document.getElementById("solutions-toggle"); 213 const menu = document.getElementById("solutions-menu"); 214 const arrow = document.getElementById("solutions-arrow"); 215 if (!toggle || !menu || !arrow) return; 216 toggle.addEventListener("click", function (event) { 217 event.stopPropagation(); 218 menu.classList.toggle("hidden"); 219 arrow.classList.toggle("rotate-180"); 220 }); 221 document.addEventListener("click", function () { 222 menu.classList.add("hidden"); 223 arrow.classList.remove("rotate-180"); 224 }); 225 menu.addEventListener("click", function (event) { event.stopPropagation(); }); 226 })(); 227 (function () { 228 const mobileToggle = document.getElementById("mobile-menu-toggle"); 229 const mobileMenu = document.getElementById("mobile-menu"); 230 const ham1 = document.getElementById("ham-1"); 231 const ham2 = document.getElementById("ham-2"); 232 const ham3 = document.getElementById("ham-3"); 233 if (!mobileToggle || !mobileMenu) return; 234 mobileToggle.addEventListener("click", function () { 235 const open = !mobileMenu.classList.contains("hidden"); 236 mobileMenu.classList.toggle("hidden"); 237 if (!open) { 238 ham1.style.transform = "translateY(8px) rotate(45deg)"; 239 ham2.style.opacity = "0"; 240 ham3.style.transform = "translateY(-8px) rotate(-45deg)"; 241 } else { 242 ham1.style.transform = ""; 243 ham2.style.opacity = ""; 244 ham3.style.transform = ""; 245 } 246 }); 247 })(); 248 (function () { 249 const toggle = document.getElementById("mobile-solutions-toggle"); 250 const menu = document.getElementById("mobile-solutions-menu"); 251 const arrow = document.getElementById("mobile-solutions-arrow"); 252 if (!toggle || !menu || !arrow) return; 253 toggle.addEventListener("click", function () { 254 menu.classList.toggle("hidden"); 255 menu.classList.toggle("flex"); 256 arrow.classList.toggle("rotate-180"); 257 }); 258 })(); 259 </script>
259 260</header> 261 262 <main class="pt-32 bg-black"> 263 264 <!-- HERO --> 265 <section class="min-h-[60dvh] flex flex-col overflow-hidden lg:px-16 z-10 pt-24 pr-6 pb-8 pl-6 relative items-center justify-center"> 266 <div class="absolute inset-0 -z-10 hero-gradient"></div> 267 268 <div class="flex opacity-40 bg-[url(https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/90241e73-57df-48ee-81d7-997d8caed3c6_3840w.jpg)] bg-cover bg-center -z-10 absolute top-0 right-0 bottom-0 left-0 items-center justify-center"> 269 <div class="w-[40rem] h-[40rem] rounded-full blur-3xl opacity-20 border border-[#FE4C00]/30" style="background: conic-gradient(from 0deg, transparent, rgba(254,76,0,0.1), transparent); animation: spin-slow 20s linear infinite;"> 270 </div> 271 <div class="absolute w-[60rem] h-[60rem] rounded-full blur-3xl opacity-10 border border-white" style="background: conic-gradient(from 180deg, transparent, rgba(255,255,255,0.05), transparent); animation: spin-slow-reverse 30s linear infinite"> 272 </div> 273 </div> 274 275 <div class="absolute inset-0 -z-10 hero-scrim pointer-events-none"></div> 276 277 <section class="flex flex-col text-center w-full max-w-7xl mt-0 mr-auto mb-16 ml-auto px-6 relative items-center"> 278 <h1 class="text-5xl sm:text-7xl lg:text-8xl font-medium text-white tracking-tight font-space-grotesk mb-6"> 279 The Spark. 280 </h1> 281 <p class="md:text-xl text-lg font-light text-zinc-300 font-inter max-w-2xl mb-10"> 282 Before the build, thereâs a spark: the moment you admit the current way wonât scale. Hereâs what weâre doing about 283 itâand who we are. 284 </p> 285 <div class="flex gap-4 items-center"> 286 <a href="https://calendly.com/kindling-solutions/kindling-solutions" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center hover:bg-zinc-900 transition-colors sm:w-auto text-sm font-normal text-white font-inter bg-[#FE4C00] w-fit rounded-full pt-3.5 pr-8 pb-3.5 pl-8"> 287 Book a Call 288 </a> 289 </div> 290 </section> 291</section> 292 293 <!-- STATEMENT SECTION --> 294 <section class="py-16 sm:py-28 border-t border-zinc-900"> 295 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 296 297 <div class="flex flex-col gap-12 text-center gap-x-12 gap-y-6 items-center justify-center"> 298 299 300 <div class="w-full flex justify-center"> 301 302 303 304 <h2 class="text-3xl leading-[1] sm:text-5xl lg:text-[66px] font-normal text-white tracking-tight font-space-grotesk max-w-4xl mx-auto"> 305 AI 306 that holds up in the real world. 307 <span class="text-[#fe4c00] font-space-grotesk">Built by operators who have been in your seat.</span> 308 </h2> 309 310 </div> 311 <div class="w-full pt-2 flex justify-center"> 312 <div class="max-w-2xl mx-auto flex flex-col items-center"> 313 314 <p class="sm:text-3xl leading-[1.3] text-2xl font-light text-zinc-100 tracking-tight font-inter">We build 315 AI-run operations for 316 operators who want the next level without the chaos tax.</p> 317 318 319 320 321 322 </div> 323 </div> 324 325 326 327 </div> 328 329 </div> 330 </section> 331 <section class="relative min-h-[350px] lg:min-h-[650px] border-t border-zinc-900 overflow-hidden bg-black flex items-center"> 332 333 <!-- Background Video --> 334 <video src="https://www.dropbox.com/scl/fo/wy4psrxg4q3nprful2gaz/APi5kIiRRF_lQ0ZkOtOrpCE/Videos/magnific_one-of-the-guys-sitting-n_Kj8zGdFkqp.mp4?rlkey=lms02bp47d2rupavhrlhupr42&st=ms6xmfw7&raw=1" autoplay="" loop="" muted="" playsinline="" class="absolute inset-0 w-full h-full object-cover opacity-70"> 335 </video> 336 337 <!-- Overlay --> 338 <div class="absolute inset-0 bg-black/0"></div> 339 340 <!-- Optional fade --> 341 <div class="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-black/40"></div> 342 343 <!-- Content --> 344 <div class="relative z-10 w-full max-w-7xl mx-auto px-6 sm:px-8 lg:px-10"> 345 <div class="flex flex-col items-center justify-center text-center gap-12"> 346 </div> 347 </div> 348 349 </section> 350 351 <!-- SYSTEM LAYER SECTION --> 352 <section class="overflow-hidden border-zinc-900 border-t pt-20 pb-0 relative"> 353 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" id="ks-rotatorRoot"> 354 <div class="grid gap-12 lg:grid-cols-1 gap-x-12 gap-y-12 items-center"> 355 356 <!-- RIGHT: Text + Interactive Bullets --> 357 <div class="order-1 lg:order-2 lg:pl-10"> 358 359 360 <h2 class="leading-tight sm:text-5xl lg:text-6xl text-4xl font-normal text-white tracking-tight font-space-grotesk"> 361 Stop being the glue. <span class="block text-[#fe4c00]">Build the machine.</span> 362 </h2> 363 364 <p class="leading-relaxed text-lg font-light text-zinc-400 max-w-3xl mt-6"> 365 Kindling builds AI-powered operations that run underneath the businessâso execution compounds, quality 366 holds, and the business keeps moving when youâre not there to push it. 367 </p> 368 369 370 </div> 371 372 </div> 373 <section class="max-w-7xl mt-8 sm:mt-24 mr-auto mb-0 ml-auto pr-6 pl-6"> 374 <div class="relative overflow-hidden rounded-3xl flex flex-col bg-[#0f0d0c] border-amber-900/40 border" id="process-slider"> 375 376 <div class="sm:p-8 md:p-9 pt-6 pr-6 pb-6 pl-6"> 377 <div class="flex items-center justify-between"> 378 <p class="text-base text-[#FE4C00]/80 font-sans" id="process-label">What we believe</p> 379
380 <div class="flex items-center gap-1.5" id="process-dots"> 381 <span class="process-dot h-1.5 rounded-full bg-[#FE4C00] w-10"></span> 382 <span class="process-dot h-1.5 rounded-full bg-amber-700/40 w-2"></span> 383 <span class="process-dot h-1.5 rounded-full bg-amber-700/40 w-2"></span> 384 </div> 385</div> 386 387 <h2 class="sm:text-3xl md:text-4xl text-2xl font-normal text-neutral-100 font-sans mt-5" id="process-title"> 388 Systems over hustle</h2> 389 390 <div class="mt-6 space-y-3 sm:text-lg text-sm text-neutral-300 font-sans" id="process-copy"> 391 <div class="flex items-start gap-3"> 392 <span class="mt-2 w-1.5 h-1.5 rounded-full bg-[#FE4C00] shrink-0"></span><span class="">Operators deserve to run a business with clarity and controlânot constant context switching and late-night follow-ups.</span> 393 </div> 394 <div class="flex items-start gap-3"> 395 <span class="mt-2 w-1.5 h-1.5 rounded-full bg-[#FE4C00] shrink-0"></span><span class="">Most companies don't hit a strategy ceiling. They hit an operating ceiling.</span> 396 </div> 397 <div class="flex items-start gap-3"> 398 <span class="mt-2 w-1.5 h-1.5 rounded-full bg-[#FE4C00] shrink-0"></span><span class="">Moving tools around doesn't fix it. Systems have to run without manual enforcement.</span> 399 </div> 400 <div class="flex items-start gap-3"> 401 <span class="mt-2 w-1.5 h-1.5 rounded-full bg-[#FE4C00] shrink-0"></span><span class="">AI is the lever, but only when it's installed inside how you actually operate.</span> 402 </div> 403 </div> 404 405 <div class="mt-8"></div> 406 </div> 407 408 <div class="sm:px-8 md:px-9 sm:pb-8 md:pb-9 border-amber-900/30 border-t mt-auto pr-6 pb-6 pl-6 pt-6"> 409 <div class="flex items-center justify-between"> 410 <div class="inline-flex items-center gap-2"> 411 <button type="button" id="process-prev" class="inline-flex items-center justify-center size-14 rounded-xl bg-amber-950/40 border border-amber-900/40 hover:border-amber-700/60 transition text-neutral-300"> 412 â 413 </button> 414 <button type="button" class="inline-flex items-center justify-center size-14 rounded-xl bg-[#FE4C00] border border-amber-900/40 hover:border-amber-700/60 transition text-neutral-300" id="process-next"> 415 â 416 </button> 417 </div> 418 <div class="flex gap-2 text-sm text-neutral-400 font-sans items-center"> 419 <span id="process-count">1/3</span> 420 </div> 421 </div> 422 </div> 423 </div> 424 425
425<script> 426 const processSlides = [ 427 { 428 label: "What we believe", 429 title: "Systems over hustle", 430 type: "bullets", 431 content: [ 432 "Operators deserve to run a business with clarity and controlânot constant context switching and late-night follow-ups.", 433 "Most companies don't hit a strategy ceiling. They hit an operating ceiling.", 434 "Moving tools around doesn't fix it. Systems have to run without manual enforcement.", 435 "AI is the lever, but only when it's installed inside how you actually operate." 436 ], 437 stat: "01" 438 }, 439 { 440 label: "Why Kindling exists", 441 title: "Make scale repeatable", 442 type: "bullets", 443 content: [ 444 "We're here to take operators out of the bottleneck.", 445 "Not by selling advice.", 446 "By installing an operating layer that makes scale repeatableâso work runs, standards hold, and output climbs without adding chaos or headcount." 447 ], 448 stat: "02" 449 }, 450 { 451 label: "Who we are", 452 title: "Business brains. Technical hands.", 453 type: "summary", 454 content: "We're a team built around one edge: operator DNA + real build capability. That combination is what most AI companies don't haveâand why most solutions don't hold up in the real world.", 455 stat: "03" 456 } 457 ]; 458 459 let processCurrent = 0; 460 461 function renderProcessSlide(index) { 462 const slide = processSlides[index]; 463 464 document.getElementById("process-label").textContent = slide.label; 465 document.getElementById("process-title").textContent = slide.title; 466 document.getElementById("process-count").textContent = (index + 1) + "/3"; 467 468 const copy = document.getElementById("process-copy"); 469 470 if (slide.type === "summary") { 471 copy.className = "mt-6 sm:text-lg text-sm text-neutral-300 font-sans leading-relaxed"; 472 copy.innerHTML = slide.content; 473 } else { 474 copy.className = "mt-6 space-y-3 sm:text-lg text-sm text-neutral-300 font-sans"; 475 copy.innerHTML = slide.content.map(function(point) { 476 return '<div class="flex items-start gap-3"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-[#FE4C00] shrink-0"></span><span>' + point + '</span></div>'; 477 }).join(""); 478 } 479 480 document.querySelectorAll(".process-dot").forEach(function(dot, i) { 481 dot.className = "process-dot h-1.5 rounded-full " + (i === index ? "bg-[#FE4C00] w-10" : "bg-amber-700/40 w-2"); 482 }); 483 } 484 485 document.getElementById("process-next").addEventListener("click", function() { 486 processCurrent = (processCurrent + 1) % processSlides.length; 487 renderProcessSlide(processCurrent); 488 }); 489 490 document.getElementById("process-prev").addEventListener("click", function() { 491 processCurrent = (processCurrent - 1 + processSlides.length) % processSlides.length; 492 renderProcessSlide(processCurrent); 493 }); 494 </script>
494 495 </section> 496 497
497<script> 498 (function() { 499 const slides = [ 500 { 501 key: 'belief', 502 bullet: 'What we believe', 503 icon: 'cpu', 504 pillText: 'Belief', 505 tailText: 'Clarity over switching.', 506 body: 'Most businesses hit an operating ceiling before a strategy ceiling. Systems should run without manual enforcement. AI creates leverage when itâs built into the operation.' 507 }, 508 { 509 key: 'purpose', 510 bullet: 'Why Kindling exists', 511 icon: 'zap', 512 pillText: 'Purpose', 513 tailText: 'Scale repeatable.', 514 body: 'Weâre here to take operators out of the bottleneck. By installing an operating layer that makes scale repeatableâso work runs, standards hold, and output climbs.' 515 }, 516 { 517 key: 'edge', 518 bullet: 'Who we are', 519 icon: 'shield-check', 520 pillText: 'Edge', 521 tailText: 'Operator DNA.', 522 body: 'Weâre a team built around one edge: operator DNA + real build capability. That combination is what most "AI" companies donât have.' 523 } 524 ]; 525 526 const highlightMap = { 527 belief: ['operating ceiling', 'built into'], 528 purpose: ['operating layer', 'standards hold'], 529 edge: ['operator DNA', 'real build'] 530 }; 531 532 const root = document.getElementById('ks-rotatorRoot'); 533 const bulletList = document.getElementById('ks-bulletList'); 534 const iconBox = document.getElementById('ks-iconBox'); 535 const highlightPill = document.getElementById('ks-highlightPill'); 536 const highlightTail = document.getElementById('ks-highlightTail'); 537 const bodyCopy = document.getElementById('ks-bodyCopy'); 538 const headerTitle = document.getElementById('ks-headerTitle'); 539 540 if(!root || !bulletList || !iconBox || !highlightPill || !highlightTail || !bodyCopy || !headerTitle) return; 541 542 function escapeRegExp(s) { 543 return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 544 } 545 546 function applyHighlights(text, slideKey) { 547 const tokens = highlightMap[slideKey] || []; 548 let result = text; 549 tokens.forEach((token) => { 550 const re = new RegExp(`(${escapeRegExp(token)})`, 'i'); 551 const bg = 'rgba(254,76,0,0.15)'; 552 const border = 'rgba(254,76,0,0.35)'; 553 result = result.replace(re, (m) => { 554 return `<span class="rounded-md px-1.5 py-0.5 mx-0.5 ring-1 text-zinc-100 font-normal whitespace-nowrap" style="background:${bg}; box-shadow: inset 0 0 0 1px ${border};">${m}</span>`; 555 }); 556 }); 557 return result; 558 } 559 560 function renderBullets(active) { 561 bulletList.innerHTML = ''; 562 slides.forEach((s, i) => { 563 const isActive = i === active; 564 const row = document.createElement('button'); 565 row.type = 'button'; 566 row.className = 'group w-full flex items-center gap-4 text-left p-4 rounded-2xl transition-all duration-300 ' + (isActive ? 'bg-zinc-900/60 border border-zinc-800/80 shadow-[0_4px_20px_-5px_rgba(0,0,0,0.3)]' : 'border border-transparent hover:bg-zinc-900/30'); 567 row.innerHTML = ` 568 <div class="relative flex items-center justify-center w-10 h-10 rounded-full border ${isActive ? 'border-[#fe4c00]/30 bg-[#fe4c00]/10 text-[#fe4c00]' : 'border-zinc-800 text-zinc-500 group-hover:text-zinc-400 group-hover:border-zinc-700'} transition-all duration-300 shrink-0"> 569 <span class="text-xs font-normal tracking-widest">0${i+1}</span> 570 </div> 571 <div class="flex flex-col"> 572 <span class="text-[11px] font-normal tracking-widest uppercase ${isActive ? 'text-[#fe4c00]' : 'text-zinc-600 group-hover:text-zinc-500'} transition-colors duration-300 mb-1">${s.pillText}</span> 573 <span class="text-base font-normal ${isActive ? 'text-white' : 'text-zinc-400 group-hover:text-zinc-300'} transition-colors duration-300">${s.bullet}</span> 574 </div> 575 `; 576 row.addEventListener('click', () => setActive(i, true)); 577 bulletList.appendChild(row); 578 }); 579 } 580 581 function setIcon(icon) {
582 iconBox.className = `w-14 h-14 rounded-2xl flex items-center justify-center mb-8 border border-[#fe4c00]/20 bg-[#fe4c00]/10 text-[#fe4c00] shadow-inner`; 583 iconBox.innerHTML = `<i data-lucide="${icon}" class="w-7 h-7"></i>`; 584 if(window.lucide) { 585 window.lucide.createIcons({ attrs: { 'stroke-width': 1.5 } }); 586 } 587 } 588 589 let index = 0; 590 let timer; 591 592 function setActive(i, manual = false) { 593 index = i % slides.length; 594 if (index < 0) index = slides.length - 1; 595 const s = slides[index]; 596 597 renderBullets(index); 598 setIcon(s.icon); 599 600 highlightPill.textContent = s.pillText; 601 highlightTail.textContent = s.tailText; 602 headerTitle.textContent = s.pillText; 603 bodyCopy.innerHTML = applyHighlights(s.body, s.key); 604 605 if (manual) { 606 clearInterval(timer); 607 timer = startRotation(); 608 } 609 } 610 611 function startRotation() { 612 return setInterval(() => setActive((index + 1) % slides.length), 5000); 613 } 614 615 renderBullets(index); 616 setActive(0); 617 timer = startRotation(); 618 619 root.addEventListener('mouseenter', () => clearInterval(timer)); 620 root.addEventListener('mouseleave', () => { 621 clearInterval(timer); 622 timer = startRotation(); 623 }); 624 625 setTimeout(() => { 626 if(window.lucide) { 627 window.lucide.createIcons({ attrs: { 'stroke-width': 1.5 } }) 628 } else { 629 // Fallback script loading if lucide is not present in document 630 const script = document.createElement('script'); 631 script.src = 'https://unpkg.com/lucide@latest'; 632 script.onload = () => window.lucide.createIcons({ attrs: { 'stroke-width': 1.5 } }); 633 document.head.appendChild(script); 634 } 635 }, 100); 636 })(); 637 </script>
637 638 </div> 639 </section> 640 641 <!-- INTERACTIVE AI TEAM SECTION --> 642 <section class="pt-20 pb-20"> 643 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 644 645 <div class="border border-zinc-800 rounded-[32px] bg-zinc-950/50 p-6 sm:p-8 lg:p-10 xl:p-12"> 646 647 <style> 648 .team-card.is-active { 649 border-color: rgba(254, 76, 0, 0.55); 650 box-shadow: 0 0 40px rgba(254, 76, 0, 0.18); 651 } 652 653 .team-card.is-active img { 654 opacity: 0.9; 655 transform: scale(1.04); 656 } 657 </style> 658 659 <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16"> 660 661 <!-- INTRO --> 662 <div class="lg:col-start-1 lg:col-span-6"> 663 <h2 class="text-4xl sm:text-6xl font-normal text-zinc-100 tracking-tight font-space-grotesk mt-6"> 664 Built by Operators. 665 </h2> 666 667 <p class="sm:text-xl leading-relaxed text-lg font-light text-zinc-400 max-w-xl mt-10"> 668 Led by the people whoâve scaled businessesâand can actually install what they recommend. 669 </p> 670 </div> 671 672 <!-- PHOTOS --> 673 <div class="lg:col-start-7 lg:col-span-6 lg:row-span-2"> 674 <div class="grid grid-cols-1 sm:grid-cols-2 gap-5"> 675 676 <!-- Jason --> 677 <article class="team-card group relative overflow-hidden h-[180px] sm:h-[260px] sm:col-span-2 border border-zinc-800 rounded-2xl bg-zinc-900 cursor-pointer transition-all duration-300" data-name="Jason Katz" data-title="Co-Founder" data-bio="Jason has built, led, and exited companies ranging from $50M to $2B and is currently scaling another to $200M+. Over 17 years, Jason has worked at the intersection of technology, strategy, and operationsâbuilding the systems behind growth, not just advising on it. Jason builds AI systems and the underlying operating infrastructure, with the work grounded in how businesses actually runâso implementation holds up outside a demo."> 678 <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/986ac99c-9777-4909-9101-09864e05a9e6_800w.jpg" class="absolute inset-0 w-full h-full object-cover opacity-55 transition-all duration-500" alt="Jason Katz"> 679 680 <div class="absolute inset-0 bg-black/45 group-hover:bg-black/25 transition-colors"></div> 681 682 <div class="absolute bottom-6 left-6 right-6"> 683 <h4 class="text-3xl font-semibold text-white tracking-tight font-inter"> 684 Jason Katz 685 </h4> 686 <p class="mt-2 text-zinc-400">Co-Founder</p> 687 </div> 688 </article> 689 690 <!-- Leigh --> 691 <article class="team-card group relative overflow-hidden h-[180px] sm:h-[260px] sm:col-span-2 border border-zinc-800 rounded-2xl bg-zinc-900 cursor-pointer transition-all duration-300" data-name="Leigh Buckley" data-title="Co-Founder" data-bio="Leigh is the âmake it make senseâ layerâbringing structure, clarity, and operator discipline to businesses that have outgrown duct tape. With 15+ years of experience across CPG, higher education, supplements, environmental regeneration, and cannabisâand experience across three exits totaling $12B+âLeigh is known for building teams, standards, and operating rhythm that holds under growth."> 692 <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/871bdc5a-3aa6-450b-a1d1-fed868777368_1600w.jpg" class="absolute inset-0 w-full h-full object-cover opacity-55 transition-all duration-500" alt="Leigh Buckley"> 693 694 <div class="absolute inset-0 bg-black/45 group-hover:bg-black/25 transition-colors"></div> 695 696 <div class="absolute bottom-6 left-6 right-6"> 697 <h4 class="text-3xl font-semibold text-white tracking-tight font-inter"> 698 Leigh Buckley 699 </h4> 700 <p class="mt-2 text-zinc-400">Co-Founder</p> 701 </div> 702 </article> 703 704 </div> 705 </div> 706 707 <!-- DYNAMIC BIO --> 708 <div class="lg:col-start-1 lg:col-span-6 lg:self-end border-t border-zinc-800 pt-8 mt-2 lg:mt-0 min-h-[190p
708x]"> 709 710 <h3 id="bio-name" class="text-3xl sm:text-4xl tracking-tight text-white font-medium">Jason Katz</h3> 711 712 <p id="bio-title" class="text-base text-[#FE4C00] mt-2">Co-Founder</p> 713 714 <p id="bio-copy" class="mt-5 max-w-xl text-zinc-400 leading-relaxed">Jason has built, led, and exited 715 companies ranging from $50M to $2B and is currently scaling another to $200M+. Over 17 years, Jason has 716 worked at the intersection of technology, strategy, and operationsâbuilding the systems behind growth, not 717 just advising on it. Jason builds AI systems and the underlying operating infrastructure, with the work 718 grounded in how businesses actually runâso implementation holds up outside a demo.</p> 719 720 </div> 721 722 </div> 723 724 </div> 725 726 </div> 727</section> 728 729</main> 730 731 <!-- FOOTER --> 732 <footer class="bg-black z-40 border-zinc-900 border-t pt-20 pb-10 relative"> 733 <div class="sm:px-6 lg:px-8 max-w-7xl mx-auto px-4"> 734 <div class="grid grid-cols-1 md:grid-cols-12 gap-12 lg:gap-8 mb-16 gap-x-12 gap-y-12"> 735 <div class="md:col-span-6 lg:col-span-5"> 736 <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/bb846fe5-c422-46d6-b6c7-7729fedb2b5a_320w.png" alt="Kindling Solutions" class="-ml-2 w-auto h-16 rounded-sm mb-8"> 737 <div class="flex flex-col gap-6 w-full font-sans mt-2"> 738 <p class="leading-relaxed text-lg font-light text-zinc-100 font-inter max-w-md">Join our newsletter and stay 739 updated on the latest trends in AI-Automation World.</p> 740 741 <!-- Newsletter Signup --> 742 <form action="https://formspree.io/f/xwvdplkk" method="POST" class="flex w-full max-w-[400px] mt-2"> 743 744 <input type="hidden" name="_subject" value="New Newsletter Signup"> 745 746 <input type="email" name="email" placeholder="Email Address" required="" class="flex-1 h-12 bg-white text-zinc-900 placeholder:text-zinc-400 placeholder:font-mono font-mono px-4 text-sm outline-none min-w-0 rounded-none border-none"> 747 748 <button type="submit" class="hover:bg-[#e64400] transition-colors whitespace-nowrap border-none focus:outline-none text-sm font-medium text-black font-inter bg-[#FE4C00] h-12 rounded-none pr-6 pl-6 cursor-pointer"> 749 SIGN-UP 750 </button> 751 752 </form> 753 </div> 754 </div> 755 <div class="md:col-span-3 lg:col-span-2 lg:col-start-8 font-inter"> 756 <h4 class="font-sans text-white text-lg font-normal mb-8">Social</h4> 757 <ul class="space-y-5"> 758 <li class=""><a href="https://x.com/KindlingSpark" class="hover:text-white transition-colors flex items-center gap-2 group text-base font-light text-zinc-400">X</a> 759 </li> 760 <li class=""><a href="https://www.facebook.com/kindlingsolutions/" class="hover:text-white transition-colors flex items-center gap-2 group text-base font-light text-zinc-400">Facebook</a> 761 </li> 762 <li class=""><a href="https://www.youtube.com/@KindlingSolutions" class="hover:text-white transition-colors flex items-center gap-2 group text-base font-light text-zinc-400">YouTube</a> 763 </li> 764 <li class=""><a href="https://www.linkedin.com/company/kindling-solutions/" class="hover:text-white transition-colors flex items-center gap-2 group text-base font-light text-zinc-400">LinkedIn</a> 765 </li> 766 <li class=""><a href="https://www.instagram.com/kindlingsolutions/" class="hover:text-white transition-colors flex items-center gap-2 group text-base font-light text-zinc-400">Instagram</a> 767 </li> 768 </ul> 769 </div> 770 <div class="md:col-span-3 lg:col-span-3"> 771 <h4 class="text-lg font-normal text-white font-inter mb-8">Get in touch</h4> 772 <p class="leading-relaxed text-base font-light text-zinc-400 font-inter max-w-[280px] mb-8">Ready to start 773 your next project?<br>Let's build something extraordinary.</p> 774 <a href="mailto:[email protected]" class="inline-flex items-center justify-center hover:bg-[#e64400] transition-colors hover:shadow-[0_0_30px_rgba(254,76,0,0.5)] text-sm font-normal text-white bg-[#FE4C00] rounded-full pt-3 pr-6 pb-3 pl-6 shadow-[0_0_20px_rgba(254,76,0,0.3)]">Email
775 us Here</a> 776 </div> 777 </div> 778 <div class="pt-8 border-t border-zinc-900/80 flex flex-col sm:flex-row items-center justify-between gap-4"> 779 <p class="text-sm font-light text-zinc-500">© 2026 Kindling Solutions. All rights reserved.</p> 780 <div class="flex items-center gap-6"> 781 <a href="#" class="text-zinc-500 hover:text-zinc-300 font-light text-sm transition-colors">Privacy Policy</a> 782 <a href="#" class="text-zinc-500 hover:text-zinc-300 font-light text-sm transition-colors">Terms of 783 Service</a> 784 </div> 785 </div> 786 </div> 787</footer> 788 789
789<script class=""> 790 const cards = document.querySelectorAll(".team-card"); 791 const bioName = document.getElementById("bio-name"); 792 const bioTitle = document.getElementById("bio-title"); 793 const bioCopy = document.getElementById("bio-copy"); 794 795 function updateBio(card) { 796 cards.forEach(item => item.classList.remove("is-active")); 797 card.classList.add("is-active"); 798 799 bioName.textContent = card.dataset.name; 800 bioTitle.textContent = card.dataset.title; 801 bioCopy.textContent = card.dataset.bio; 802 } 803 804 cards.forEach(card => { 805 card.addEventListener("mouseenter", () => updateBio(card)); 806 card.addEventListener("click", () => updateBio(card)); 807 }); 808 </script>
808 809 810 811 812 813 814</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.