PageSourceSearch

https://kindlingsolutions.com/about-us/

html kindlingsolutions.com collected 2026-09-26 00:24:34 UTC 51,730 bytes, 814 lines download raw bytes

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&amp;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&amp;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&amp;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.