changes aboutus and other
This commit is contained in:
priyanshuvish
1
src/assets/accenture.svg
Normal file
1
src/assets/accenture.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg height="658" viewBox="0 0 163.4 43" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m95.1 12 9.4-3.5-9.4-3.6v-4.9l16.1 6.5v4l-16.1 6.5z" fill="#a100ff"/><path d="m6.2 43c-3.4 0-6.2-1.7-6.2-5.5v-.2c0-4.6 4-6.2 8.9-6.2h2.3v-.9c0-1.9-.8-3-2.8-3-1.8 0-2.7 1-2.8 2.4h-5c.4-4.2 3.7-6.2 8.1-6.2 4.5 0 7.8 1.9 7.8 6.6v12.6h-5.1v-2.2c-1 1.4-2.7 2.6-5.2 2.6zm5-6.6v-1.8h-2.1c-2.6 0-3.9.7-3.9 2.4v.2c0 1.3.8 2.2 2.6 2.2 1.8-.1 3.4-1.1 3.4-3zm17.2 6.6c-5.2 0-9-3.2-9-9.6v-.3c0-6.4 4-9.8 9-9.8 4.3 0 7.8 2.2 8.2 7.1h-5c-.3-1.8-1.3-3-3.1-3-2.2 0-3.8 1.8-3.8 5.5v.6c0 3.8 1.4 5.5 3.8 5.5 1.8 0 3.1-1.3 3.4-3.4h4.8c-.3 4.4-3.2 7.4-8.3 7.4zm19.6 0c-5.2 0-9-3.2-9-9.6v-.3c0-6.4 4-9.8 9-9.8 4.3 0 7.8 2.2 8.2 7.1h-5c-.3-1.8-1.3-3-3.1-3-2.2 0-3.8 1.8-3.8 5.5v.6c0 3.8 1.4 5.5 3.8 5.5 1.8 0 3.1-1.3 3.4-3.4h4.8c-.3 4.4-3.2 7.4-8.3 7.4zm19.7 0c-5.4 0-9.1-3.2-9.1-9.5v-.4c0-6.3 3.9-9.8 9-9.8 4.7 0 8.6 2.6 8.6 8.9v2.3h-12.3c.2 3.4 1.7 4.7 3.9 4.7 2 0 3.1-1.1 3.5-2.4h4.9c-.6 3.5-3.6 6.2-8.5 6.2zm-3.7-12h7c-.1-2.8-1.4-4-3.5-4-1.6.1-3.1 1-3.5 4zm15.4-7.2h5.3v2.8c.9-1.8 2.8-3.2 5.7-3.2 3.4 0 5.7 2.1 5.7 6.6v12.6h-5.3v-11.8c0-2.2-.9-3.2-2.8-3.2-1.8 0-3.3 1.1-3.3 3.5v11.5h-5.3zm26.4-5.7v5.7h3.6v3.9h-3.6v8.9c0 1.4.6 2.1 1.9 2.1.8 0 1.3-.1 1.8-.3v4.1c-.6.2-1.7.4-3 .4-4.1 0-6-1.9-6-5.7v-9.5h-2.2v-3.9h2.2v-3.5zm23.4 24.5h-5.2v-2.8c-.9 1.8-2.7 3.2-5.5 3.2-3.4 0-5.9-2.1-5.9-6.5v-12.7h5.3v12c0 2.2.9 3.2 2.7 3.2s3.3-1.2 3.3-3.5v-11.7h5.3zm3.9-18.8h5.3v3.5c1.1-2.5 2.9-3.7 5.7-3.7v5.2c-3.6 0-5.7 1.1-5.7 4.2v9.7h-5.3zm21.7 19.2c-5.4 0-9.1-3.2-9.1-9.5v-.4c0-6.3 3.9-9.8 9-9.8 4.7 0 8.6 2.6 8.6 8.9v2.3h-12.2c.2 3.4 1.7 4.7 3.9 4.7 2 0 3.1-1.1 3.5-2.4h4.9c-.8 3.5-3.7 6.2-8.6 6.2zm-3.8-12h7.1c-.1-2.8-1.4-4-3.5-4-1.6.1-3.1 1-3.6 4z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
1
src/assets/adani-logo.svg
Normal file
1
src/assets/adani-logo.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg height="789" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496.68700000000007 156.71"><linearGradient id="a" x2="1" y1=".5" y2=".5"><stop offset="0" stop-color="#1094c4"/><stop offset=".447" stop-color="#473aff"/><stop offset=".725" stop-color="#7a00fd"/><stop offset="1" stop-color="#bf1969"/></linearGradient><path d="M433.387 12.698c0 7.068 5.4 13.114 12.9 13.114 7.127 0 12.713-6.046 12.713-13.114C459 5.576 453.412 0 446.288 0c-7.5 0-12.9 5.576-12.9 12.698zm-252.9-.03v32.235c-7.087-3.206-17.812-6.214-28.162-6.214-27.713 0-43.613 16.53-45.975 43.2-.638 7.755-.638 23.003 0 30.533 2.362 26.437 19.988 44.288 49.013 44.288 20.85 0 38.25-9.252 43.836-13.35 3.452-2.349 4.089-4.733 4.089-8.6V12.668c0-6.436-4.951-11.606-11.401-11.606-6.225 0-11.4 5.17-11.4 11.606zm-51.375 96.949c-.6-6.672-.412-19.34 0-25.144.863-15.69 8.625-23.861 24.938-23.861 11.212 0 21.937 3.866 26.438 6.667v59.741c-4.276 3.244-15.451 7.74-24.713 7.74-16.536 0-25.35-8.602-26.663-25.143zM328.125 50.49c-3.225 2.168-4.539 4.324-4.539 8.81l.001 84.483c0 6.445 5.4 11.633 11.437 11.633 6.413-.001 11.363-5.188 11.363-11.633l.001-77.145c4.913-3.026 15.036-6.026 25.574-6.026 13.35 0 24.975 7.308 24.975 24.506v58.665c0 6.445 5.325 11.633 11.362 11.633 6.676-.001 11.4-5.188 11.4-11.633V84.049c0-29.036-15.9-45.36-47.062-45.36-22.575 0-38.288 7.113-44.513 11.801h.001zm-97.124-5.38c-5.814 2.594-7.539 6.892-7.539 10.566 0 6.657 6.225 11.603 15.712 8.58 6.002-2.137 14.587-4.71 23.401-4.71 16.762 0 23.888 6.214 23.888 20.847v7.072c-9.9-2.347-17.25-3.618-27.339-3.618-30.074 0-43.612 16.988-43.612 35.666.002 21.063 14.587 37.197 44.063 37.197 22.35 0 38.7-7.973 44.737-12.054 3.225-2.16 4.05-4.496 4.05-8.366V80.393c0-29.047-16.95-41.704-44.474-41.704-13.124 0-26.663 3.428-32.888 6.42zm6.862 73.56c0-10.321 9.45-16.164 22.574-16.164 9.677 0 16.537 1.309 26.026 3.665v23.875c-2.174 1.71-10.125 6.669-24.975 6.669-15.226 0-23.627-6.45-23.627-18.046h.001zM15.413 45.11c-5.776 2.594-7.538 6.892-7.538 10.566 0 6.657 6.263 11.603 15.711 8.58 6.04-2.144 14.664-4.717 23.439-4.717 16.764 0 23.85 6.221 23.85 20.854v7.072c-9.9-2.347-17.176-3.618-27.3-3.618C14.55 83.847.899 99.687 0 117.589v4.016c.938 20.03 15.525 35.105 43.988 35.105 22.387 0 38.699-7.973 44.737-12.054 3.226-2.16 4.087-4.496 4.087-8.366l.002-55.897c0-29.047-16.99-41.704-44.514-41.704-13.087 0-26.626 3.428-32.888 6.42zm6.9 73.56c0-10.329 9.45-16.164 22.537-16.164 9.675 0 16.575 1.309 26.025 3.665v23.875c-2.138 1.71-10.088 6.669-24.938 6.669-15.261 0-23.625-6.45-23.625-18.046zm412.576-66.428v91.987c0 6.458 5.398 11.644 11.399 11.644 6.45 0 11.436-5.186 11.436-11.644l.001-91.987c0-6.44-5.175-11.6-11.438-11.6-6.45 0-11.4 5.16-11.4 11.6h.002z" fill="url(#a)"/><path d="M486.075 7.46l2.776 10.536 2.774-10.537c.225-.717.674-1.272 1.425-1.272.864 0 1.462.5 1.612 1.44l1.913 10.812c.112.498-.15 1.05-.675 1.17-.563.113-.938-.282-1.012-.776l-1.763-10.878-2.736 10.162c-.225.876-.751 1.44-1.54 1.44-.823 0-1.35-.503-1.612-1.44L484.5 8.014l-1.761 10.876c-.039.501-.452.832-1.052.72-.487-.121-.712-.617-.6-1.11l1.839-10.872c.188-.942.824-1.44 1.574-1.44s1.35.439 1.574 1.271h.001zm-9.711 11.207c0 .503-.452.89-.827.89-.523 0-.9-.45-.9-.889l.001-10.654h-3.824a.806.806 0 0 1-.827-.832c0-.44.375-.837.825-.837h9.264c.488 0 .899.397.899.837 0 .503-.413.832-.9.832h-3.711v10.653z"/></svg>
|
||||||
|
After Width: | Height: | Size: 3.3 KiB |
1
src/assets/axis-bank.svg
Normal file
1
src/assets/axis-bank.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg height="-358" viewBox="-.04 195.13 511.99 121.87" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m70.91 195.13c7.29 12.48 14.58 24.82 21.6 37.3-11.5 20.33-23 40.81-34.92 61-4.63 7.71-8.98 15.57-13.6 23.28-14.72.14-29.45.14-44.03 0 .42-.98.84-1.96 1.4-2.94 23.27-39.55 46.55-78.95 69.55-118.64zm319.74 30.57c8.13 15.15 16.27 30.29 24.4 45.44-2.8 0-5.75-.14-8.55 0-1.96-3.37-3.65-6.87-5.47-10.24-7.15-.28-14.44 0-21.6-.14-1.68 3.51-3.65 6.87-5.47 10.24h-8.41c8.13-15.15 16.4-30.29 25.1-45.3m-7.72 28.75c4.91 0 9.82 0 14.72.14-2.52-4.63-4.63-9.26-7.29-13.74a316.29 316.29 0 0 0 -7.43 13.6zm36.74-28.89c12.2 10.66 24.54 21.32 36.6 32.11.28-9.82 0-19.49.28-29.31 2.66 0 5.19.14 7.85.14-.14 15.01 0 30.15 0 45.16-7.99-6.73-15.85-13.74-23.7-20.61-4.49-3.79-8.83-7.57-13.04-11.64-.14 9.96 0 19.77-.14 29.73h-7.85c0-15.29-.14-30.43 0-45.58zm-259.15 45.44c8.41-15.15 16.69-30.43 25.38-45.44 8.13 15.15 16.13 30.29 24.4 45.44h-8.69a233.5 233.5 0 0 1 -5.19-10.24c-7.29-.14-14.44 0-21.74 0-1.82 3.37-3.65 6.87-5.61 10.24-2.94.14-5.75.14-8.55 0m17.67-16.55h14.86c-2.52-4.63-4.63-9.26-7.29-13.74-2.66 4.62-5.05 9.11-7.57 13.74zm102.93-24.82c4.21-2.1 8.98-2.24 13.46-1.4 3.93.84 7.01 3.65 9.4 6.59-2.1 1.12-4.21 2.1-6.31 3.23-2.8-4.35-9.4-5.75-13.46-2.38-2.1 1.54-1.96 5.33.42 6.45 5.47 2.94 12.06 3.65 16.83 7.71 4.91 4.21 4.77 12.48.14 16.83-4.91 4.91-12.62 6.03-19.07 4.21-5.47-1.4-9.54-6.31-10.24-11.78 2.66-.56 5.33-.98 7.99-1.4.28 2.52 1.26 5.47 3.79 6.73 3.79 2.1 9.4 1.54 12.06-2.24 1.82-2.52 1.26-6.45-1.26-8.27-5.33-3.51-12.34-3.79-17.25-8.27-2.52-2.1-3.51-5.75-2.66-8.98.69-3.25 3.36-5.63 6.16-7.03zm-68.29-.98c2.94-.42 6.03-.28 8.98-.28 3.23 4.77 6.45 9.54 9.54 14.3 3.37-4.77 6.59-9.54 9.96-14.16 3.09-.14 6.17-.14 9.26 0-4.91 6.73-9.82 13.46-14.58 20.33 4.91 7.57 10.38 14.72 15.29 22.44h-8.83c-3.79-5.33-7.43-10.8-11.08-16.13-3.79 5.33-7.71 10.66-11.5 16.13h-8.83c5.19-7.57 10.52-14.86 15.99-22.3-4.81-6.87-9.57-13.6-14.2-20.33zm45.01-.15a73.4 73.4 0 0 1 7.85 0v42.63h-7.99c.14-14.3 0-28.46.14-42.63zm76.99-.14c6.73.28 14.02-.98 20.33 2.38 6.03 3.23 7.43 12.9 1.82 17.25 3.51 1.4 7.01 4.07 7.85 7.85 1.54 4.77-1.12 9.96-5.33 12.48-7.57 4.21-16.41 2.24-24.68 2.8-.13-14.15.01-28.45.01-42.76m7.86 6.18v12.2c2.94-.14 6.17 0 8.69-1.82 2.52-2.24 2.52-7.01-.42-8.98-2.38-1.55-5.47-1.4-8.27-1.4m0 17.8v12.48c3.93-.14 8.13.56 11.78-1.4 3.23-1.54 3.79-6.73.84-8.83-3.51-2.95-8.28-2.25-12.62-2.25zm130.98-23.98h7.85v16.83c6.45-5.75 13.04-11.22 19.63-16.97h10.8c-7.71 6.31-15.43 12.76-23.14 19.35 7.57 7.99 15.29 15.57 23 23.28-3.51 0-7.15.28-10.66-.14-6.17-6.17-12.2-12.48-18.23-18.79l-1.26 1.68c-.14 5.75 0 11.5-.14 17.25h-7.99c0-14.02 0-28.18.14-42.49zm-402.76 42.5c14.72 0 29.45-.14 44.17.14 8.83 15.29 17.81 30.43 26.5 45.86-14.72.14-29.45 0-44.17 0-8.69-15.43-17.81-30.58-26.5-46z" fill="#ae285d"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.7 KiB |
1
src/assets/ceat-logo.svg
Normal file
1
src/assets/ceat-logo.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg enable-background="new 0 0 438 151" viewBox="0 0 438 151" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h438v151h-438zm45.2 23.3c-14.2 6.9-25.7 19.5-30.2 34.8-4.4 15.5-3.4 32.7 3.6 47.2 7.5 15 21.9 26.3 38.3 30 12.2 2.7 25.1 2.5 37.1-1.1 12.4-3.7 22.4-12.2 31.4-21.1-6.2-6.5-12.5-13-18.8-19.5-7.3 7.5-15.8 15.1-26.7 16.6-11.6 2-24.5-1.8-32.3-10.8-11.4-13.4-10.5-36 3.1-47.6 8-7.5 19.7-9.9 30.2-7.7 10.2 1.9 18.6 8.7 25.4 16.1 6.5-6 12.8-12.2 19.3-18.2-8.5-10.7-20.2-18.9-33.4-22.6-15.3-4.7-32.5-3.4-47 3.9m91-4.8c-.4 8.8-.1 17.7-.2 26.5h83.7c-.1-8.8.1-17.7-.1-26.5-27.8 0-55.6 0-83.4 0m136.9.1c-.3 1.1-.7 2.3-1 3.4-15.1 37.7-30.3 75.4-45.1 113.2h30.3c8.4-21.2 17-42.3 25.5-63.4 1.6-3.7 2.8-7.6 4.8-11 9.9 24.8 20 49.6 29.9 74.4 10.1.1 20.2 0 30.3 0-15.2-39-31.1-77.7-46.4-116.6-9.6 0-18.9-.1-28.3 0m57.3 27.8c10.6-.1 21.1 0 31.7 0v88.2h27.9c.2-29.4-.1-58.8.1-88.2h31.6c0-9.3 0-18.6 0-27.9-30.5.1-60.9 0-91.3 0-.1 9.4-.1 18.7 0 27.9m-194.5 16.9c.3 8.8-.2 17.5.3 26.3 27.8-.2 55.6-.1 83.4 0 .1-8.8 0-17.6 0-26.3-27.8 0-55.8-.2-83.7 0m.1 45.5c0 8.8-.2 17.7.1 26.5 27.8-.1 55.6-.1 83.4 0 .4-8.9.1-17.7.2-26.6-27.9 0-55.8-.1-83.7.1z" fill="#203f99"/><path d="m45.2 23.3c14.5-7.3 31.7-8.6 47.1-3.9 13.2 3.8 24.9 12 33.4 22.7-6.5 6-12.8 12.2-19.3 18.2-6.8-7.5-15.1-14.3-25.3-16.2-10.6-2.2-22.3.2-30.2 7.7-13.7 11.5-14.6 34.2-3.2 47.6 7.9 9 20.7 12.8 32.3 10.8 10.9-1.4 19.3-9 26.7-16.6 6.2 6.5 12.5 13 18.8 19.5-9 8.8-19.1 17.4-31.4 21.1-12 3.5-24.9 3.8-37 1.1-16.4-3.6-30.8-15-38.3-30-7.1-14.5-8.1-31.8-3.6-47.2 4.2-15.3 15.8-27.9 30-34.8zm227.9-4.7c9.4-.1 18.7 0 28.1 0 15.2 39 31.1 77.7 46.4 116.6-10.1-.1-20.2.1-30.3 0-9.9-24.9-20-49.6-29.9-74.4-2 3.5-3.2 7.4-4.8 11-8.5 21.2-17 42.3-25.5 63.4-10.1 0-20.2 0-30.3 0 15-37.8 30.2-75.5 45.3-113.2.3-1.1.7-2.2 1-3.4zm57.3 27.9c-.1-9.3 0-18.6 0-27.9 30.4 0 60.9.1 91.3 0v27.9c-10.5-.1-21.1 0-31.6 0-.2 29.4 0 58.8-.1 88.2-9.3 0-18.6 0-27.9 0 0-29.4 0-58.8 0-88.2-10.6-.1-21.2-.1-31.7 0z" fill="#fff"/><path d="m136.2 18.5c27.8 0 55.6.1 83.4 0 .3 8.8.1 17.7.1 26.5-27.9 0-55.8 0-83.7 0 .1-8.9-.2-17.7.2-26.5zm-.3 44.8c27.9-.2 55.9 0 83.8-.1 0 8.8.1 17.5 0 26.3-27.8-.1-55.6-.1-83.4 0-.6-8.7-.1-17.4-.4-26.2zm.1 45.5c27.9-.3 55.8-.2 83.7-.1-.1 8.9.2 17.7-.2 26.6-27.8-.1-55.6-.1-83.4 0-.3-8.7 0-17.6-.1-26.5z" fill="#f04f23"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
1
src/assets/flipkart.svg
Normal file
1
src/assets/flipkart.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
1
src/assets/hsbc.svg
Normal file
1
src/assets/hsbc.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg viewBox="0 0 315.9 85.1" xmlns="http://www.w3.org/2000/svg" width="2500" height="673"><path d="M42.6 0h85v85h-85z" fill="#fff"/><g fill="#db0011"><path d="M170.1 42.6L127.6 0v85.1zM85.1 42.6L127.6 0h-85z"/><path d="M0 42.6l42.6 42.5V0zM85.1 42.6L42.6 85.1h85z"/></g><path d="M207.4 45.1H192v15.2h-7.7V24.7h7.7v14.6h15.4V24.7h7.7v35.6h-7.7zM233.7 61c-7.7 0-14-3.1-14.1-11.6h7.7c.1 3.8 2.3 6.1 6.5 6.1 3.1 0 6.7-1.6 6.7-5.1 0-2.8-2.4-3.6-6.4-4.8l-2.6-.7c-5.6-1.6-11.2-3.8-11.2-10.2 0-7.9 7.4-10.6 14.1-10.6 6.9 0 12.9 2.4 13 10.3h-7.7c-.3-3.2-2.2-5.1-5.8-5.1-2.9 0-5.7 1.5-5.7 4.7 0 2.6 2.4 3.4 7.4 5l3 .9c6.1 1.9 10 4 10 10-.1 8-7.9 11.1-14.9 11.1zM252.9 24.8h12.4c2.3-.1 4.7 0 7 .4 4.3 1 7.6 3.8 7.6 8.6 0 4.6-2.9 6.9-7.1 8 4.8.9 8.4 3.3 8.4 8.6 0 8.1-8 9.9-14.2 9.9h-14zm12.4 14.8c3.4 0 6.9-.7 6.9-4.8 0-3.7-3.2-4.7-6.4-4.7h-5.4v9.5zM266 55c3.6 0 7.1-.8 7.1-5.2s-3-5.2-6.7-5.2h-6.1V55zM301.2 61c-11.5 0-16.6-7.3-16.6-18.2s5.7-18.8 17-18.8c7.1 0 14 3.2 14.2 11.2h-8c-.4-3.6-2.8-5.4-6.2-5.4-7 0-9.1 7.5-9.1 13.2s2.1 12.3 8.8 12.3c3.5 0 6.1-1.9 6.6-5.5h8c-.8 8.2-7.3 11.2-14.7 11.2z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
1
src/assets/idbi-bank-logo.svg
Normal file
1
src/assets/idbi-bank-logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.8 KiB |
1
src/assets/larsen-toubro-logo.svg
Normal file
1
src/assets/larsen-toubro-logo.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg height="50.25mm" viewBox="0.15 0.15 50 50" width="50.25mm" xmlns="http://www.w3.org/2000/svg"><path d="M25.141.15c13.74 0 25.009 11.217 25.009 24.974 0 13.791-11.27 25.026-25.009 25.026C11.367 50.15.15 38.915.15 25.124.15 11.367 11.367.15 25.141.15m-3.457 46.596l10.67-18.5h-7.213l3.58-6.209 16.932-.018-3.58 6.244-6.138-.018L25.14 47.028c12.028 0 21.887-9.859 21.887-21.905 0-11.992-9.859-21.834-21.887-21.834-.882 0-1.763.053-2.575.159l-10.758 18.59H25.14l-3.615 6.207H4.612l13.792-23.88C9.639 7.205 3.272 15.46 3.272 25.124c0 10.881 7.99 19.947 18.412 21.622" fill="#004f8a" fill-rule="evenodd"/></svg>
|
||||||
|
After Width: | Height: | Size: 610 B |
1
src/assets/levis.svg
Normal file
1
src/assets/levis.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg height="1025" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 -1.4210854715202004e-14 283.464 116.18800000000002"><path d="M250.094 7.094c.71-.05 1.341-.196 1.896-.439.552-.24.997-.61 1.323-1.117.331-.502.496-1.206.496-2.104 0-.759-.151-1.366-.441-1.819a3.04 3.04 0 0 0-1.145-1.04 4.978 4.978 0 0 0-1.611-.489c-.261-.04-.52-.065-.777-.086h-5.688v7.17h3.688c.797 0 1.549-.024 2.259-.076zm-13.348 13.168c1.437 1.489 3.135 2.656 5.092 3.506 1.955.849 4.076 1.271 6.358 1.271 2.255 0 4.347-.423 6.287-1.271a15.75 15.75 0 0 0 5.066-3.506c1.435-1.487 2.562-3.246 3.377-5.271.812-2.028 1.222-4.235 1.222-6.626 0-2.317-.41-4.482-1.222-6.491A17.011 17.011 0 0 0 262.014 0h-5.527c.564.958.854 2.15.854 3.588 0 2.043-.571 3.543-1.716 4.491-1.142.953-2.559 1.517-4.259 1.691l6.495 10.024h-3.795l-6.178-9.765h-3.74v9.765h-3.529V0h-6.338a16.93 16.93 0 0 0-.91 1.875c-.812 2.008-1.221 4.173-1.221 6.491 0 2.392.408 4.599 1.221 6.626.812 2.024 1.939 3.783 3.375 5.27zM99.877 38.848c-4.923 0-7.531 3.845-7.586 7.781h15.825c0-4.64-2.936-7.781-8.239-7.781zM265.756 0c.119.245.251.479.362.731 1.037 2.356 1.559 4.901 1.559 7.634 0 2.811-.521 5.396-1.559 7.771-1.037 2.365-2.438 4.427-4.207 6.175a18.945 18.945 0 0 1-6.18 4.079c-2.354.969-4.865 1.455-7.536 1.455-2.665 0-5.185-.485-7.553-1.455a19.146 19.146 0 0 1-6.235-4.079c-1.783-1.749-3.193-3.811-4.23-6.175-1.039-2.375-1.561-4.96-1.561-7.771 0-2.733.521-5.278 1.561-7.634.111-.252.244-.486.363-.731H0l27.257 116.188c57.227-36.803 112.227-1.435 114.439-.086h.006a.095.095 0 0 1 .017-.01h.028c.004.003.012.006.016.01h.009c2.208-1.349 57.211-36.717 114.437.086L283.464 0zM74.901 70.539H37.644V31.733h16.75V59.98h20.507zm50.111-16.1H92.32c0 5.051 4.276 8.861 9.975 8.861 3.389 0 6.476-1.121 8.657-4.154h13.037c-4.261 9.791-12.526 12.575-23.794 12.575-14.654 0-25.015-7.935-25.015-20.504 0-13.424 10.206-20.506 25.015-20.506 16.568 0 24.875 10.736 24.875 21.07-.001.862.066 1.723-.058 2.658zm30.326 16.162h-14.116l-21.076-38.9h19.02l12.094 23.646.333.713.303-.713L163.207 31.7h11.421zm37.224-.076h-16.156V31.628h16.156zm12.137-34.022l-4.867 5.294h-2.024l2.231-5.772h-4.459v-7.697h9.119zm21.203 35.13c-17.264 0-20.406-9.974-20.406-12.445h12.501c0 1.452 1.967 3.193 3.627 3.901 1.366.585 2.888.7 4.312.7 3.52 0 6.408-.854 6.408-2.898 0-2.489-2.957-3.041-6.219-3.509-8.877-1.28-21.318-2.771-21.318-12.701 0-9.262 10.113-13.976 20.849-13.976 17.187 0 21.743 9.521 21.743 12.278h-12.705c0-.823-.627-2.403-2.359-3.307-1.285-.671-3.174-1.214-5-1.214-4.747 0-7.418.988-7.418 3.163 0 1.777 2.408 2.658 5.865 3.251 9.023 1.549 22.879 2.085 22.879 13.066-.001 5.578-4.831 13.691-22.759 13.691z" fill="#a8112e"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
1
src/assets/tata-motors.svg
Normal file
1
src/assets/tata-motors.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg height="387" viewBox="17.717 17.72 566.913 57.891" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m515.958 17.72c-5.909 0-11.618.477-15.586.977v55.82h10.156v-23.123h5.196c1.245 0 2.488.019 3.476.508 3.43 1.025 5.173 3.499 6.407 9.296 1.488 7.032 3.028 11.807 3.75 13.32h10.39c-1.001-2.258-2.499-8.539-4.258-15.546-1.477-5.543-3.692-9.605-7.89-11.094v-.234c5.432-1.745 10.195-6.769 10.195-14.063 0-4.791-1.8-8.84-4.766-11.367-3.188-2.765-7.639-4.255-13.828-4.492h-3.242zm53.125 0c-12.121 0-19.805 7.02-19.805 16.016 0 8.234 5.947 13.21 15.079 16.446 7.19 2.484 9.921 4.982 9.921 9.219 0 4.492-3.698 7.734-10.156 7.734-5.187 0-10.109-1.746-13.32-3.711l-2.227 8.437c2.967 2.003 9.146 3.75 15.078 3.75 14.344 0 20.977-7.969 20.977-16.953 0-7.977-4.64-12.932-14.297-16.68-7.397-2.777-10.664-4.769-10.664-9.023 0-3.479 2.72-6.992 9.14-6.992 5.188 0 9.195 1.777 11.172 2.734l2.461-8.203c-2.99-1.458-7.414-2.773-13.359-2.773zm-203.71.079c-15.454.22-26.094 12.29-26.094 29.336 0 16.309 10.002 28.36 25.664 28.36h.429c15.235-.233 26.368-10.914 26.368-29.298 0-16.12-9.568-28.398-25.938-28.398h-.43zm99.726 0c-15.479.22-26.133 12.29-26.133 29.336 0 16.309 9.978 28.36 25.664 28.36h.47c15.185-.233 26.289-10.914 26.289-29.298 0-16.12-9.5-28.398-25.82-28.398zm-447.382.742v16.406h15.937v39.688h22.617v-39.688h15.469v-16.406zm69.765 0-21.406 56.094h21.64l11.407-33.32 11.64 33.32h21.875l-21.64-56.094zm40.156 0v16.406h15.977v39.688h22.578v-39.688h15.507v-16.406zm69.57 0-21.21 56.094h21.64l11.406-33.32 11.641 33.32h21.914l-21.679-56.095zm76.524 0-3.477 56.094h9.57l1.172-22.383c.288-7.886.585-16.896.86-24.14h.273c1.453 6.964 3.502 14.808 5.82 21.796l7.266 24.14h7.852l8.437-24.413c2.32-6.976 4.629-14.56 6.68-21.524 0 7.557.554 16.268.86 23.555l.898 22.969h10.195l-3.203-56.094h-13.399l-7.851 22.344c-2.026 6.695-4.043 13.65-5.508 19.766h-.312c-1.43-6.384-3.176-13.051-5.196-19.454l-7.304-22.656zm120.703.156v8.633h16.133v47.227h10.195v-47.227h15.898v-8.633zm122.539 6.836h2.226c5.188.72 8.399 3.484 8.399 9.063 0 4.736-3.21 8.272-8.399 9.023-.988 0-1.744.235-2.734.235h-5.938v-17.814c.977-.262 3.248-.508 6.446-.508zm-151.602.43c10.23 0 15.43 10.02 15.43 20.469 0 11.792-5.432 20.86-15.43 20.86-9.753 0-15.468-9.31-15.468-20.43 0-11.116 5.25-20.899 15.468-20.899zm99.727 0c10.192 0 15.39 10.02 15.39 20.469 0 11.792-5.429 20.86-15.39 20.86-9.803 0-15.469-9.31-15.469-20.43 0-11.116 5.226-20.899 15.469-20.899z" fill="#5982c4"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -1,10 +1,10 @@
|
|||||||
import { useState, useEffect } from 'react';
|
import { useState, useEffect } from 'react';
|
||||||
import { motion } from 'motion/react';
|
import { motion } from 'motion/react';
|
||||||
import {
|
import {
|
||||||
Target,
|
Target,
|
||||||
Users,
|
Users,
|
||||||
Globe,
|
Globe,
|
||||||
Lightbulb,
|
Lightbulb,
|
||||||
ArrowRight,
|
ArrowRight,
|
||||||
CheckCircle,
|
CheckCircle,
|
||||||
Star,
|
Star,
|
||||||
@@ -27,6 +27,14 @@ import { TestimonialsSection } from './TestimonialsSection';
|
|||||||
import { TeamMemberModal } from './TeamMemberModal';
|
import { TeamMemberModal } from './TeamMemberModal';
|
||||||
import { navigateTo } from './Router';
|
import { navigateTo } from './Router';
|
||||||
import { Button } from './ui/button';
|
import { Button } from './ui/button';
|
||||||
|
import Ramkumar from '../assets/K-Ramkumar.png';
|
||||||
|
import Muralidharan from '../assets/R-Muralidharan.png';
|
||||||
|
import Aparna from '../assets/Aparna-Nair.png';
|
||||||
|
import Swaminathan from '../assets/v-Swaminathan.jpg';
|
||||||
|
import Balaji from '../assets/Balaji-Chandrakumar.jpeg';
|
||||||
|
import Ramesh from '../assets/Ramesh-Padmanabhan.jpeg';
|
||||||
|
import Diju from '../assets/Diju.jpeg';
|
||||||
|
import svgPaths from '../imports/svg-kw7r0ellyk';
|
||||||
|
|
||||||
// Leadership Orientations Data
|
// Leadership Orientations Data
|
||||||
const leadershipOrientations = [
|
const leadershipOrientations = [
|
||||||
@@ -80,126 +88,190 @@ const teamMembers = [
|
|||||||
{
|
{
|
||||||
name: 'Mr. K Ramkumar',
|
name: 'Mr. K Ramkumar',
|
||||||
role: 'Managing Director',
|
role: 'Managing Director',
|
||||||
image: 'https://images.unsplash.com/photo-1584940120505-117038d90b05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjBidXNpbmVzc21hbiUyMGV4ZWN1dGl2ZSUyMHBvcnRyYWl0fGVufDF8fHx8MTc1NjgyNDA3OXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Ramkumar,
|
||||||
experience: 'Over 25 years of leadership experience in building and scaling organizations.',
|
experience: 'Over 40 years of experience in HR, Business, and Leadership Development.',
|
||||||
fullBio: 'K Ramkumar is the Managing Director and founder of Kautilya Leadership Centre, bringing over two and a half decades of extensive leadership experience. He has been instrumental in building the institution from its inception in 2016, establishing it as a premier leadership development center.\n\nHis vision and strategic direction have guided KLC to become a trusted partner for organizations seeking to develop their leadership capabilities. Under his leadership, KLC has worked with numerous Fortune 500 companies and emerging organizations across various industries.\n\nRamkumar is passionate about developing leaders who can navigate complex business environments and drive sustainable growth. His approach combines traditional leadership wisdom with modern business practices.',
|
fullBio: `Mr. K. Ramkumar is the founder of Kautilya Leadership Centre, an organisation dedicated to building world-class thought and practice in leadership consulting, research and development. He retired as Executive Director on the Board of ICICI Bank and was also on the Boards of ICICI Prudential Life Insurance and ICICI Ventures. Prior to his retirement, he was President of ICICI Foundation, the CSR arm of ICICI Group.
|
||||||
expertise: ['Strategic Leadership', 'Organizational Development', 'Executive Coaching', 'Business Strategy', 'Leadership Assessment'],
|
|
||||||
education: 'MBA in Strategic Management and Bachelor\'s degree in Engineering',
|
Over a 40-year career, Ram worked with HAL, Hindustan Unilever, ICI and ICICI Bank. His passion has always been leadership development, with a focus on enabling individuals to discover and expand their leadership resources. He played a key role in making ICICI Group a recognized Leadership Factory.
|
||||||
achievements: [
|
|
||||||
'Founded and scaled Kautilya Leadership Centre to become a leading institution',
|
He co-created the ICICI Manipal Academy for Banking and Insurance, which inducted over 12,000 young leaders, and envisioned the ICICI Academy for Skills, now skilling 35,000 youth annually across 23 centers.`,
|
||||||
'Developed proprietary leadership assessment and development frameworks',
|
expertise: [
|
||||||
'Successfully coached over 200 senior executives across industries',
|
'Leadership Development',
|
||||||
'Built strategic partnerships with leading business schools and consulting firms'
|
'HR & Business Strategy',
|
||||||
|
'Organizational Capability Building',
|
||||||
|
'CSR Initiatives',
|
||||||
|
'Talent Pipeline Development'
|
||||||
],
|
],
|
||||||
clientWork: 'Has worked extensively with Fortune 500 companies, family businesses, and emerging startups across industries including technology, healthcare, manufacturing, and financial services.',
|
education: 'Graduate in Science; further leadership and management exposure through senior executive roles.',
|
||||||
boardRoles: 'Serves as an advisor to multiple startups and family businesses. Active member of leadership development forums and industry associations.'
|
achievements: [
|
||||||
|
'Founded Kautilya Leadership Centre',
|
||||||
|
'Executive Director on ICICI Bank Board',
|
||||||
|
'Created ICICI Manipal Academy (12,000 leaders trained)',
|
||||||
|
'Founded ICICI Academy for Skills (35,000+ youth skilled)',
|
||||||
|
'Author of “Leveraging Human Capital” (McGraw Hill)'
|
||||||
|
],
|
||||||
|
clientWork: 'Guided leadership development across ICICI Group and worked with Manipal Global Education to groom future banking leaders.',
|
||||||
|
boardRoles: 'Former Board Member of ICICI Prudential Life, ICICI Ventures; served on CSR and leadership committees.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Mr. R. Muralidharan',
|
name: 'Mr. R. Muralidharan',
|
||||||
role: 'Practice Head – Leadership Development',
|
role: 'Practice Head – Leadership Development',
|
||||||
image: 'https://images.unsplash.com/photo-1584940121258-c2553b66a739?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzZW5pb3IlMjBidXNpbmVzcyUyMGV4ZWN1dGl2ZSUyMHBvcnRyYWl0fGVufDF8fHx8MTc1NjgyNDA5MXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Muralidharan,
|
||||||
experience: 'Two decades of experience in leadership development and organizational transformation.',
|
experience: 'Over 33 years in Banking, Financial Services, and Leadership roles.',
|
||||||
fullBio: 'R. Muralidharan is a seasoned leadership development professional with over 20 years of experience in designing and implementing leadership programs for organizations across various industries. He specializes in creating transformational learning experiences that drive sustainable behavioral change.\n\nHis expertise lies in understanding the nuances of leadership in different cultural and organizational contexts. He has successfully designed and facilitated leadership programs for multinational corporations, helping them develop culturally aware and globally effective leaders.\n\nMuralidharan is known for his innovative approach to leadership development, combining experiential learning with deep psychological insights to create lasting impact.',
|
fullBio: `Muralidharan (Murali) has 33+ years of experience in BFSI. He has held top leadership roles including CEO/COO positions at ICICI Bank, Dhanlaxmi Bank, and L&T Financial Services. His experience spans corporate and retail banking, strategy, technology, operations, and transformational projects.
|
||||||
expertise: ['Leadership Program Design', 'Cross-cultural Leadership', 'Behavioral Change', 'Team Dynamics', 'Organizational Psychology'],
|
|
||||||
education: 'Master\'s in Organizational Psychology and Bachelor\'s degree in Management',
|
At ICICI Bank, he was part of the founding team in 1994 and rose to become GM – Global Operations Group. His work at Dhanlaxmi Bank as COO won The Asian Banker Award (2012). At L&T Financial Services, he led operations, technology, credit, and CSR across retail, rural, and infrastructure finance.`,
|
||||||
achievements: [
|
expertise: [
|
||||||
'Designed leadership programs for over 50 organizations',
|
'Banking & Financial Services',
|
||||||
'Certified in multiple leadership assessment tools',
|
'Transformational Projects',
|
||||||
'Published research on cross-cultural leadership effectiveness',
|
'Customer Experience',
|
||||||
'Trained over 1000 leaders across Asia-Pacific region'
|
'Leadership Development',
|
||||||
|
'Strategy & Operations'
|
||||||
],
|
],
|
||||||
clientWork: 'Extensive experience with multinational corporations, government organizations, and NGOs across India, Southeast Asia, and the Middle East.',
|
education: 'B.Sc. (Mathematics, Statistics, Physics), M.A. in Economics (Gold Medallist), Executive Education at Wharton & Stanford GSB.',
|
||||||
boardRoles: 'Member of leadership development councils and advisory committees for business schools and professional associations.'
|
achievements: [
|
||||||
|
'Helped set up ICICI Bank in 1994',
|
||||||
|
'Asian Banker Award (2012) for transformation',
|
||||||
|
'Group Head at L&T Financial Services',
|
||||||
|
'Held Board and leadership committee roles',
|
||||||
|
'Speaker at NIBM, TMTC, and industry fora'
|
||||||
|
],
|
||||||
|
clientWork: 'Worked with public and private banks, financial services firms, and non-profits on leadership and customer service transformation.',
|
||||||
|
boardRoles: 'Held board positions in business and non-profits; Vice-Chair, Customer Service Excellence Foundation.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Ms. Aparna Nair',
|
name: 'Ms. Aparna Nair',
|
||||||
role: 'Practice Head – Leadership Development',
|
role: 'Practice Head – Leadership Development',
|
||||||
image: 'https://images.unsplash.com/photo-1567849859756-79bf6a9d62f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzc3dvbWFuJTIwcHJvZmVzc2lvbmFsJTIwZXhlY3V0aXZlfGVufDF8fHx8MTc1NjgyNDA4NXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Aparna,
|
||||||
experience: 'Founding member with over two-and-a-half decades of experience in leadership development and organizational consulting.',
|
experience: 'Over 25 years in leadership consulting, HR, and organizational development.',
|
||||||
fullBio: 'Aparna is a founding member of the Kautilya Leadership Centre with over two-and-a-half decades of experience. She has built the institution since its inception in 2016 by nurturing client relationships, developing content, and building organisational capabilities.\n\nAparna advises and consults Boards and Management Committees on strengthening their leadership bench strength. She designs and facilitates custom interventions for executives at the CXO and other leadership levels across industries. She also advises client organisations on aligning culture with business strategy, and on policies and processes related to performance management, talent assessment, compensation management, and rewards & recognition.\n\nShe has built proprietary psychometric tools for both clients and the institution. She mentors Human Resource professionals in deepening domain expertise and leading people processes within their organisations. She has created content from first principles and developed the knowledge management system for the institution. She is an accredited facilitator from SMR, Malaysia, with extensive experience in using the OPQ (Occupational Personality Questionnaire developed by Saville and Holdsworth Ltd.) and applying the Balanced Scorecard (BSC) framework to businesses. She is also a certified Myers-Briggs Type Indicator (MBTI) practitioner with deep experience supporting both individuals and groups.\n\nAparna brings value through her experience as a first-generation entrepreneur, having successfully engaged with reputed organisations across industries. Her business understanding is grounded in her hands-on roles in field sales, team management, credit operations, project management, and branch operations in large institutions. She has also worked in the areas of learning and development, performance management, human resource planning, and instructional design for e-learning.\n\nShe has held key positions at ICICI Bank and the erstwhile Blue Dart-FedEx before starting her consulting practice. She has worked with organisations such as Godrej & Boyce, National Collateral Management Services Ltd. (NCML), ICICI Prudential, Citi WAI, Wealth Advisors (I) Pvt. Ltd., WNS, I-mint (erstwhile), and ThyssenKrupp.\n\nAt the Kautilya Leadership Centre, she has worked across diverse industries, including pharmaceuticals, banking, insurance and financial services, manufacturing, retail, electronic payments, auto, start-ups, and private equity. Her client list includes industry leaders in each of these sectors.',
|
fullBio: `Aparna is a founding member of Kautilya Leadership Centre and has been instrumental in building it since 2016. She advises Boards and Management Committees on leadership bench strength, designs CXO-level interventions, and consults on culture, performance, and talent management.
|
||||||
expertise: ['Psychometric Assessment', 'Leadership Development', 'Organizational Culture', 'Performance Management', 'Talent Assessment', 'MBTI Certification', 'OPQ Assessment', 'Balanced Scorecard'],
|
|
||||||
education: 'MBA in Marketing and Bachelor\'s degree in Commerce',
|
She is certified in MBTI and OPQ, has applied Balanced Scorecard frameworks, and built proprietary psychometric tools for KLC. Her prior roles include ICICI Bank and Blue Dart-FedEx, and she has engaged with leading organizations across multiple industries.`,
|
||||||
achievements: [
|
expertise: [
|
||||||
'Co-founded and built Kautilya Leadership Centre from inception',
|
'Leadership Consulting',
|
||||||
'Developed proprietary psychometric tools and assessment frameworks',
|
'Psychometric Tools (MBTI, OPQ)',
|
||||||
'Created comprehensive knowledge management systems',
|
'Culture & Strategy Alignment',
|
||||||
'Successfully engaged with Fortune 500 companies across multiple industries',
|
'Performance Management',
|
||||||
'Certified in multiple global assessment tools (MBTI, OPQ, BSC)',
|
'HR Mentorship'
|
||||||
'Built leadership development programs for over 100 organizations'
|
|
||||||
],
|
],
|
||||||
clientWork: 'Extensive client portfolio includes Godrej & Boyce, ICICI Prudential, Citi WAI, WNS, ThyssenKrupp, and many other industry leaders across pharmaceuticals, banking, insurance, manufacturing, retail, auto, and private equity sectors.',
|
education: 'MBA in Marketing, Bachelor’s in Commerce; Accredited facilitator from SMR, Malaysia.',
|
||||||
boardRoles: 'Serves as an Independent Woman Director on the board of a start-up. Previously held key positions at ICICI Bank and Blue Dart-FedEx.'
|
achievements: [
|
||||||
|
'Co-founded KLC',
|
||||||
|
'Developed proprietary psychometric tools',
|
||||||
|
'Advised Boards across industries',
|
||||||
|
'Mentored HR professionals',
|
||||||
|
'Independent Director on a startup board'
|
||||||
|
],
|
||||||
|
clientWork: 'Worked with Godrej & Boyce, ICICI Prudential, Citi WAI, WNS, ThyssenKrupp, and others across pharma, BFSI, retail, auto, and private equity.',
|
||||||
|
boardRoles: 'Independent Woman Director; held leadership positions at ICICI Bank and Blue Dart-FedEx.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Mr. V. Swaminathan',
|
name: 'Mr. V. Swaminathan',
|
||||||
role: 'Practice Head – Leadership Development',
|
role: 'Practice Head – Leadership Development',
|
||||||
image: 'https://images.unsplash.com/photo-1742119971773-57e0131095b0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjb3Jwb3JhdGUlMjBsZWFkZXJzaGlwJTIwdGVhbSUyMHByb2Zlc3Npb25hbHxlbnwxfHx8fDE3NTY4MjQwOTd8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Swaminathan,
|
||||||
experience: 'Over 22 years in corporate leadership and human capital development.',
|
experience: 'Over 31 years in BFSI and office automation; 26 years in leadership at Kotak Group.',
|
||||||
fullBio: 'V. Swaminathan brings over two decades of experience in corporate leadership and human capital development. He has spent significant time in building high-performance teams and developing leadership capabilities across various organizational levels.\n\nHis expertise spans across strategic leadership, change management, and organizational effectiveness. He has been instrumental in driving major transformation initiatives and has a proven track record of developing leaders who can navigate complex business challenges.\n\nSwaminathan is particularly known for his work in succession planning and leadership pipeline development, helping organizations build sustainable leadership capabilities for the future.',
|
fullBio: `Swami spent 26 years at Kotak Group in leadership roles across consumer banking, investment banking, asset management, and asset finance. He has built businesses from concept to scale and handled P&L responsibilities across divisions.
|
||||||
expertise: ['Strategic Leadership', 'Change Management', 'Succession Planning', 'Organizational Effectiveness', 'Leadership Pipeline Development'],
|
|
||||||
education: 'Master\'s in Human Resources and Bachelor\'s degree in Business Administration',
|
He stepped down as Joint President of Kotak Mahindra Bank in 2021 before joining KLC. He was on Kotak’s Management Committee and led strategic initiatives, talent development, and capability building across the group.`,
|
||||||
achievements: [
|
expertise: [
|
||||||
'Led major organizational transformation initiatives',
|
'Banking & Financial Services',
|
||||||
'Developed leadership pipeline programs for multiple corporations',
|
'P&L Management',
|
||||||
'Successfully coached over 150 senior leaders',
|
'Change Management',
|
||||||
'Implemented succession planning frameworks for Fortune 500 companies'
|
'Leadership Pipeline Development',
|
||||||
|
'Business Strategy'
|
||||||
],
|
],
|
||||||
clientWork: 'Has worked with leading corporations in technology, manufacturing, and services sectors, focusing on leadership development and organizational transformation.',
|
education: 'PGDBM (Finance & Marketing), Gujarat University; Bachelor of Commerce; Senior Management programs at IIM Ahmedabad, IIM Bangalore, ISB Hyderabad.',
|
||||||
boardRoles: 'Advisor to several corporate boards on leadership and human capital matters.'
|
achievements: [
|
||||||
|
'Joint President at Kotak Mahindra Bank',
|
||||||
|
'Built and scaled multiple Kotak business units',
|
||||||
|
'Led strategic and leadership initiatives',
|
||||||
|
'Mentored talent pipelines across Kotak',
|
||||||
|
'Joined KLC as Practice Head in 2021'
|
||||||
|
],
|
||||||
|
clientWork: 'Extensive work with BFSI organizations and leadership development initiatives at scale.',
|
||||||
|
boardRoles: 'Key member of Kotak’s Management Committee; contributor to strategic boards within Kotak divisions.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Mr. Balaji Chandrakumar',
|
name: 'Mr. Balaji Chandrakumar',
|
||||||
role: 'Practice Head – Leadership Development',
|
role: 'Practice Head – Leadership Development',
|
||||||
image: 'https://images.unsplash.com/photo-1610631066894-62452ccb927c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxidXNpbmVzcyUyMG1hbmFnZXIlMjBwb3J0cmFpdCUyMHByb2Zlc3Npb25hbHxlbnwxfHx8fDE3NTY4MjQxMDN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Balaji,
|
||||||
experience: 'Two decades of experience in leadership coaching and executive development.',
|
experience: '25+ years across Sales, HR Consulting, and HR leadership in India and SE Asia.',
|
||||||
fullBio: 'Balaji Chandrakumar is an accomplished leadership coach and executive development specialist with over 20 years of experience. He has worked extensively with C-suite executives and senior leadership teams, helping them enhance their leadership effectiveness and drive organizational performance.\n\nHis approach combines behavioral psychology with practical business applications, creating leadership development experiences that are both insightful and immediately applicable. He is particularly skilled in working with leaders during critical transitions and challenging business situations.\n\nBalaji has a strong background in executive coaching and has helped numerous leaders navigate complex organizational challenges while developing their authentic leadership style.',
|
fullBio: `Balaji has led HR leadership across India and SE Asia, including roles at Etisalat (India) and Goodhope Asia Holdings (Singapore). He has expertise in organization design, succession management, change management, and policy development.
|
||||||
expertise: ['Executive Coaching', 'Leadership Transitions', 'Behavioral Psychology', 'Emotional Intelligence', 'Leadership Effectiveness'],
|
|
||||||
education: 'Master\'s in Psychology and Bachelor\'s degree in Engineering',
|
Earlier, he worked in consulting with top Indian firms and began his HR journey with NIS Sparta after regional sales roles at Sandvik Asia.`,
|
||||||
achievements: [
|
expertise: [
|
||||||
'Coached over 200 C-suite executives',
|
'HR Leadership & Consulting',
|
||||||
'Developed leadership transition programs',
|
'Organization Design',
|
||||||
'Certified executive coach with international credentials',
|
'Succession Management',
|
||||||
'Successfully facilitated leadership team effectiveness initiatives'
|
'Change Management',
|
||||||
|
'Leadership Hiring'
|
||||||
],
|
],
|
||||||
clientWork: 'Extensive experience with technology companies, financial services, and healthcare organizations, focusing on executive coaching and leadership team development.',
|
education: 'Bachelor’s in Engineering, Master’s in HR, Postgraduate in Management; Chartered Fellow of CIPD.',
|
||||||
boardRoles: 'Advisory positions with technology startups and scale-up companies.'
|
achievements: [
|
||||||
|
'HR Leadership roles at Etisalat and Goodhope Asia',
|
||||||
|
'Consulted for top Indian companies',
|
||||||
|
'Built people and performance initiatives across industries',
|
||||||
|
'Certified in multiple HR programs',
|
||||||
|
'CIPD Chartered Fellow'
|
||||||
|
],
|
||||||
|
clientWork: 'Worked with leading companies in telecom, food, and HR consulting sectors across India and SE Asia.',
|
||||||
|
boardRoles: 'Advisor in HR capability building across organizations.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Mr. Ramesh Padmanabhan',
|
name: 'Mr. Ramesh Padmanabhan',
|
||||||
role: 'Practice Head – Leadership Development',
|
role: 'Practice Head – Leadership Development',
|
||||||
image: 'https://images.unsplash.com/photo-1736939681295-bb2e6759dddc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9mZXNzaW9uYWwlMjBjb25zdWx0YW50JTIwYnVzaW5lc3MlMjBwb3J0cmFpdHxlbnwxfHx8fDE3NTY4MjQxMTN8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Ramesh,
|
||||||
experience: 'Over 18 years in organizational consulting and leadership development across multiple industries.',
|
experience: '30+ years in BFSI, with leadership roles at ICICI Bank, Dhanlaxmi Bank, and ADCB India.',
|
||||||
fullBio: 'Ramesh Padmanabhan is a seasoned organizational consultant and leadership development expert with over 18 years of experience. He specializes in helping organizations build leadership capabilities that align with their strategic objectives and cultural values.\n\nHis expertise lies in designing comprehensive leadership development programs that combine assessment, development, and measurement components. He has worked extensively with family businesses and professionally managed companies, understanding the unique challenges each faces.\n\nRamesh is known for his ability to translate complex leadership concepts into practical, actionable development plans that drive measurable business results.',
|
fullBio: `Ramesh has worked with SBI, ICICI Bank, Dhanlaxmi Bank, and ADCB India across corporate credit, retail banking, operations, and training. He has built leadership pipelines among branch and middle managers, and at ADCB India created products for NRIs and centralized operations.
|
||||||
expertise: ['Organizational Consulting', 'Leadership Assessment', 'Program Design', 'Family Business Dynamics', 'Strategic Alignment'],
|
|
||||||
education: 'Master\'s in Organizational Development and Bachelor\'s degree in Commerce',
|
He has consistently worked on capability building and leadership development alongside business roles.`,
|
||||||
achievements: [
|
expertise: [
|
||||||
'Designed leadership programs for over 60 organizations',
|
'Banking & Financial Services',
|
||||||
'Specialized expertise in family business leadership dynamics',
|
'Leadership Development',
|
||||||
'Developed assessment frameworks for leadership potential',
|
'Capability Building',
|
||||||
'Facilitated leadership alignment initiatives for complex organizations'
|
'Operations & Process Design',
|
||||||
|
'Retail & Corporate Banking'
|
||||||
],
|
],
|
||||||
clientWork: 'Significant experience with family businesses, professionally managed companies, and emerging organizations across manufacturing, services, and technology sectors.',
|
education: 'Bachelor’s in Commerce; senior leadership roles provided extensive global exposure.',
|
||||||
boardRoles: 'Serves on advisory boards of family businesses and consulting organizations.'
|
achievements: [
|
||||||
|
'Built leadership pipelines in ICICI and ADCB',
|
||||||
|
'Part of ICICI for 13 years',
|
||||||
|
'Created NRI-focused products at ADCB India',
|
||||||
|
'Set up centralized operations at ADCB',
|
||||||
|
'30 years in BFSI leadership'
|
||||||
|
],
|
||||||
|
clientWork: 'Significant work in BFSI sector; tailored leadership development for managers and executives.',
|
||||||
|
boardRoles: 'Served on MANCOM and strategic boards in ICICI, Dhanlaxmi, and ADCB India.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Ms. Diju S',
|
name: 'Ms. Diju S',
|
||||||
role: 'Practice Head – Leadership Development',
|
role: 'Practice Head – Leadership Development',
|
||||||
image: 'https://images.unsplash.com/photo-1701463387028-3947648f1337?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxleGVjdXRpdmUlMjBkaXJlY3RvciUyMGJ1c2luZXNzJTIwcG9ydHJhaXR8ZW58MXx8fHwxNzU2ODI0MTE4fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral',
|
image: Diju,
|
||||||
experience: 'Over 15 years in leadership development with a focus on women leaders and diversity initiatives.',
|
experience: '15+ years in leadership development, banking, and people-centric initiatives.',
|
||||||
fullBio: 'Diju S brings over 15 years of specialized experience in leadership development with a particular focus on developing women leaders and driving diversity and inclusion initiatives. She has been instrumental in creating programs that help organizations build more inclusive leadership cultures.\n\nHer work spans across leadership coaching, mentoring programs, and organizational culture transformation. She has helped numerous organizations develop their women leadership pipeline and create environments where diverse leadership can thrive.\n\nDiju is passionate about developing authentic leaders who can drive positive change in their organizations and communities. Her approach emphasizes emotional intelligence, inclusive leadership, and sustainable development practices.',
|
fullBio: `Diju began at ICICI Bank, leading initiatives in customer service, Six Sigma, workplace induction (SWIFT), and branch operations. She drove business growth, mentored teams, and implemented technology projects.
|
||||||
expertise: ['Women Leadership Development', 'Diversity & Inclusion', 'Inclusive Leadership', 'Mentoring Programs', 'Culture Transformation'],
|
|
||||||
education: 'Master\'s in Human Resources and Bachelor\'s degree in Psychology',
|
After a career break, she joined KLC as Practice Head. She now co-creates leadership program designs with clients and manages knowledge business and learning facilities.`,
|
||||||
achievements: [
|
expertise: [
|
||||||
'Pioneered women leadership development programs',
|
'Leadership Program Design',
|
||||||
'Developed diversity and inclusion frameworks for major corporations',
|
'Customer Experience',
|
||||||
'Mentored over 100 women leaders across industries',
|
'Operational Excellence',
|
||||||
'Created inclusive leadership assessment tools'
|
'Women Leadership & Diversity',
|
||||||
|
'Project Management'
|
||||||
],
|
],
|
||||||
clientWork: 'Extensive work with corporations seeking to build diverse leadership pipelines, particularly in technology, healthcare, and financial services sectors.',
|
education: 'B.Com (Honours), Delhi University; MBA (Finance & Marketing), Symbiosis Institute of Management Studies.',
|
||||||
boardRoles: 'Active member of women leadership forums and diversity councils in corporate and non-profit sectors.'
|
achievements: [
|
||||||
|
'Led Six Sigma rollout at ICICI Bank branches',
|
||||||
|
'Part of SWIFT trainer team',
|
||||||
|
'Head of Customer Service at ICICI',
|
||||||
|
'Built leadership learning facility at KLC',
|
||||||
|
'Special focus on diversity & inclusion'
|
||||||
|
],
|
||||||
|
clientWork: 'Worked with BFSI clients and KLC partners to create custom leadership programs.',
|
||||||
|
boardRoles: 'Active in leadership forums and project management at KLC.'
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
export function AboutUs() {
|
export function AboutUs() {
|
||||||
const [isVisible, setIsVisible] = useState(false);
|
const [isVisible, setIsVisible] = useState(false);
|
||||||
const [expandedValue, setExpandedValue] = useState<string | null>('context');
|
const [expandedValue, setExpandedValue] = useState<string | null>('context');
|
||||||
@@ -232,27 +304,27 @@ export function AboutUs() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setIsVisible(true);
|
setIsVisible(true);
|
||||||
|
|
||||||
// Timeline fill animation on scroll
|
// Timeline fill animation on scroll
|
||||||
const handleScroll = () => {
|
const handleScroll = () => {
|
||||||
const timelineSection = document.querySelector('#timeline-fill-line');
|
const timelineSection = document.querySelector('#timeline-fill-line');
|
||||||
const timelineContainer = timelineSection?.parentElement;
|
const timelineContainer = timelineSection?.parentElement;
|
||||||
|
|
||||||
if (!timelineSection || !timelineContainer) return;
|
if (!timelineSection || !timelineContainer) return;
|
||||||
|
|
||||||
const rect = timelineContainer.getBoundingClientRect();
|
const rect = timelineContainer.getBoundingClientRect();
|
||||||
const windowHeight = window.innerHeight;
|
const windowHeight = window.innerHeight;
|
||||||
|
|
||||||
// Calculate how much of the timeline is visible
|
// Calculate how much of the timeline is visible
|
||||||
const sectionTop = rect.top;
|
const sectionTop = rect.top;
|
||||||
const sectionHeight = rect.height;
|
const sectionHeight = rect.height;
|
||||||
const visibleTop = Math.max(0, windowHeight - sectionTop);
|
const visibleTop = Math.max(0, windowHeight - sectionTop);
|
||||||
const visibleHeight = Math.min(visibleTop, sectionHeight);
|
const visibleHeight = Math.min(visibleTop, sectionHeight);
|
||||||
const scrollProgress = Math.max(0, Math.min(1, visibleHeight / sectionHeight));
|
const scrollProgress = Math.max(0, Math.min(1, visibleHeight / sectionHeight));
|
||||||
|
|
||||||
// Calculate the exact position to end at Phase 3 dot
|
// Calculate the exact position to end at Phase 3 dot
|
||||||
const maxFillHeight = 'calc(100% - 1rem)'; // Match the background line limit
|
const maxFillHeight = 'calc(100% - 1rem)'; // Match the background line limit
|
||||||
|
|
||||||
// Apply progressive fill that respects the maximum height constraint
|
// Apply progressive fill that respects the maximum height constraint
|
||||||
if (scrollProgress >= 0.9) {
|
if (scrollProgress >= 0.9) {
|
||||||
// When nearly complete, set to exact end position
|
// When nearly complete, set to exact end position
|
||||||
@@ -265,10 +337,10 @@ export function AboutUs() {
|
|||||||
|
|
||||||
// Add scroll listener
|
// Add scroll listener
|
||||||
window.addEventListener('scroll', handleScroll);
|
window.addEventListener('scroll', handleScroll);
|
||||||
|
|
||||||
// Initial call to set the initial state
|
// Initial call to set the initial state
|
||||||
handleScroll();
|
handleScroll();
|
||||||
|
|
||||||
// Cleanup
|
// Cleanup
|
||||||
return () => {
|
return () => {
|
||||||
window.removeEventListener('scroll', handleScroll);
|
window.removeEventListener('scroll', handleScroll);
|
||||||
@@ -283,7 +355,7 @@ export function AboutUs() {
|
|||||||
<div
|
<div
|
||||||
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
||||||
style={{
|
style={{
|
||||||
backgroundImage: `url('https://images.unsplash.com/photo-1552664730-d307ca884978?w=1920&h=1080&fit=crop')`
|
backgroundImage: `url('https://images.unsplash.com/photo-1552664730-d307ca884978?w=1920&h=1080&fit=crop')`
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<div className="absolute inset-0 bg-gradient-to-r from-black/85 via-black/75 to-black/65"></div>
|
<div className="absolute inset-0 bg-gradient-to-r from-black/85 via-black/75 to-black/65"></div>
|
||||||
@@ -339,7 +411,7 @@ export function AboutUs() {
|
|||||||
className="text-center"
|
className="text-center"
|
||||||
>
|
>
|
||||||
<BrandedTag text="Our Promise" />
|
<BrandedTag text="Our Promise" />
|
||||||
<h2 className="text-h1 mb-8" style={{
|
<h2 className="text-h1 mb-8" style={{
|
||||||
fontSize: 'clamp(2.5rem, 5vw, 4rem)',
|
fontSize: 'clamp(2.5rem, 5vw, 4rem)',
|
||||||
lineHeight: '1.1',
|
lineHeight: '1.1',
|
||||||
color: 'var(--color-black)'
|
color: 'var(--color-black)'
|
||||||
@@ -376,7 +448,7 @@ export function AboutUs() {
|
|||||||
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
||||||
>
|
>
|
||||||
<div className="flex items-start gap-4">
|
<div className="flex items-start gap-4">
|
||||||
<div
|
<div
|
||||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||||
>
|
>
|
||||||
@@ -399,7 +471,7 @@ export function AboutUs() {
|
|||||||
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
||||||
>
|
>
|
||||||
<div className="flex items-start gap-4">
|
<div className="flex items-start gap-4">
|
||||||
<div
|
<div
|
||||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||||
>
|
>
|
||||||
@@ -422,7 +494,7 @@ export function AboutUs() {
|
|||||||
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
||||||
>
|
>
|
||||||
<div className="flex items-start gap-4">
|
<div className="flex items-start gap-4">
|
||||||
<div
|
<div
|
||||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||||
>
|
>
|
||||||
@@ -445,7 +517,7 @@ export function AboutUs() {
|
|||||||
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
||||||
>
|
>
|
||||||
<div className="flex items-start gap-4">
|
<div className="flex items-start gap-4">
|
||||||
<div
|
<div
|
||||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||||
>
|
>
|
||||||
@@ -483,22 +555,22 @@ export function AboutUs() {
|
|||||||
<span className="text">Who we are</span>
|
<span className="text">Who we are</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Right Side - Main Heading */}
|
{/* Right Side - Main Heading */}
|
||||||
<div className="lg:col-span-4">
|
<div className="lg:col-span-4">
|
||||||
<h2 className="text-h1 leading-tight" style={{
|
<h2 className="text-h1 leading-tight" style={{
|
||||||
fontSize: 'clamp(2.5rem, 5vw, 4rem)',
|
fontSize: 'clamp(2.5rem, 5vw, 4rem)',
|
||||||
lineHeight: '1.1',
|
lineHeight: '1.1',
|
||||||
color: 'var(--color-black)'
|
color: 'var(--color-black)'
|
||||||
}}>
|
}}>
|
||||||
A global leadership development institution behind some of the world's most transformational leaders
|
A premier Indian leadership development institution shaping India's most transformational leaders
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Updated Statistics Grid */}
|
{/* Updated Statistics Grid */}
|
||||||
<div className="grid grid-cols-1 lg:grid-cols-4 gap-8 lg:gap-12 pt-12 border-t border-gray-200">
|
<div className="grid grid-cols-1 lg:grid-cols-4 gap-8 lg:gap-12 pt-12 border-t border-gray-200">
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
whileInView={{ opacity: 1, y: 0 }}
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
transition={{ duration: 0.6, delay: 0.1 }}
|
transition={{ duration: 0.6, delay: 0.1 }}
|
||||||
@@ -517,8 +589,8 @@ export function AboutUs() {
|
|||||||
<span style={{ color: 'var(--color-black)', fontWeight: '500' }}>CORPORATES</span>
|
<span style={{ color: 'var(--color-black)', fontWeight: '500' }}>CORPORATES</span>
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
whileInView={{ opacity: 1, y: 0 }}
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
transition={{ duration: 0.6, delay: 0.2 }}
|
transition={{ duration: 0.6, delay: 0.2 }}
|
||||||
@@ -537,8 +609,8 @@ export function AboutUs() {
|
|||||||
<span style={{ color: 'var(--color-black)', fontWeight: '500' }}>LEADERS</span>
|
<span style={{ color: 'var(--color-black)', fontWeight: '500' }}>LEADERS</span>
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
whileInView={{ opacity: 1, y: 0 }}
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
transition={{ duration: 0.6, delay: 0.3 }}
|
transition={{ duration: 0.6, delay: 0.3 }}
|
||||||
@@ -558,7 +630,7 @@ export function AboutUs() {
|
|||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
whileInView={{ opacity: 1, y: 0 }}
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
transition={{ duration: 0.6, delay: 0.4 }}
|
transition={{ duration: 0.6, delay: 0.4 }}
|
||||||
@@ -626,11 +698,11 @@ export function AboutUs() {
|
|||||||
className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
|
className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Hover Overlay */}
|
{/* Hover Overlay */}
|
||||||
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-all duration-300 rounded-2xl flex items-center justify-center">
|
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-all duration-300 rounded-2xl flex items-center justify-center">
|
||||||
<div className="opacity-0 group-hover:opacity-100 transition-opacity duration-300">
|
<div className="opacity-0 group-hover:opacity-100 transition-opacity duration-300">
|
||||||
<div
|
<div
|
||||||
className="px-4 py-2 rounded-lg text-white text-small"
|
className="px-4 py-2 rounded-lg text-white text-small"
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: '#04045B',
|
backgroundColor: '#04045B',
|
||||||
@@ -643,7 +715,7 @@ export function AboutUs() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
<h3 className="text-h4 text-black group-hover:text-primary transition-colors duration-300">{member.name}</h3>
|
<h3 className="text-h4 text-black group-hover:text-primary transition-colors duration-300">{member.name}</h3>
|
||||||
<p className="text-body text-muted leading-relaxed">
|
<p className="text-body text-muted leading-relaxed">
|
||||||
@@ -675,16 +747,16 @@ export function AboutUs() {
|
|||||||
{/* Vertical Timeline Container */}
|
{/* Vertical Timeline Container */}
|
||||||
<div className="relative max-w-6xl mx-auto">
|
<div className="relative max-w-6xl mx-auto">
|
||||||
{/* Vertical Line Background - Gray - Ends exactly at Phase 3 dot */}
|
{/* Vertical Line Background - Gray - Ends exactly at Phase 3 dot */}
|
||||||
<div
|
<div
|
||||||
className="absolute left-4 top-0 w-0.5 bg-gray-300"
|
className="absolute left-4 top-0 w-0.5 bg-gray-300"
|
||||||
style={{
|
style={{
|
||||||
height: 'calc(100% - 1rem)', // Adjusted to end exactly at Phase 3 dot
|
height: 'calc(100% - 1rem)', // Adjusted to end exactly at Phase 3 dot
|
||||||
zIndex: 1
|
zIndex: 1
|
||||||
}}
|
}}
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
{/* Vertical Line Fill - Blue - Animated on Scroll - Ends exactly at Phase 3 dot */}
|
{/* Vertical Line Fill - Blue - Animated on Scroll - Ends exactly at Phase 3 dot */}
|
||||||
<div
|
<div
|
||||||
id="timeline-fill-line"
|
id="timeline-fill-line"
|
||||||
className="absolute left-4 top-0 w-0.5 transition-all duration-1000 ease-out"
|
className="absolute left-4 top-0 w-0.5 transition-all duration-1000 ease-out"
|
||||||
style={{
|
style={{
|
||||||
@@ -699,13 +771,13 @@ export function AboutUs() {
|
|||||||
<div className="relative pb-20">
|
<div className="relative pb-20">
|
||||||
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
||||||
{/* Phase dot positioned absolutely */}
|
{/* Phase dot positioned absolutely */}
|
||||||
<div
|
<div
|
||||||
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
||||||
style={{
|
style={{
|
||||||
borderColor: 'var(--color-primary)',
|
borderColor: 'var(--color-primary)',
|
||||||
}}
|
}}
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
{/* Column 1: Phase Label */}
|
{/* Column 1: Phase Label */}
|
||||||
<div className="lg:col-span-2">
|
<div className="lg:col-span-2">
|
||||||
<div className="branded-tag-system">
|
<div className="branded-tag-system">
|
||||||
@@ -713,7 +785,7 @@ export function AboutUs() {
|
|||||||
<span className="text">Phase 1</span>
|
<span className="text">Phase 1</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Column 2: Main Heading */}
|
{/* Column 2: Main Heading */}
|
||||||
<div className="lg:col-span-3">
|
<div className="lg:col-span-3">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -725,7 +797,7 @@ export function AboutUs() {
|
|||||||
<h3 className="text-h3">Understanding & Assessment</h3>
|
<h3 className="text-h3">Understanding & Assessment</h3>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Column 3: Content - Description and Bullet Points */}
|
{/* Column 3: Content - Description and Bullet Points */}
|
||||||
<div className="lg:col-span-7">
|
<div className="lg:col-span-7">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -740,7 +812,7 @@ export function AboutUs() {
|
|||||||
|
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<h4 className="text-h4 mb-4">Key Focus Areas:</h4>
|
<h4 className="text-h4 mb-4">Key Focus Areas:</h4>
|
||||||
|
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
@@ -753,7 +825,7 @@ export function AboutUs() {
|
|||||||
Leadership orientations (typical behaviors) assessment.
|
Leadership orientations (typical behaviors) assessment.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||||
@@ -765,7 +837,7 @@ export function AboutUs() {
|
|||||||
Action-consequence model application.
|
Action-consequence model application.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||||
@@ -788,13 +860,13 @@ export function AboutUs() {
|
|||||||
<div className="relative pb-20">
|
<div className="relative pb-20">
|
||||||
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
||||||
{/* Phase dot positioned absolutely */}
|
{/* Phase dot positioned absolutely */}
|
||||||
<div
|
<div
|
||||||
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
||||||
style={{
|
style={{
|
||||||
borderColor: 'var(--color-primary)',
|
borderColor: 'var(--color-primary)',
|
||||||
}}
|
}}
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
{/* Column 1: Phase Label */}
|
{/* Column 1: Phase Label */}
|
||||||
<div className="lg:col-span-2">
|
<div className="lg:col-span-2">
|
||||||
<div className="branded-tag-system">
|
<div className="branded-tag-system">
|
||||||
@@ -802,7 +874,7 @@ export function AboutUs() {
|
|||||||
<span className="text">Phase 2</span>
|
<span className="text">Phase 2</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Column 2: Main Heading */}
|
{/* Column 2: Main Heading */}
|
||||||
<div className="lg:col-span-3">
|
<div className="lg:col-span-3">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -814,7 +886,7 @@ export function AboutUs() {
|
|||||||
<h3 className="text-h3">Development & Practice</h3>
|
<h3 className="text-h3">Development & Practice</h3>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Column 3: Content - Description and Bullet Points */}
|
{/* Column 3: Content - Description and Bullet Points */}
|
||||||
<div className="lg:col-span-7">
|
<div className="lg:col-span-7">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -826,14 +898,14 @@ export function AboutUs() {
|
|||||||
<p className="text-body-lg text-muted leading-relaxed mb-4">
|
<p className="text-body-lg text-muted leading-relaxed mb-4">
|
||||||
Thus, in our engagements with our clients we work with the individual using the action-consequence model to link up one's leadership orientations (typical behaviors) to outcomes.
|
Thus, in our engagements with our clients we work with the individual using the action-consequence model to link up one's leadership orientations (typical behaviors) to outcomes.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p className="text-body-lg text-muted leading-relaxed mb-6">
|
<p className="text-body-lg text-muted leading-relaxed mb-6">
|
||||||
Leadership is a social skill. Socially aware people shape the thought, emotions and actions of others better. The key to social-awareness is self-awareness. We help our learners become aware, gain insights and discover their fullest leadership potential. This in turn builds organizational leadership capacity & capabilities.
|
Leadership is a social skill. Socially aware people shape the thought, emotions and actions of others better. The key to social-awareness is self-awareness. We help our learners become aware, gain insights and discover their fullest leadership potential. This in turn builds organizational leadership capacity & capabilities.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<h4 className="text-h4 mb-4">Development Process:</h4>
|
<h4 className="text-h4 mb-4">Development Process:</h4>
|
||||||
|
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
@@ -846,7 +918,7 @@ export function AboutUs() {
|
|||||||
Self-awareness and insight facilitation.
|
Self-awareness and insight facilitation.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||||
@@ -858,7 +930,7 @@ export function AboutUs() {
|
|||||||
Leadership potential discovery sessions.
|
Leadership potential discovery sessions.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||||
@@ -881,13 +953,13 @@ export function AboutUs() {
|
|||||||
<div className="relative">
|
<div className="relative">
|
||||||
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
||||||
{/* Phase dot positioned absolutely */}
|
{/* Phase dot positioned absolutely */}
|
||||||
<div
|
<div
|
||||||
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
||||||
style={{
|
style={{
|
||||||
borderColor: 'var(--color-primary)',
|
borderColor: 'var(--color-primary)',
|
||||||
}}
|
}}
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
{/* Column 1: Phase Label */}
|
{/* Column 1: Phase Label */}
|
||||||
<div className="lg:col-span-2">
|
<div className="lg:col-span-2">
|
||||||
<div className="branded-tag-system">
|
<div className="branded-tag-system">
|
||||||
@@ -895,7 +967,7 @@ export function AboutUs() {
|
|||||||
<span className="text">Phase 3</span>
|
<span className="text">Phase 3</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Column 2: Main Heading */}
|
{/* Column 2: Main Heading */}
|
||||||
<div className="lg:col-span-3">
|
<div className="lg:col-span-3">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -907,7 +979,7 @@ export function AboutUs() {
|
|||||||
<h3 className="text-h3">Implementation & Mastery</h3>
|
<h3 className="text-h3">Implementation & Mastery</h3>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Column 3: Content - Description and Bullet Points */}
|
{/* Column 3: Content - Description and Bullet Points */}
|
||||||
<div className="lg:col-span-7">
|
<div className="lg:col-span-7">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -922,7 +994,7 @@ export function AboutUs() {
|
|||||||
|
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<h4 className="text-h4 mb-4">Mastery Framework:</h4>
|
<h4 className="text-h4 mb-4">Mastery Framework:</h4>
|
||||||
|
|
||||||
<div className="space-y-3 mb-8">
|
<div className="space-y-3 mb-8">
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
@@ -935,7 +1007,7 @@ export function AboutUs() {
|
|||||||
Orientation Toning process implementation.
|
Orientation Toning process implementation.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||||
@@ -947,7 +1019,7 @@ export function AboutUs() {
|
|||||||
Context-responsive leadership adaptation.
|
Context-responsive leadership adaptation.
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||||
@@ -960,70 +1032,138 @@ export function AboutUs() {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Leadership Process Flow - Integrated */}
|
|
||||||
<div
|
|
||||||
className="p-8 rounded-2xl text-white"
|
|
||||||
style={{
|
|
||||||
background: 'linear-gradient(135deg, var(--color-primary) 0%, #030359 100%)'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<h3 className="text-h3-white mb-6">Leadership Process Flow</h3>
|
|
||||||
<p className="text-body-white mb-8 opacity-90">
|
|
||||||
Our proven methodology connects orientations to abilities and outcomes through structured development.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div className="space-y-4">
|
|
||||||
<div className="flex items-center gap-4">
|
|
||||||
<div
|
|
||||||
className="w-8 h-8 rounded-full flex items-center justify-center"
|
|
||||||
style={{ backgroundColor: 'var(--color-accent)' }}
|
|
||||||
>
|
|
||||||
<ArrowRight className="w-4 h-4 text-black" />
|
|
||||||
</div>
|
|
||||||
<span className="text-body-white">Leadership Orientations</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-4">
|
|
||||||
<div
|
|
||||||
className="w-8 h-8 rounded-full flex items-center justify-center"
|
|
||||||
style={{ backgroundColor: 'var(--color-accent)' }}
|
|
||||||
>
|
|
||||||
<ArrowRight className="w-4 h-4 text-black" />
|
|
||||||
</div>
|
|
||||||
<span className="text-body-white">Leadership Abilities</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-4">
|
|
||||||
<div
|
|
||||||
className="w-8 h-8 rounded-full flex items-center justify-center"
|
|
||||||
style={{ backgroundColor: 'var(--color-accent)' }}
|
|
||||||
>
|
|
||||||
<ArrowRight className="w-4 h-4 text-black" />
|
|
||||||
</div>
|
|
||||||
<span className="text-body-white">Leadership Outcomes</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<motion.div
|
{/* Our Philosophy - Full Width Figma Design */}
|
||||||
initial={{ opacity: 0, y: 20 }}
|
<div className="relative pb-20">
|
||||||
whileInView={{ opacity: 1, y: 0 }}
|
{/* Phase dot positioned absolutely */}
|
||||||
transition={{ duration: 0.6, delay: 0.3 }}
|
<div
|
||||||
viewport={{ once: true }}
|
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
||||||
className="flex justify-center items-center mt-16"
|
style={{
|
||||||
>
|
borderColor: 'var(--color-primary)',
|
||||||
<PrimaryCTAButton
|
}}
|
||||||
text="Design your leadership journey"
|
></div>
|
||||||
onClick={() => navigateTo('/contact')}
|
|
||||||
ariaLabel="Contact us to design your leadership journey"
|
<div className="pl-12">
|
||||||
className="cta-text-black"
|
<motion.div
|
||||||
/>
|
initial={{ opacity: 0, y: 20 }}
|
||||||
</motion.div>
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
|
transition={{ duration: 0.6, delay: 0.6 }}
|
||||||
|
viewport={{ once: true }}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="rounded-2xl p-8 lg:p-12"
|
||||||
|
style={{
|
||||||
|
background: 'linear-gradient(135deg, var(--color-primary) 0%, #030359 100%)'
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="flex flex-col lg:flex-row gap-8 lg:gap-12">
|
||||||
|
{/* Left Section: Heading */}
|
||||||
|
<div className="lg:w-1/3">
|
||||||
|
<h3 className="text-h3 text-white mb-6 lg:mb-0">Our Philosophy</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Right Section: Content */}
|
||||||
|
<div className="lg:w-2/3">
|
||||||
|
{/* Philosophy Description */}
|
||||||
|
<p className="text-body-white mb-8 opacity-90">
|
||||||
|
Our philosophy is that leadership begins with orientations — the inner drivers and behaviors that shape who we are. These orientations combine to create leadership abilities, which in turn lead to meaningful outcomes. At Kautilya Leadership Centre, we see leadership as a journey of connecting orientations to abilities and outcomes through structured development.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{/* Three Philosophy Items */}
|
||||||
|
<div className="flex flex-col gap-4">
|
||||||
|
{/* Leadership Orientations */}
|
||||||
|
<div className="flex items-start gap-4">
|
||||||
|
<div
|
||||||
|
className="bg-[#f8c301] content-stretch flex items-center justify-center rounded-full shrink-0 size-[32px]"
|
||||||
|
>
|
||||||
|
<svg className="block size-[16px]" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g>
|
||||||
|
<path d="M3.33398 8H12.6673" stroke="#26231A" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33333" />
|
||||||
|
<path d={svgPaths.p2c1c9a80} stroke="#26231A" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33333" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col gap-1">
|
||||||
|
<p className="font-['Inter',sans-serif] font-normal leading-[25.6px] text-[16px] text-white">
|
||||||
|
Leadership Orientations
|
||||||
|
</p>
|
||||||
|
<p className="font-['Inter',sans-serif] font-normal leading-[25.6px] text-[16px] text-white opacity-80">
|
||||||
|
Who am I? (inner drivers & behaviors)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Leadership Abilities */}
|
||||||
|
<div className="flex items-start gap-4">
|
||||||
|
<div
|
||||||
|
className="bg-[#f8c301] content-stretch flex items-center justify-center rounded-full shrink-0 size-[32px]"
|
||||||
|
>
|
||||||
|
<svg className="block size-[16px]" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g>
|
||||||
|
<path d="M3.33398 8H12.6673" stroke="#26231A" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33333" />
|
||||||
|
<path d={svgPaths.p2c1c9a80} stroke="#26231A" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33333" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col gap-1">
|
||||||
|
<p className="font-['Inter',sans-serif] font-normal leading-[25.6px] text-[16px] text-white">
|
||||||
|
Leadership Abilities
|
||||||
|
</p>
|
||||||
|
<p className="font-['Inter',sans-serif] font-normal leading-[25.6px] text-[16px] text-white opacity-80">
|
||||||
|
What I can do (competencies & skills)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Leadership Outcomes */}
|
||||||
|
<div className="flex items-start gap-4">
|
||||||
|
<div
|
||||||
|
className="bg-[#f8c301] content-stretch flex items-center justify-center rounded-full shrink-0 size-[32px]"
|
||||||
|
>
|
||||||
|
<svg className="block size-[16px]" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g>
|
||||||
|
<path d="M3.33398 8H12.6673" stroke="#26231A" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33333" />
|
||||||
|
<path d={svgPaths.p2c1c9a80} stroke="#26231A" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33333" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col gap-1">
|
||||||
|
<p className="font-['Inter',sans-serif] font-normal leading-[25.6px] text-[16px] text-white">
|
||||||
|
Leadership Outcomes
|
||||||
|
</p>
|
||||||
|
<p className="font-['Inter',sans-serif] font-normal leading-[25.6px] text-[16px] text-white opacity-80">
|
||||||
|
What I deliver (results for self & organization)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</motion.div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<motion.div
|
||||||
|
initial={{ opacity: 0, y: 20 }}
|
||||||
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
|
transition={{ duration: 0.6, delay: 0.3 }}
|
||||||
|
viewport={{ once: true }}
|
||||||
|
className="flex justify-center items-center mt-16"
|
||||||
|
>
|
||||||
|
<PrimaryCTAButton
|
||||||
|
text="Design your leadership journey"
|
||||||
|
onClick={() => navigateTo('/contact')}
|
||||||
|
ariaLabel="Contact us to design your leadership journey"
|
||||||
|
className="cta-text-black"
|
||||||
|
/>
|
||||||
|
</motion.div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -1031,7 +1171,7 @@ export function AboutUs() {
|
|||||||
|
|
||||||
|
|
||||||
{/* Testimonials Section */}
|
{/* Testimonials Section */}
|
||||||
<TestimonialsSection
|
<TestimonialsSection
|
||||||
title="What Our Clients Say About Us"
|
title="What Our Clients Say About Us"
|
||||||
subtitle="Hear from leaders who have transformed their approach through our comprehensive leadership development programs."
|
subtitle="Hear from leaders who have transformed their approach through our comprehensive leadership development programs."
|
||||||
tagText="Client Success Stories"
|
tagText="Client Success Stories"
|
||||||
@@ -1041,7 +1181,7 @@ export function AboutUs() {
|
|||||||
<CTABannerSection />
|
<CTABannerSection />
|
||||||
|
|
||||||
{/* Team Member Modal */}
|
{/* Team Member Modal */}
|
||||||
<TeamMemberModal
|
<TeamMemberModal
|
||||||
member={selectedMember}
|
member={selectedMember}
|
||||||
isOpen={isModalOpen}
|
isOpen={isModalOpen}
|
||||||
onClose={handleCloseModal}
|
onClose={handleCloseModal}
|
||||||
|
|||||||
@@ -717,7 +717,7 @@ export function KautilyaFacility() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Framework Effectiveness */}
|
{/* Framework Effectiveness */}
|
||||||
<div className="bg-gray-50 rounded-xl p-8">
|
{/* <div className="bg-gray-50 rounded-xl p-8">
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h3 className="text-h3 text-[#26231A] mb-4">Facility Excellence Metrics</h3>
|
<h3 className="text-h3 text-[#26231A] mb-4">Facility Excellence Metrics</h3>
|
||||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||||
@@ -750,7 +750,7 @@ export function KautilyaFacility() {
|
|||||||
<p className="text-body text-[#6F6F6F]">Repeat Booking Rate</p>
|
<p className="text-body text-[#6F6F6F]">Repeat Booking Rate</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -862,11 +862,13 @@ export function KautilyaFacility() {
|
|||||||
>
|
>
|
||||||
<outcome.icon className="w-8 h-8 text-white" />
|
<outcome.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
{/* <div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
||||||
{outcome.metric}
|
{outcome.metric}
|
||||||
</div>
|
</div> */}
|
||||||
|
<p className="text-xl mb-4 text-primary font-medium">{outcome.category}</p>
|
||||||
|
|
||||||
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
||||||
<p className="text-small text-primary font-medium">{outcome.category}</p>
|
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,27 +1,35 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import imgImage36 from "figma:asset/6bdf8056f51bbdc6dd9dab9044a6579a254bd02c.png";
|
import accenture from "../assets/accenture.svg";
|
||||||
import imgImage39 from "figma:asset/037c4659b7b0bf15b1dfdcd4868cb42e8257e838.png";
|
import adani from "../assets/adani-logo.svg";
|
||||||
import imgImage43 from "figma:asset/c57ec1f4466f68e607139a3cd6d52f7e2f372408.png";
|
import axis from "../assets/axis-bank.svg";
|
||||||
import imgImage45 from "figma:asset/4833274f0a593cd31fdefe553b70bb016de281af.png";
|
import ceat from "../assets/ceat-logo.svg";
|
||||||
import imgImage38 from "figma:asset/d5bab6ea4f3d8cef3b0425c45cfee7faea19fdbc.png";
|
import hsbc from "../assets/hsbc.svg";
|
||||||
import imgImage47 from "figma:asset/e8fad960112d5eba554c3969d08891ebe4d4b9c7.png";
|
import larsen from "../assets/larsen-toubro-logo.svg";
|
||||||
|
import levis from "../assets/levis.svg";
|
||||||
|
import tata from "../assets/tata-motors.svg";
|
||||||
import Frame1597884933 from "../imports/Frame1597884933-44-374";
|
import Frame1597884933 from "../imports/Frame1597884933-44-374";
|
||||||
|
|
||||||
// Logo data using Frame1597884944 logos with proper dimensions
|
// Logo data using Frame1597884944 logos with proper dimensions
|
||||||
const logoData = [
|
const logoData = [
|
||||||
{ src: imgImage36, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR
|
{ src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR
|
||||||
{ src: imgImage45, name: 'BlackRock', width: 210, height: 54 }, // BlackRock
|
{ src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock
|
||||||
{ src: imgImage38, name: 'Royal London', width: 145, height: 54 }, // Royal London
|
{ src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London
|
||||||
{ src: imgImage39, name: 'Abstract', width: 172, height: 54 }, // Abstract
|
{ src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract
|
||||||
{ src: imgImage47, name: 'ARES', width: 163, height: 54 }, // ARES
|
{ src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES
|
||||||
{ src: imgImage43, name: 'KADANS', width: 206, height: 54 }, // KADANS
|
{ src: axis, name: 'KADANS', width: 206, height: 54 }, // KADANS
|
||||||
|
{ src: levis, name: 'levis', width: 206, height: 54 }, // KADANS
|
||||||
|
{ src: tata, name: 'tata', width: 206, height: 54 }, // KADANS
|
||||||
|
// { src: tata, name: 'tata', width: 206, height: 54 }, // KADANS
|
||||||
// Repeat logos for more variety in scrolling
|
// Repeat logos for more variety in scrolling
|
||||||
{ src: imgImage36, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat)
|
{ src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat)
|
||||||
{ src: imgImage45, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat)
|
{ src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat)
|
||||||
{ src: imgImage38, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat)
|
{ src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat)
|
||||||
{ src: imgImage39, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat)
|
{ src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat)
|
||||||
{ src: imgImage47, name: 'ARES', width: 163, height: 54 }, // ARES (repeat)
|
{ src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES (repeat)
|
||||||
{ src: imgImage43, name: 'KADANS', width: 206, height: 54 }, // KADANS (repeat)
|
{ src: axis, name: 'KADANS', width: 206, height: 54 }, // KADANS (repeat)
|
||||||
|
{ src: levis, name: 'levis', width: 206, height: 54 }, // KADANS
|
||||||
|
{ src: tata, name: 'tata', width: 206, height: 54 }, // KADANS
|
||||||
|
|
||||||
];
|
];
|
||||||
|
|
||||||
// Top row logos - Original 6 unique logos
|
// Top row logos - Original 6 unique logos
|
||||||
@@ -40,7 +48,7 @@ function LogoItem({ logo, index, duplicate = false }: LogoItemProps) {
|
|||||||
// Scale down larger logos while maintaining aspect ratio
|
// Scale down larger logos while maintaining aspect ratio
|
||||||
const scaledWidth = logo.width > 250 ? Math.round(logo.width * 0.8) : logo.width;
|
const scaledWidth = logo.width > 250 ? Math.round(logo.width * 0.8) : logo.width;
|
||||||
const displayWidth = Math.max(120, Math.min(scaledWidth, 250)); // Min 120px, Max 250px
|
const displayWidth = Math.max(120, Math.min(scaledWidth, 250)); // Min 120px, Max 250px
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="logo-ticker-item flex-shrink-0 flex items-center justify-center mx-8"
|
className="logo-ticker-item flex-shrink-0 flex items-center justify-center mx-8"
|
||||||
@@ -70,9 +78,9 @@ function LogoItem({ logo, index, duplicate = false }: LogoItemProps) {
|
|||||||
|
|
||||||
export function LogosSection() {
|
export function LogosSection() {
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className="py-16 overflow-hidden"
|
className="py-16 overflow-hidden"
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: '#F7F7FD', // Same as app background
|
backgroundColor: '#F7F7FD', // Same as app background
|
||||||
width: '100%',
|
width: '100%',
|
||||||
}}
|
}}
|
||||||
@@ -83,21 +91,21 @@ export function LogosSection() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Logo Ticker - Two Rows */}
|
{/* Logo Ticker - Two Rows */}
|
||||||
<div
|
<div
|
||||||
className="w-full relative"
|
className="w-full relative"
|
||||||
role="region"
|
role="region"
|
||||||
aria-label="Client logos showcase"
|
aria-label="Client logos showcase"
|
||||||
>
|
>
|
||||||
{/* Top Row - Scrolling Left to Right */}
|
{/* Top Row - Scrolling Left to Right */}
|
||||||
<div
|
<div
|
||||||
className="relative h-[54px] mb-16 overflow-hidden"
|
className="relative h-[54px] mb-16 overflow-hidden"
|
||||||
role="list"
|
role="list"
|
||||||
aria-label="Client logos row 1"
|
aria-label="Client logos row 1"
|
||||||
>
|
>
|
||||||
<div className="flex items-center h-full will-change-transform">
|
<div className="flex items-center h-full will-change-transform">
|
||||||
<div
|
<div
|
||||||
className="scroll-left flex items-center h-full"
|
className="scroll-left flex items-center h-full"
|
||||||
style={{
|
style={{
|
||||||
width: '400%',
|
width: '400%',
|
||||||
gap: '80px',
|
gap: '80px',
|
||||||
paddingLeft: '40px',
|
paddingLeft: '40px',
|
||||||
@@ -106,17 +114,17 @@ export function LogosSection() {
|
|||||||
>
|
>
|
||||||
{/* Create multiple sets for seamless infinite scroll */}
|
{/* Create multiple sets for seamless infinite scroll */}
|
||||||
{[1, 2, 3, 4].map((setNumber) => (
|
{[1, 2, 3, 4].map((setNumber) => (
|
||||||
<div
|
<div
|
||||||
key={`top-set-${setNumber}`}
|
key={`top-set-${setNumber}`}
|
||||||
className="flex items-center h-full"
|
className="flex items-center h-full"
|
||||||
style={{ gap: '80px' }}
|
style={{ gap: '80px' }}
|
||||||
>
|
>
|
||||||
{topRowLogos.map((logo, index) => (
|
{topRowLogos.map((logo, index) => (
|
||||||
<LogoItem
|
<LogoItem
|
||||||
key={`top-${setNumber}-${index}`}
|
key={`top-${setNumber}-${index}`}
|
||||||
logo={logo}
|
logo={logo}
|
||||||
index={index}
|
index={index}
|
||||||
duplicate={setNumber > 1}
|
duplicate={setNumber > 1}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
@@ -124,17 +132,17 @@ export function LogosSection() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Bottom Row - Scrolling Right to Left */}
|
{/* Bottom Row - Scrolling Right to Left */}
|
||||||
<div
|
<div
|
||||||
className="relative h-[54px] overflow-hidden"
|
className="relative h-[54px] overflow-hidden"
|
||||||
role="list"
|
role="list"
|
||||||
aria-label="Client logos row 2"
|
aria-label="Client logos row 2"
|
||||||
>
|
>
|
||||||
<div className="flex items-center h-full will-change-transform">
|
<div className="flex items-center h-full will-change-transform">
|
||||||
<div
|
<div
|
||||||
className="scroll-right flex items-center h-full"
|
className="scroll-right flex items-center h-full"
|
||||||
style={{
|
style={{
|
||||||
width: '400%',
|
width: '400%',
|
||||||
gap: '80px',
|
gap: '80px',
|
||||||
paddingLeft: '40px',
|
paddingLeft: '40px',
|
||||||
@@ -143,17 +151,17 @@ export function LogosSection() {
|
|||||||
>
|
>
|
||||||
{/* Create multiple sets for seamless infinite scroll */}
|
{/* Create multiple sets for seamless infinite scroll */}
|
||||||
{[1, 2, 3, 4].map((setNumber) => (
|
{[1, 2, 3, 4].map((setNumber) => (
|
||||||
<div
|
<div
|
||||||
key={`bottom-set-${setNumber}`}
|
key={`bottom-set-${setNumber}`}
|
||||||
className="flex items-center h-full"
|
className="flex items-center h-full"
|
||||||
style={{ gap: '80px' }}
|
style={{ gap: '80px' }}
|
||||||
>
|
>
|
||||||
{bottomRowLogos.map((logo, index) => (
|
{bottomRowLogos.map((logo, index) => (
|
||||||
<LogoItem
|
<LogoItem
|
||||||
key={`bottom-${setNumber}-${index}`}
|
key={`bottom-${setNumber}-${index}`}
|
||||||
logo={logo}
|
logo={logo}
|
||||||
index={index}
|
index={index}
|
||||||
duplicate={setNumber > 1}
|
duplicate={setNumber > 1}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import { useState, useEffect } from 'react';
|
import { useState, useEffect } from 'react';
|
||||||
import { motion } from 'motion/react';
|
import { motion } from 'motion/react';
|
||||||
import {
|
import {
|
||||||
Users,
|
Users,
|
||||||
Target,
|
Target,
|
||||||
TrendingUp,
|
TrendingUp,
|
||||||
BookOpen,
|
BookOpen,
|
||||||
MessageCircle,
|
MessageCircle,
|
||||||
CheckCircle,
|
CheckCircle,
|
||||||
Download,
|
Download,
|
||||||
@@ -16,14 +16,11 @@ import {
|
|||||||
UserCheck,
|
UserCheck,
|
||||||
ClipboardCheck,
|
ClipboardCheck,
|
||||||
Users2,
|
Users2,
|
||||||
Briefcase,
|
Briefcase
|
||||||
ArrowLeft
|
|
||||||
} from 'lucide-react';
|
} from 'lucide-react';
|
||||||
import { BrandedTag } from './about/BrandedTag';
|
import PrimaryCTAButton from './PrimaryCTAButton';
|
||||||
import { PrimaryCTAButton } from './PrimaryCTAButton';
|
|
||||||
import { CTABannerSection } from './CTABannerSection';
|
|
||||||
import { navigateTo } from './Router';
|
import { navigateTo } from './Router';
|
||||||
import { Button } from './ui/button';
|
import { CTABannerSection } from './CTABannerSection';
|
||||||
|
|
||||||
export function Services() {
|
export function Services() {
|
||||||
const [isVisible, setIsVisible] = useState(false);
|
const [isVisible, setIsVisible] = useState(false);
|
||||||
@@ -49,7 +46,7 @@ export function Services() {
|
|||||||
description: 'Knowing your leaders is the first step to shaping your future. KLC\'s assessment solutions — from 360-degree feedback to Development Centres — provide a clear view of leadership potential and performance. We don\'t just assess; we build actionable pathways for growth. Our pipeline development methods ensure succession is never left to chance, but actively cultivated to secure continuity and competitiveness.',
|
description: 'Knowing your leaders is the first step to shaping your future. KLC\'s assessment solutions — from 360-degree feedback to Development Centres — provide a clear view of leadership potential and performance. We don\'t just assess; we build actionable pathways for growth. Our pipeline development methods ensure succession is never left to chance, but actively cultivated to secure continuity and competitiveness.',
|
||||||
ctaText: 'Learn More',
|
ctaText: 'Learn More',
|
||||||
downloadTitle: 'Case Study: Leadership Assessment & Succession Planning in a Top NBFC',
|
downloadTitle: 'Case Study: Leadership Assessment & Succession Planning in a Top NBFC',
|
||||||
route: '/services/leadership-pipeline-development'
|
route: '/contact'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'management-development',
|
id: 'management-development',
|
||||||
@@ -112,48 +109,48 @@ export function Services() {
|
|||||||
{/* Hero Section */}
|
{/* Hero Section */}
|
||||||
<section className="relative min-h-[85vh] flex flex-col">
|
<section className="relative min-h-[85vh] flex flex-col">
|
||||||
<div className="absolute inset-0 z-0">
|
<div className="absolute inset-0 z-0">
|
||||||
<div
|
<div
|
||||||
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
||||||
style={{
|
style={{
|
||||||
backgroundImage: `url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=1920&h=1080&fit=crop')`
|
backgroundImage: `url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=1920&h=1080&fit=crop')`
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<div className="absolute inset-0 bg-gradient-to-r from-black/85 via-black/75 to-black/65"></div>
|
<div className="absolute inset-0 bg-gradient-to-r from-black/80 via-black/70 to-black/60"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="relative z-10 flex-1 flex items-center">
|
<div className="relative z-10 flex-1 flex items-left">
|
||||||
<div className="w-full section-margin-x">
|
<div className="container mx-auto section-margin-x">
|
||||||
<div className="max-w-6xl">
|
<div className="text-center max-w-6xl mx-auto">
|
||||||
{/* Back Navigation */}
|
<motion.div
|
||||||
{/* <div className="mb-8">
|
initial={{ opacity: 0, y: 30 }}
|
||||||
<Button
|
animate={{ opacity: isVisible ? 1 : 0, y: isVisible ? 0 : 30 }}
|
||||||
variant="ghost"
|
transition={{ duration: 0.8 }}
|
||||||
onClick={() => navigateTo('/services')}
|
>
|
||||||
className="text-white hover:text-white hover:bg-white/10 p-2 -ml-2"
|
<div className="branded-tag-system-white mb-8 justify-center">
|
||||||
>
|
<div className="dot"></div>
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<span className="text">Our Services</span>
|
||||||
Back to Services
|
</div>
|
||||||
</Button>
|
|
||||||
</div> */}
|
<h1 className="text-h1-white mb-6 text-left">
|
||||||
|
Building Leadership Capacity<br />
|
||||||
<div className="mb-8">
|
That Drives Results
|
||||||
<h1 className="text-h1-white">
|
|
||||||
Building Leaders, Driving Impact
|
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
|
||||||
|
<p className="text-body-lg-white mb-8 mx-auto text-left">
|
||||||
|
At Kautilya Leadership Centre, we enable institutions and individuals to build leadership capacity,
|
||||||
|
align culture with strategy, and create enduring value. Our services span leadership development,
|
||||||
|
consulting, coaching, assessments, and digital learning — each designed with research, context, and practice at the core.
|
||||||
|
</p>
|
||||||
|
|
||||||
<p className="text-body-lg-white mb-8 max-w-3xl">
|
<div className="flex justify-left">
|
||||||
<strong>At Kautilya Leadership Centre, we enable institutions and individuals to build leadership capacity, align culture with strategy, and create enduring value. Our services span leadership development, consulting, coaching, assessments, and digital learning — each designed with research, context, and practice at the core.</strong>
|
<PrimaryCTAButton
|
||||||
</p>
|
text="Explore Our Approach"
|
||||||
|
onClick={() => navigateTo('/contact')}
|
||||||
<div className="flex justify-start">
|
ariaLabel="Contact us to explore our services approach"
|
||||||
<PrimaryCTAButton
|
className="cta-text-white"
|
||||||
text="Talk to Us"
|
/>
|
||||||
onClick={() => navigateTo('/contact?topic=management-development')}
|
</div>
|
||||||
ariaLabel="Talk to us about management development"
|
</motion.div>
|
||||||
className="primary-cta-button-blue cta-text-white"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -163,9 +160,9 @@ export function Services() {
|
|||||||
<section className="py-20 lg:py-28" style={{ backgroundColor: '#FFFFFF' }}>
|
<section className="py-20 lg:py-28" style={{ backgroundColor: '#FFFFFF' }}>
|
||||||
<div className="section-margin-x">
|
<div className="section-margin-x">
|
||||||
<div className="max-w-7xl mx-auto">
|
<div className="max-w-7xl mx-auto">
|
||||||
|
|
||||||
{/* Services Grid */}
|
{/* Services Grid */}
|
||||||
<div className="space-y-24">
|
<div className="space-y-40">
|
||||||
{services.map((service, index) => (
|
{services.map((service, index) => (
|
||||||
<motion.div
|
<motion.div
|
||||||
key={service.id}
|
key={service.id}
|
||||||
@@ -175,78 +172,137 @@ export function Services() {
|
|||||||
viewport={{ once: true }}
|
viewport={{ once: true }}
|
||||||
className="max-w-7xl mx-auto"
|
className="max-w-7xl mx-auto"
|
||||||
>
|
>
|
||||||
<div className={`grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start ${index % 2 === 1 ? 'lg:direction-reverse' : ''
|
<div className="relative">
|
||||||
}`}>
|
|
||||||
|
|
||||||
{/* Content Section */}
|
{/* Content Section */}
|
||||||
<div className={`lg:col-span-7 ${index % 2 === 1 ? 'lg:col-start-6 lg:order-2' : 'lg:col-start-1 lg:order-1'
|
<div className="relative pr-0 lg:pr-[520px]">
|
||||||
}`}>
|
{/* Icon and Title - Single Line (Figma Layout) */}
|
||||||
{/* Icon and Title - Side by Side */}
|
<div className="flex items-center gap-[15.5px] mb-8">
|
||||||
<div className="flex items-start gap-4 mb-6">
|
<div
|
||||||
<div
|
className="w-16 h-16 rounded-[14px] flex items-center justify-center flex-shrink-0"
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center flex-shrink-0"
|
|
||||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||||
>
|
>
|
||||||
<service.icon className="w-8 h-8 text-white" />
|
<service.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
|
<h2 className="text-h2 leading-[57.6px] tracking-[-0.48px]" style={{ fontSize: '48px' }}>{service.title}</h2>
|
||||||
<h2 className="text-h2 leading-tight">{service.title}</h2>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Description */}
|
{/* Brief Overview */}
|
||||||
<p className="text-body-lg text-muted mb-8 leading-relaxed">
|
<p className="text-body-lg text-muted leading-relaxed mb-8">
|
||||||
{service.description}
|
{service.description.split('.')[0]}.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
{/* Service Preview Cards - Figma Layout */}
|
||||||
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8">
|
||||||
|
{/* Preview Card 1: What It Is */}
|
||||||
|
<div className="p-[21px] bg-white border border-gray-200 rounded-[14px] hover:shadow-lg hover:border-primary/30 transition-all duration-300">
|
||||||
|
<div className="flex items-center gap-3 mb-3">
|
||||||
|
<div className="w-8 h-8 rounded-[10px] bg-primary/10 flex items-center justify-center">
|
||||||
|
<Lightbulb className="w-4 h-4" style={{ color: 'var(--color-primary)' }} />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-body-lg" style={{ fontWeight: 600, color: 'var(--color-black)' }}>What It Is</h4>
|
||||||
|
</div>
|
||||||
|
<p className="text-small text-muted leading-relaxed">
|
||||||
|
{index === 0 && 'Customized leadership journeys combining business cases, reflective practice, and strategic frameworks'}
|
||||||
|
{index === 1 && '360-degree feedback, Development Centres, and pipeline strategies for succession planning'}
|
||||||
|
{index === 2 && 'Manager capability building through coaching, peer learning, and simulation workshops'}
|
||||||
|
{index === 3 && 'Culture assessment, competence frameworks, and values-in-action embedding strategies'}
|
||||||
|
{index === 4 && 'ICF-aligned coaching and mentoring for leadership transitions and influence building'}
|
||||||
|
{index === 5 && 'State-of-the-art campus for immersive leadership development and transformation'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Preview Card 2: Who It's For */}
|
||||||
|
<div className="p-[21px] bg-white border border-gray-200 rounded-[14px] hover:shadow-lg hover:border-primary/30 transition-all duration-300">
|
||||||
|
<div className="flex items-center gap-3 mb-3">
|
||||||
|
<div className="w-8 h-8 rounded-[10px] bg-primary/10 flex items-center justify-center">
|
||||||
|
<Users2 className="w-4 h-4" style={{ color: 'var(--color-primary)' }} />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-body-lg" style={{ fontWeight: 600, color: 'var(--color-black)' }}>Who It's For</h4>
|
||||||
|
</div>
|
||||||
|
<p className="text-small text-muted leading-relaxed">
|
||||||
|
{index === 0 && 'Senior leaders, high-potential managers, and succession pipeline candidates'}
|
||||||
|
{index === 1 && 'HR teams, talent managers, and succession planning committees'}
|
||||||
|
{index === 2 && 'Mid-level managers, team leaders, and aspiring first-time leaders'}
|
||||||
|
{index === 3 && 'Leadership teams, HR leaders, and change management sponsors'}
|
||||||
|
{index === 4 && 'C-suite executives, senior leaders navigating transitions and complex challenges'}
|
||||||
|
{index === 5 && 'Organizations seeking transformative leadership retreats and immersive learning'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Preview Card 3: Expected Impact - Full Width */}
|
||||||
|
<div className="p-[21px] bg-white border border-gray-200 rounded-[14px] hover:shadow-lg hover:border-primary/30 transition-all duration-300 sm:col-span-2">
|
||||||
|
<div className="flex items-center gap-3 mb-3">
|
||||||
|
<div className="w-8 h-8 rounded-[10px] bg-accent/20 flex items-center justify-center">
|
||||||
|
<CheckCircle className="w-4 h-4" style={{ color: 'var(--color-accent)' }} />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-body-lg" style={{ fontWeight: 600, color: 'var(--color-black)' }}>Expected Impact</h4>
|
||||||
|
</div>
|
||||||
|
<div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
|
||||||
|
<div className="flex items-start gap-2">
|
||||||
|
<ArrowRight className="w-4 h-4 mt-0.5 flex-shrink-0" style={{ color: 'var(--color-accent)' }} />
|
||||||
|
<p className="text-small text-muted">
|
||||||
|
{index === 0 && 'Leaders who drive measurable business impact'}
|
||||||
|
{index === 1 && 'Clear succession pathways and readiness'}
|
||||||
|
{index === 2 && 'Confident managers delivering consistent results'}
|
||||||
|
{index === 3 && 'Culture-strategy alignment and synergy'}
|
||||||
|
{index === 4 && 'Enhanced leadership influence and presence'}
|
||||||
|
{index === 5 && 'Lasting transformation and connections'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-start gap-2">
|
||||||
|
<ArrowRight className="w-4 h-4 mt-0.5 flex-shrink-0" style={{ color: 'var(--color-accent)' }} />
|
||||||
|
<p className="text-small text-muted">
|
||||||
|
{index === 0 && 'Long-term succession readiness'}
|
||||||
|
{index === 1 && 'Data-driven development plans'}
|
||||||
|
{index === 2 && 'Effective team leadership capability'}
|
||||||
|
{index === 3 && 'Values modeled by leadership'}
|
||||||
|
{index === 4 && 'Successful navigation of transitions'}
|
||||||
|
{index === 5 && 'Immersive learning environment'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-start gap-2">
|
||||||
|
<ArrowRight className="w-4 h-4 mt-0.5 flex-shrink-0" style={{ color: 'var(--color-accent)' }} />
|
||||||
|
<p className="text-small text-muted">
|
||||||
|
{index === 0 && 'Accelerated leadership growth'}
|
||||||
|
{index === 1 && 'Proactive talent cultivation'}
|
||||||
|
{index === 2 && 'Growth into confident leaders'}
|
||||||
|
{index === 3 && 'Sustained competitive advantage'}
|
||||||
|
{index === 4 && 'Improved decision-making confidence'}
|
||||||
|
{index === 5 && 'Meaningful networking opportunities'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* CTA Button */}
|
{/* CTA Button */}
|
||||||
<div className="mb-8 primary-cta-container-left cta-left-locked">
|
<div className="primary-cta-container-left cta-left-locked">
|
||||||
<PrimaryCTAButton
|
<PrimaryCTAButton
|
||||||
text={service.ctaText}
|
text="Explore This Service"
|
||||||
onClick={() => navigateTo(service.route)}
|
onClick={() => navigateTo(service.route)}
|
||||||
ariaLabel={`Contact us about ${service.title}`}
|
ariaLabel={`Learn more about ${service.title}`}
|
||||||
className="cta-text-black"
|
className="cta-text-black"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Download Resource */}
|
|
||||||
<button
|
|
||||||
className="w-full p-6 bg-gray-50 rounded-xl border border-gray-100 hover:shadow-lg hover:shadow-primary/10 hover:border-primary/20 transition-all duration-300 cursor-pointer group text-left"
|
|
||||||
onClick={() => {/* Handle download */ }}
|
|
||||||
>
|
|
||||||
<div className="flex items-start gap-4">
|
|
||||||
<div className="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0 transition-all duration-300 relative overflow-hidden">
|
|
||||||
<Download className="w-6 h-6 text-primary group-hover:animate-download-arrows" />
|
|
||||||
</div>
|
|
||||||
<div className="flex-1">
|
|
||||||
<h4 className="text-h4 mb-2">
|
|
||||||
Downloadable Resource
|
|
||||||
</h4>
|
|
||||||
<p className="text-small text-muted">
|
|
||||||
{service.downloadTitle}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Image Section */}
|
{/* Image Section - Positioned at Bottom Right (Figma Design) */}
|
||||||
<div className={`lg:col-span-5 ${index % 2 === 1 ? 'lg:col-start-1 lg:order-1' : 'lg:col-start-8 lg:order-2'
|
<div className="absolute bottom-0 right-0 w-[496px] h-[479px] hidden lg:block overflow-hidden rounded-[16px]">
|
||||||
}`}>
|
<div
|
||||||
<div className="relative">
|
className="absolute h-[479px] left-[-71px] top-0 w-[639px] rounded-[16px] bg-cover bg-center bg-no-repeat"
|
||||||
<div
|
style={{
|
||||||
className="w-full aspect-[4/3] rounded-2xl bg-cover bg-center bg-no-repeat"
|
backgroundImage: `url('https://images.unsplash.com/photo-${
|
||||||
style={{
|
index === 0 ? '1522071820-d3ca7b99e0dd' : // leadership team
|
||||||
backgroundImage: `url('https://images.unsplash.com/photo-${index === 0 ? '1522071820-d3ca7b99e0dd' : // leadership team
|
index === 1 ? '1551836022-d5d88e9218df' : // assessment/analytics
|
||||||
index === 1 ? '1551836022-d5d88e9218df' : // assessment/analytics
|
index === 2 ? '1600880292203-757bb62b4baf' : // management meeting
|
||||||
index === 2 ? '1600880292203-757bb62b4baf' : // management meeting
|
index === 3 ? '1552664730-d307ca884978' : // culture/team
|
||||||
index === 3 ? '1552664730-d307ca884978' : // culture/team
|
index === 4 ? '1573496359142-b8d87734a5a2' : // coaching
|
||||||
index === 4 ? '1573496359142-b8d87734a5a2' : // coaching
|
'1582213782179-e0d53f98f2ca' // leadership campus/facility
|
||||||
'1582213782179-e0d53f98f2ca' // leadership campus/facility
|
}?w=800&h=600&fit=crop')`
|
||||||
}?w=800&h=600&fit=crop')`
|
}}
|
||||||
}}
|
>
|
||||||
>
|
<div className="absolute inset-0 bg-gradient-to-br from-primary/20 to-transparent rounded-[16px]"></div>
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-primary/20 to-transparent rounded-2xl"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -273,13 +329,13 @@ export function Services() {
|
|||||||
<div className="dot"></div>
|
<div className="dot"></div>
|
||||||
<span className="text">Case Studies</span>
|
<span className="text">Case Studies</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 className="text-h2 mb-6">
|
<h2 className="text-h2 mb-6">
|
||||||
Real Impact, Real Results
|
Real Impact, Real Results
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<p className="text-body-lg text-muted max-w-2xl mx-auto">
|
<p className="text-body-lg text-muted max-w-2xl mx-auto">
|
||||||
Discover how we've helped organizations transform their leadership capabilities
|
Discover how we've helped organizations transform their leadership capabilities
|
||||||
and drive sustainable business growth.
|
and drive sustainable business growth.
|
||||||
</p>
|
</p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
@@ -293,19 +349,19 @@ export function Services() {
|
|||||||
transition={{ duration: 0.6, delay: index * 0.1 }}
|
transition={{ duration: 0.6, delay: index * 0.1 }}
|
||||||
viewport={{ once: true }}
|
viewport={{ once: true }}
|
||||||
className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 hover:shadow-lg transition-shadow cursor-pointer"
|
className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100 hover:shadow-lg transition-shadow cursor-pointer"
|
||||||
onClick={() => {/* Handle case study view */ }}
|
onClick={() => {/* Handle case study view */}}
|
||||||
>
|
>
|
||||||
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4">
|
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4">
|
||||||
<Award className="w-6 h-6 text-primary" />
|
<Award className="w-6 h-6 text-primary" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3 className="text-h4 mb-3">{caseStudy.title}</h3>
|
<h3 className="text-h4 mb-3">{caseStudy.title}</h3>
|
||||||
|
|
||||||
<p className="text-small text-muted mb-4">
|
<p className="text-small text-muted mb-4">
|
||||||
{caseStudy.description}
|
{caseStudy.description}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
className="w-full flex items-center justify-between p-3 bg-gray-50 hover:bg-primary/5 border border-gray-100 hover:border-primary/20 rounded-lg transition-all duration-300 cursor-pointer group"
|
className="w-full flex items-center justify-between p-3 bg-gray-50 hover:bg-primary/5 border border-gray-100 hover:border-primary/20 rounded-lg transition-all duration-300 cursor-pointer group"
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
|
|||||||
@@ -712,7 +712,7 @@ export function CultureCompetence() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Framework Effectiveness */}
|
{/* Framework Effectiveness */}
|
||||||
<div className="bg-gray-50 rounded-xl p-8">
|
{/* <div className="bg-gray-50 rounded-xl p-8">
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||||
@@ -745,7 +745,7 @@ export function CultureCompetence() {
|
|||||||
<p className="text-body text-[#6F6F6F]">Competency Development Impact</p>
|
<p className="text-body text-[#6F6F6F]">Competency Development Impact</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -857,11 +857,13 @@ export function CultureCompetence() {
|
|||||||
>
|
>
|
||||||
<outcome.icon className="w-8 h-8 text-white" />
|
<outcome.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
{/* <div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
||||||
{outcome.metric}
|
{outcome.metric}
|
||||||
</div>
|
</div> */}
|
||||||
|
<p className="text-xl mb-4 text-primary font-medium">{outcome.category}</p>
|
||||||
|
|
||||||
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
||||||
<p className="text-small text-primary font-medium">{outcome.category}</p>
|
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -717,7 +717,7 @@ export function ExecutiveCoaching() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Framework Effectiveness */}
|
{/* Framework Effectiveness */}
|
||||||
<div className="bg-gray-50 rounded-xl p-8">
|
{/* <div className="bg-gray-50 rounded-xl p-8">
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||||
@@ -750,7 +750,7 @@ export function ExecutiveCoaching() {
|
|||||||
<p className="text-body text-[#6F6F6F]">Career Advancement Success</p>
|
<p className="text-body text-[#6F6F6F]">Career Advancement Success</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -862,11 +862,13 @@ export function ExecutiveCoaching() {
|
|||||||
>
|
>
|
||||||
<outcome.icon className="w-8 h-8 text-white" />
|
<outcome.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
{/* <div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
||||||
{outcome.metric}
|
{outcome.metric}
|
||||||
</div>
|
</div> */}
|
||||||
|
<p className="text-xl mb-4 text-primary font-medium">{outcome.category}</p>
|
||||||
|
|
||||||
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
||||||
<p className="text-small text-primary font-medium">{outcome.category}</p>
|
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -198,75 +198,75 @@ export function LeadershipDevelopment() {
|
|||||||
{/* 1. What Is This Service */}
|
{/* 1. What Is This Service */}
|
||||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
||||||
<div className="section-margin-x">
|
<div className="section-margin-x">
|
||||||
<div className="max-w-6xl mx-auto">
|
<div className="max-w-6xl mx-auto">
|
||||||
<div className="text-center mb-12">
|
<div className="text-center mb-12">
|
||||||
<BrandedTag text="What Is This Service?" />
|
<BrandedTag text="What Is This Service?" />
|
||||||
<h2 className="text-h2 mb-8 text-[#26231A]">Executive Leadership Development</h2>
|
<h2 className="text-h2 mb-8 text-[#26231A]">Executive Leadership Development</h2>
|
||||||
<div className="max-w-4xl mx-auto space-y-6">
|
<div className="max-w-4xl mx-auto space-y-6">
|
||||||
<p className="text-body-lg text-[#6F6F6F] leading-relaxed">
|
<p className="text-body-lg text-[#6F6F6F] leading-relaxed">
|
||||||
Leadership Development is a comprehensive executive transformation program designed to elevate senior leaders' strategic thinking, executive presence, and organizational impact. Our approach combines proven leadership frameworks with real-world application to create visionary leaders who drive exceptional business results.
|
Leadership Development is a comprehensive executive transformation program designed to elevate senior leaders' strategic thinking, executive presence, and organizational impact. Our approach combines proven leadership frameworks with real-world application to create visionary leaders who drive exceptional business results.
|
||||||
|
</p>
|
||||||
|
<div className="bg-[#04045B]/5 border-l-4 border-[#04045B] p-6 rounded-lg">
|
||||||
|
<p className="text-body-lg text-[#26231A] leading-relaxed">
|
||||||
|
<span className="font-semibold text-[#04045B]">The Business Problem It Solves:</span> Many talented leaders struggle to reach their full potential due to lack of personalized guidance, limited feedback, and insufficient support during critical transitions. Traditional leadership training often fails to address the complex challenges executives face in today's dynamic business environment.
|
||||||
</p>
|
</p>
|
||||||
<div className="bg-[#04045B]/5 border-l-4 border-[#04045B] p-6 rounded-lg">
|
|
||||||
<p className="text-body-lg text-[#26231A] leading-relaxed">
|
|
||||||
<span className="font-semibold text-[#04045B]">The Business Problem It Solves:</span> Many talented leaders struggle to reach their full potential due to lack of personalized guidance, limited feedback, and insufficient support during critical transitions. Traditional leadership training often fails to address the complex challenges executives face in today's dynamic business environment.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
||||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<div
|
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
|
||||||
style={{ backgroundColor: '#04045B' }}
|
|
||||||
>
|
|
||||||
<Crown className="w-8 h-8 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
|
||||||
Executive Excellence
|
|
||||||
</h4>
|
|
||||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
|
||||||
Comprehensive development for C-suite and senior leaders focused on strategic transformation
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<div
|
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
|
||||||
style={{ backgroundColor: '#04045B' }}
|
|
||||||
>
|
|
||||||
<Target className="w-8 h-8 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
|
||||||
Strategic Impact
|
|
||||||
</h4>
|
|
||||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
|
||||||
Focus on measurable business results and organizational performance improvements
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<div
|
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
|
||||||
style={{ backgroundColor: '#04045B' }}
|
|
||||||
>
|
|
||||||
<TrendingUp className="w-8 h-8 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
|
||||||
94% Success Rate
|
|
||||||
</h4>
|
|
||||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
|
||||||
Proven track record with 94% of executives showing improved strategic leadership effectiveness
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||||
|
<div className="flex flex-col items-center text-center">
|
||||||
|
<div
|
||||||
|
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||||
|
style={{ backgroundColor: '#04045B' }}
|
||||||
|
>
|
||||||
|
<Crown className="w-8 h-8 text-white" />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||||
|
Executive Excellence
|
||||||
|
</h4>
|
||||||
|
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||||
|
Comprehensive development for C-suite and senior leaders focused on strategic transformation
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||||
|
<div className="flex flex-col items-center text-center">
|
||||||
|
<div
|
||||||
|
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||||
|
style={{ backgroundColor: '#04045B' }}
|
||||||
|
>
|
||||||
|
<Target className="w-8 h-8 text-white" />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||||
|
Strategic Impact
|
||||||
|
</h4>
|
||||||
|
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||||
|
Focus on measurable business results and organizational performance improvements
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||||
|
<div className="flex flex-col items-center text-center">
|
||||||
|
<div
|
||||||
|
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||||
|
style={{ backgroundColor: '#04045B' }}
|
||||||
|
>
|
||||||
|
<TrendingUp className="w-8 h-8 text-white" />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||||
|
94% Success Rate
|
||||||
|
</h4>
|
||||||
|
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||||
|
Proven track record with 94% of executives showing improved strategic leadership effectiveness
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -712,7 +712,7 @@ export function LeadershipDevelopment() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Framework Effectiveness */}
|
{/* Framework Effectiveness */}
|
||||||
<div className="bg-gray-50 rounded-xl p-8">
|
{/* <div className="bg-gray-50 rounded-xl p-8">
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||||
@@ -745,7 +745,7 @@ export function LeadershipDevelopment() {
|
|||||||
<p className="text-body text-[#6F6F6F]">Strategic Impact Improvement</p>
|
<p className="text-body text-[#6F6F6F]">Strategic Impact Improvement</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -857,11 +857,12 @@ export function LeadershipDevelopment() {
|
|||||||
>
|
>
|
||||||
<outcome.icon className="w-8 h-8 text-white" />
|
<outcome.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
{/* <div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
||||||
{outcome.metric}
|
{outcome.metric}
|
||||||
</div>
|
</div> */}
|
||||||
|
<p className="text-xl mb-4 text-primary font-medium">{outcome.category}</p>
|
||||||
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
||||||
<p className="text-small text-primary font-medium">{outcome.category}</p>
|
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -250,75 +250,75 @@ export function LeadershipPipelineDevelopment() {
|
|||||||
{/* 1. What Is This Service */}
|
{/* 1. What Is This Service */}
|
||||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
||||||
<div className="section-margin-x">
|
<div className="section-margin-x">
|
||||||
<div className="max-w-6xl mx-auto">
|
<div className="max-w-6xl mx-auto">
|
||||||
<div className="text-center mb-12">
|
<div className="text-center mb-12">
|
||||||
<BrandedTag text="What Is This Service?" />
|
<BrandedTag text="What Is This Service?" />
|
||||||
<h2 className="text-h2 mb-8 text-[#26231A]">Comprehensive Leadership Pipeline System</h2>
|
<h2 className="text-h2 mb-8 text-[#26231A]">Comprehensive Leadership Pipeline System</h2>
|
||||||
<div className="max-w-4xl mx-auto space-y-6">
|
<div className="max-w-4xl mx-auto space-y-6">
|
||||||
<p className="text-body-lg text-[#6F6F6F] leading-relaxed">
|
<p className="text-body-lg text-[#6F6F6F] leading-relaxed">
|
||||||
Leadership Pipeline Development is a systematic approach to building sustainable leadership capability across all organizational levels. Our methodology identifies, develops, and transitions high-potential talent through structured programs that create ready-now successors for critical roles.
|
Leadership Pipeline Development is a systematic approach to building sustainable leadership capability across all organizational levels. Our methodology identifies, develops, and transitions high-potential talent through structured programs that create ready-now successors for critical roles.
|
||||||
|
</p>
|
||||||
|
<div className="bg-[#04045B]/5 border-l-4 border-[#04045B] p-6 rounded-lg">
|
||||||
|
<p className="text-body-lg text-[#26231A] leading-relaxed">
|
||||||
|
<span className="font-semibold text-[#04045B]">The Business Problem It Solves:</span> Most organizations face succession gaps where 40%+ of key positions lack identified successors, leading to costly external hiring, leadership disruption, and competitive disadvantage.
|
||||||
</p>
|
</p>
|
||||||
<div className="bg-[#04045B]/5 border-l-4 border-[#04045B] p-6 rounded-lg">
|
|
||||||
<p className="text-body-lg text-[#26231A] leading-relaxed">
|
|
||||||
<span className="font-semibold text-[#04045B]">The Business Problem It Solves:</span> Most organizations face succession gaps where 40%+ of key positions lack identified successors, leading to costly external hiring, leadership disruption, and competitive disadvantage.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
||||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<div
|
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
|
||||||
style={{ backgroundColor: '#04045B' }}
|
|
||||||
>
|
|
||||||
<TrendingUp className="w-8 h-8 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
|
||||||
Multi-Level Pipeline
|
|
||||||
</h4>
|
|
||||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
|
||||||
Systematic leadership development across all organizational tiers with clear progression pathways
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<div
|
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
|
||||||
style={{ backgroundColor: '#04045B' }}
|
|
||||||
>
|
|
||||||
<Target className="w-8 h-8 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
|
||||||
Succession Readiness
|
|
||||||
</h4>
|
|
||||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
|
||||||
Creates identified, development-ready successors for all critical leadership positions
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
|
||||||
<div className="flex flex-col items-center text-center">
|
|
||||||
<div
|
|
||||||
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
|
||||||
style={{ backgroundColor: '#04045B' }}
|
|
||||||
>
|
|
||||||
<Building className="w-8 h-8 text-white" />
|
|
||||||
</div>
|
|
||||||
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
|
||||||
75% Hiring Reduction
|
|
||||||
</h4>
|
|
||||||
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
|
||||||
Significantly reduces dependency on external leadership hiring through internal capability building
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||||
|
<div className="flex flex-col items-center text-center">
|
||||||
|
<div
|
||||||
|
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||||
|
style={{ backgroundColor: '#04045B' }}
|
||||||
|
>
|
||||||
|
<TrendingUp className="w-8 h-8 text-white" />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||||
|
Multi-Level Pipeline
|
||||||
|
</h4>
|
||||||
|
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||||
|
Systematic leadership development across all organizational tiers with clear progression pathways
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||||
|
<div className="flex flex-col items-center text-center">
|
||||||
|
<div
|
||||||
|
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||||
|
style={{ backgroundColor: '#04045B' }}
|
||||||
|
>
|
||||||
|
<Target className="w-8 h-8 text-white" />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||||
|
Succession Readiness
|
||||||
|
</h4>
|
||||||
|
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||||
|
Creates identified, development-ready successors for all critical leadership positions
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="group bg-white border border-gray-200 rounded-xl p-8 hover:border-[#04045B]/20 hover:shadow-lg transition-all duration-300">
|
||||||
|
<div className="flex flex-col items-center text-center">
|
||||||
|
<div
|
||||||
|
className="w-16 h-16 rounded-xl flex items-center justify-center mb-6 group-hover:scale-105 transition-transform duration-300"
|
||||||
|
style={{ backgroundColor: '#04045B' }}
|
||||||
|
>
|
||||||
|
<Building className="w-8 h-8 text-white" />
|
||||||
|
</div>
|
||||||
|
<h4 className="text-h4 mb-4 text-[#26231A] group-hover:text-[#04045B] transition-colors duration-300">
|
||||||
|
75% Hiring Reduction
|
||||||
|
</h4>
|
||||||
|
<p className="text-body text-[#6F6F6F] leading-relaxed">
|
||||||
|
Significantly reduces dependency on external leadership hiring through internal capability building
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -765,7 +765,7 @@ export function LeadershipPipelineDevelopment() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Framework Effectiveness */}
|
{/* Framework Effectiveness */}
|
||||||
<div className="bg-gray-50 rounded-xl p-8">
|
{/* <div className="bg-gray-50 rounded-xl p-8">
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||||
@@ -798,7 +798,7 @@ export function LeadershipPipelineDevelopment() {
|
|||||||
<p className="text-body text-[#6F6F6F]">Succession Planning Effectiveness</p>
|
<p className="text-body text-[#6F6F6F]">Succession Planning Effectiveness</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -910,11 +910,12 @@ export function LeadershipPipelineDevelopment() {
|
|||||||
>
|
>
|
||||||
<outcome.icon className="w-8 h-8 text-white" />
|
<outcome.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
{/* <div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
||||||
{outcome.metric}
|
{outcome.metric}
|
||||||
</div>
|
</div> */}
|
||||||
|
<p className="text-xl mb-4 text-primary font-medium">{outcome.category}</p>
|
||||||
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
||||||
<p className="text-small text-primary font-medium">{outcome.category}</p>
|
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -711,7 +711,7 @@ export function ManagementDevelopment() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Framework Effectiveness */}
|
{/* Framework Effectiveness */}
|
||||||
<div className="bg-gray-50 rounded-xl p-8">
|
{/* <div className="bg-gray-50 rounded-xl p-8">
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||||
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
<p className="text-body text-[#6F6F6F] max-w-2xl mx-auto">
|
||||||
@@ -744,7 +744,7 @@ export function ManagementDevelopment() {
|
|||||||
<p className="text-body text-[#6F6F6F]">Employee Engagement Growth</p>
|
<p className="text-body text-[#6F6F6F]">Employee Engagement Growth</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -856,11 +856,11 @@ export function ManagementDevelopment() {
|
|||||||
>
|
>
|
||||||
<outcome.icon className="w-8 h-8 text-white" />
|
<outcome.icon className="w-8 h-8 text-white" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
{/* <div className="text-5xl font-medium mb-4" style={{ color: 'var(--color-primary)' }}>
|
||||||
{outcome.metric}
|
{outcome.metric}
|
||||||
</div>
|
</div> */}
|
||||||
|
<p className="text-xl mb-4 text-primary font-medium">{outcome.category}</p>
|
||||||
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
<p className="text-body text-muted mb-2">{outcome.description}</p>
|
||||||
<p className="text-small text-primary font-medium">{outcome.category}</p>
|
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
|
|||||||
3
src/imports/svg-kw7r0ellyk.ts
Normal file
3
src/imports/svg-kw7r0ellyk.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
p2c1c9a80: "M8 3.33398L12.6667 8.00065L8 12.6673",
|
||||||
|
}
|
||||||
@@ -82,9 +82,9 @@ const HomePage: React.FC = () => {
|
|||||||
<VirtualSpaceSection />
|
<VirtualSpaceSection />
|
||||||
</div>
|
</div>
|
||||||
<TestimonialsSection />
|
<TestimonialsSection />
|
||||||
<UpcomingWebinarsSection />
|
{/* <UpcomingWebinarsSection /> */}
|
||||||
<InsightsSection />
|
<InsightsSection />
|
||||||
<WhitepapersSection />
|
{/* <WhitepapersSection /> */}
|
||||||
<CTABannerSection />
|
<CTABannerSection />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user