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 { motion } from 'motion/react';
|
||||
import {
|
||||
Target,
|
||||
Users,
|
||||
Globe,
|
||||
Lightbulb,
|
||||
import {
|
||||
Target,
|
||||
Users,
|
||||
Globe,
|
||||
Lightbulb,
|
||||
ArrowRight,
|
||||
CheckCircle,
|
||||
Star,
|
||||
@@ -27,6 +27,14 @@ import { TestimonialsSection } from './TestimonialsSection';
|
||||
import { TeamMemberModal } from './TeamMemberModal';
|
||||
import { navigateTo } from './Router';
|
||||
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
|
||||
const leadershipOrientations = [
|
||||
@@ -80,126 +88,190 @@ const teamMembers = [
|
||||
{
|
||||
name: 'Mr. K Ramkumar',
|
||||
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',
|
||||
experience: 'Over 25 years of leadership experience in building and scaling organizations.',
|
||||
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.',
|
||||
expertise: ['Strategic Leadership', 'Organizational Development', 'Executive Coaching', 'Business Strategy', 'Leadership Assessment'],
|
||||
education: 'MBA in Strategic Management and Bachelor\'s degree in Engineering',
|
||||
achievements: [
|
||||
'Founded and scaled Kautilya Leadership Centre to become a leading institution',
|
||||
'Developed proprietary leadership assessment and development frameworks',
|
||||
'Successfully coached over 200 senior executives across industries',
|
||||
'Built strategic partnerships with leading business schools and consulting firms'
|
||||
image: Ramkumar,
|
||||
experience: 'Over 40 years of experience in HR, Business, and Leadership Development.',
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
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.`,
|
||||
expertise: [
|
||||
'Leadership Development',
|
||||
'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.',
|
||||
boardRoles: 'Serves as an advisor to multiple startups and family businesses. Active member of leadership development forums and industry associations.'
|
||||
education: 'Graduate in Science; further leadership and management exposure through senior executive roles.',
|
||||
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',
|
||||
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',
|
||||
experience: 'Two decades of experience in leadership development and organizational transformation.',
|
||||
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.',
|
||||
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',
|
||||
achievements: [
|
||||
'Designed leadership programs for over 50 organizations',
|
||||
'Certified in multiple leadership assessment tools',
|
||||
'Published research on cross-cultural leadership effectiveness',
|
||||
'Trained over 1000 leaders across Asia-Pacific region'
|
||||
image: Muralidharan,
|
||||
experience: 'Over 33 years in Banking, Financial Services, and Leadership roles.',
|
||||
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.
|
||||
|
||||
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.`,
|
||||
expertise: [
|
||||
'Banking & Financial Services',
|
||||
'Transformational Projects',
|
||||
'Customer Experience',
|
||||
'Leadership Development',
|
||||
'Strategy & Operations'
|
||||
],
|
||||
clientWork: 'Extensive experience with multinational corporations, government organizations, and NGOs across India, Southeast Asia, and the Middle East.',
|
||||
boardRoles: 'Member of leadership development councils and advisory committees for business schools and professional associations.'
|
||||
education: 'B.Sc. (Mathematics, Statistics, Physics), M.A. in Economics (Gold Medallist), Executive Education at Wharton & Stanford GSB.',
|
||||
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',
|
||||
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',
|
||||
experience: 'Founding member with over two-and-a-half decades of experience in leadership development and organizational consulting.',
|
||||
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.',
|
||||
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',
|
||||
achievements: [
|
||||
'Co-founded and built Kautilya Leadership Centre from inception',
|
||||
'Developed proprietary psychometric tools and assessment frameworks',
|
||||
'Created comprehensive knowledge management systems',
|
||||
'Successfully engaged with Fortune 500 companies across multiple industries',
|
||||
'Certified in multiple global assessment tools (MBTI, OPQ, BSC)',
|
||||
'Built leadership development programs for over 100 organizations'
|
||||
image: Aparna,
|
||||
experience: 'Over 25 years in leadership consulting, HR, and organizational development.',
|
||||
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.
|
||||
|
||||
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.`,
|
||||
expertise: [
|
||||
'Leadership Consulting',
|
||||
'Psychometric Tools (MBTI, OPQ)',
|
||||
'Culture & Strategy Alignment',
|
||||
'Performance Management',
|
||||
'HR Mentorship'
|
||||
],
|
||||
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.',
|
||||
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.'
|
||||
education: 'MBA in Marketing, Bachelor’s in Commerce; Accredited facilitator from SMR, Malaysia.',
|
||||
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',
|
||||
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',
|
||||
experience: 'Over 22 years in corporate leadership and human capital development.',
|
||||
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.',
|
||||
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',
|
||||
achievements: [
|
||||
'Led major organizational transformation initiatives',
|
||||
'Developed leadership pipeline programs for multiple corporations',
|
||||
'Successfully coached over 150 senior leaders',
|
||||
'Implemented succession planning frameworks for Fortune 500 companies'
|
||||
image: Swaminathan,
|
||||
experience: 'Over 31 years in BFSI and office automation; 26 years in leadership at Kotak Group.',
|
||||
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.
|
||||
|
||||
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.`,
|
||||
expertise: [
|
||||
'Banking & Financial Services',
|
||||
'P&L Management',
|
||||
'Change Management',
|
||||
'Leadership Pipeline Development',
|
||||
'Business Strategy'
|
||||
],
|
||||
clientWork: 'Has worked with leading corporations in technology, manufacturing, and services sectors, focusing on leadership development and organizational transformation.',
|
||||
boardRoles: 'Advisor to several corporate boards on leadership and human capital matters.'
|
||||
education: 'PGDBM (Finance & Marketing), Gujarat University; Bachelor of Commerce; Senior Management programs at IIM Ahmedabad, IIM Bangalore, ISB Hyderabad.',
|
||||
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',
|
||||
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',
|
||||
experience: 'Two decades of experience in leadership coaching and executive development.',
|
||||
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.',
|
||||
expertise: ['Executive Coaching', 'Leadership Transitions', 'Behavioral Psychology', 'Emotional Intelligence', 'Leadership Effectiveness'],
|
||||
education: 'Master\'s in Psychology and Bachelor\'s degree in Engineering',
|
||||
achievements: [
|
||||
'Coached over 200 C-suite executives',
|
||||
'Developed leadership transition programs',
|
||||
'Certified executive coach with international credentials',
|
||||
'Successfully facilitated leadership team effectiveness initiatives'
|
||||
image: Balaji,
|
||||
experience: '25+ years across Sales, HR Consulting, and HR leadership in India and SE Asia.',
|
||||
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.
|
||||
|
||||
Earlier, he worked in consulting with top Indian firms and began his HR journey with NIS Sparta after regional sales roles at Sandvik Asia.`,
|
||||
expertise: [
|
||||
'HR Leadership & Consulting',
|
||||
'Organization Design',
|
||||
'Succession Management',
|
||||
'Change Management',
|
||||
'Leadership Hiring'
|
||||
],
|
||||
clientWork: 'Extensive experience with technology companies, financial services, and healthcare organizations, focusing on executive coaching and leadership team development.',
|
||||
boardRoles: 'Advisory positions with technology startups and scale-up companies.'
|
||||
education: 'Bachelor’s in Engineering, Master’s in HR, Postgraduate in Management; Chartered Fellow of CIPD.',
|
||||
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',
|
||||
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',
|
||||
experience: 'Over 18 years in organizational consulting and leadership development across multiple industries.',
|
||||
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.',
|
||||
expertise: ['Organizational Consulting', 'Leadership Assessment', 'Program Design', 'Family Business Dynamics', 'Strategic Alignment'],
|
||||
education: 'Master\'s in Organizational Development and Bachelor\'s degree in Commerce',
|
||||
achievements: [
|
||||
'Designed leadership programs for over 60 organizations',
|
||||
'Specialized expertise in family business leadership dynamics',
|
||||
'Developed assessment frameworks for leadership potential',
|
||||
'Facilitated leadership alignment initiatives for complex organizations'
|
||||
image: Ramesh,
|
||||
experience: '30+ years in BFSI, with leadership roles at ICICI Bank, Dhanlaxmi Bank, and ADCB India.',
|
||||
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.
|
||||
|
||||
He has consistently worked on capability building and leadership development alongside business roles.`,
|
||||
expertise: [
|
||||
'Banking & Financial Services',
|
||||
'Leadership Development',
|
||||
'Capability Building',
|
||||
'Operations & Process Design',
|
||||
'Retail & Corporate Banking'
|
||||
],
|
||||
clientWork: 'Significant experience with family businesses, professionally managed companies, and emerging organizations across manufacturing, services, and technology sectors.',
|
||||
boardRoles: 'Serves on advisory boards of family businesses and consulting organizations.'
|
||||
education: 'Bachelor’s in Commerce; senior leadership roles provided extensive global exposure.',
|
||||
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',
|
||||
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',
|
||||
experience: 'Over 15 years in leadership development with a focus on women leaders and diversity 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.',
|
||||
expertise: ['Women Leadership Development', 'Diversity & Inclusion', 'Inclusive Leadership', 'Mentoring Programs', 'Culture Transformation'],
|
||||
education: 'Master\'s in Human Resources and Bachelor\'s degree in Psychology',
|
||||
achievements: [
|
||||
'Pioneered women leadership development programs',
|
||||
'Developed diversity and inclusion frameworks for major corporations',
|
||||
'Mentored over 100 women leaders across industries',
|
||||
'Created inclusive leadership assessment tools'
|
||||
image: Diju,
|
||||
experience: '15+ years in leadership development, banking, and people-centric initiatives.',
|
||||
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.
|
||||
|
||||
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.`,
|
||||
expertise: [
|
||||
'Leadership Program Design',
|
||||
'Customer Experience',
|
||||
'Operational Excellence',
|
||||
'Women Leadership & Diversity',
|
||||
'Project Management'
|
||||
],
|
||||
clientWork: 'Extensive work with corporations seeking to build diverse leadership pipelines, particularly in technology, healthcare, and financial services sectors.',
|
||||
boardRoles: 'Active member of women leadership forums and diversity councils in corporate and non-profit sectors.'
|
||||
education: 'B.Com (Honours), Delhi University; MBA (Finance & Marketing), Symbiosis Institute of Management Studies.',
|
||||
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() {
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
const [expandedValue, setExpandedValue] = useState<string | null>('context');
|
||||
@@ -232,27 +304,27 @@ export function AboutUs() {
|
||||
|
||||
useEffect(() => {
|
||||
setIsVisible(true);
|
||||
|
||||
|
||||
// Timeline fill animation on scroll
|
||||
const handleScroll = () => {
|
||||
const timelineSection = document.querySelector('#timeline-fill-line');
|
||||
const timelineContainer = timelineSection?.parentElement;
|
||||
|
||||
|
||||
if (!timelineSection || !timelineContainer) return;
|
||||
|
||||
|
||||
const rect = timelineContainer.getBoundingClientRect();
|
||||
const windowHeight = window.innerHeight;
|
||||
|
||||
|
||||
// Calculate how much of the timeline is visible
|
||||
const sectionTop = rect.top;
|
||||
const sectionHeight = rect.height;
|
||||
const visibleTop = Math.max(0, windowHeight - sectionTop);
|
||||
const visibleHeight = Math.min(visibleTop, sectionHeight);
|
||||
const scrollProgress = Math.max(0, Math.min(1, visibleHeight / sectionHeight));
|
||||
|
||||
|
||||
// Calculate the exact position to end at Phase 3 dot
|
||||
const maxFillHeight = 'calc(100% - 1rem)'; // Match the background line limit
|
||||
|
||||
|
||||
// Apply progressive fill that respects the maximum height constraint
|
||||
if (scrollProgress >= 0.9) {
|
||||
// When nearly complete, set to exact end position
|
||||
@@ -265,10 +337,10 @@ export function AboutUs() {
|
||||
|
||||
// Add scroll listener
|
||||
window.addEventListener('scroll', handleScroll);
|
||||
|
||||
|
||||
// Initial call to set the initial state
|
||||
handleScroll();
|
||||
|
||||
|
||||
// Cleanup
|
||||
return () => {
|
||||
window.removeEventListener('scroll', handleScroll);
|
||||
@@ -283,7 +355,7 @@ export function AboutUs() {
|
||||
<div
|
||||
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
||||
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>
|
||||
@@ -339,7 +411,7 @@ export function AboutUs() {
|
||||
className="text-center"
|
||||
>
|
||||
<BrandedTag text="Our Promise" />
|
||||
<h2 className="text-h1 mb-8" style={{
|
||||
<h2 className="text-h1 mb-8" style={{
|
||||
fontSize: 'clamp(2.5rem, 5vw, 4rem)',
|
||||
lineHeight: '1.1',
|
||||
color: 'var(--color-black)'
|
||||
@@ -376,7 +448,7 @@ export function AboutUs() {
|
||||
className="bg-white p-8 rounded-2xl shadow-lg border border-gray-100"
|
||||
>
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
<div
|
||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||
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"
|
||||
>
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
<div
|
||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||
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"
|
||||
>
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
<div
|
||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||
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"
|
||||
>
|
||||
<div className="flex items-start gap-4">
|
||||
<div
|
||||
<div
|
||||
className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||
>
|
||||
@@ -483,22 +555,22 @@ export function AboutUs() {
|
||||
<span className="text">Who we are</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Right Side - Main Heading */}
|
||||
<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)',
|
||||
lineHeight: '1.1',
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* 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">
|
||||
<motion.div
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.1 }}
|
||||
@@ -517,8 +589,8 @@ export function AboutUs() {
|
||||
<span style={{ color: 'var(--color-black)', fontWeight: '500' }}>CORPORATES</span>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
@@ -537,8 +609,8 @@ export function AboutUs() {
|
||||
<span style={{ color: 'var(--color-black)', fontWeight: '500' }}>LEADERS</span>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.3 }}
|
||||
@@ -558,7 +630,7 @@ export function AboutUs() {
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
{/* 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="opacity-0 group-hover:opacity-100 transition-opacity duration-300">
|
||||
<div
|
||||
<div
|
||||
className="px-4 py-2 rounded-lg text-white text-small"
|
||||
style={{
|
||||
backgroundColor: '#04045B',
|
||||
@@ -643,7 +715,7 @@ export function AboutUs() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="space-y-2">
|
||||
<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">
|
||||
@@ -675,16 +747,16 @@ export function AboutUs() {
|
||||
{/* Vertical Timeline Container */}
|
||||
<div className="relative max-w-6xl mx-auto">
|
||||
{/* Vertical Line Background - Gray - Ends exactly at Phase 3 dot */}
|
||||
<div
|
||||
<div
|
||||
className="absolute left-4 top-0 w-0.5 bg-gray-300"
|
||||
style={{
|
||||
height: 'calc(100% - 1rem)', // Adjusted to end exactly at Phase 3 dot
|
||||
zIndex: 1
|
||||
}}
|
||||
></div>
|
||||
|
||||
|
||||
{/* Vertical Line Fill - Blue - Animated on Scroll - Ends exactly at Phase 3 dot */}
|
||||
<div
|
||||
<div
|
||||
id="timeline-fill-line"
|
||||
className="absolute left-4 top-0 w-0.5 transition-all duration-1000 ease-out"
|
||||
style={{
|
||||
@@ -699,13 +771,13 @@ export function AboutUs() {
|
||||
<div className="relative pb-20">
|
||||
<div className="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
||||
{/* 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"
|
||||
style={{
|
||||
borderColor: 'var(--color-primary)',
|
||||
}}
|
||||
></div>
|
||||
|
||||
|
||||
{/* Column 1: Phase Label */}
|
||||
<div className="lg:col-span-2">
|
||||
<div className="branded-tag-system">
|
||||
@@ -713,7 +785,7 @@ export function AboutUs() {
|
||||
<span className="text">Phase 1</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Column 2: Main Heading */}
|
||||
<div className="lg:col-span-3">
|
||||
<motion.div
|
||||
@@ -725,7 +797,7 @@ export function AboutUs() {
|
||||
<h3 className="text-h3">Understanding & Assessment</h3>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Column 3: Content - Description and Bullet Points */}
|
||||
<div className="lg:col-span-7">
|
||||
<motion.div
|
||||
@@ -740,7 +812,7 @@ export function AboutUs() {
|
||||
|
||||
<div className="mb-8">
|
||||
<h4 className="text-h4 mb-4">Key Focus Areas:</h4>
|
||||
|
||||
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
@@ -753,7 +825,7 @@ export function AboutUs() {
|
||||
Leadership orientations (typical behaviors) assessment.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
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.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
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="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
||||
{/* 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"
|
||||
style={{
|
||||
borderColor: 'var(--color-primary)',
|
||||
}}
|
||||
></div>
|
||||
|
||||
|
||||
{/* Column 1: Phase Label */}
|
||||
<div className="lg:col-span-2">
|
||||
<div className="branded-tag-system">
|
||||
@@ -802,7 +874,7 @@ export function AboutUs() {
|
||||
<span className="text">Phase 2</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Column 2: Main Heading */}
|
||||
<div className="lg:col-span-3">
|
||||
<motion.div
|
||||
@@ -814,7 +886,7 @@ export function AboutUs() {
|
||||
<h3 className="text-h3">Development & Practice</h3>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Column 3: Content - Description and Bullet Points */}
|
||||
<div className="lg:col-span-7">
|
||||
<motion.div
|
||||
@@ -826,14 +898,14 @@ export function AboutUs() {
|
||||
<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.
|
||||
</p>
|
||||
|
||||
|
||||
<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.
|
||||
</p>
|
||||
|
||||
<div className="mb-8">
|
||||
<h4 className="text-h4 mb-4">Development Process:</h4>
|
||||
|
||||
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
@@ -846,7 +918,7 @@ export function AboutUs() {
|
||||
Self-awareness and insight facilitation.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
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.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
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="grid lg:grid-cols-12 gap-8 lg:gap-12 pl-12">
|
||||
{/* 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"
|
||||
style={{
|
||||
borderColor: 'var(--color-primary)',
|
||||
}}
|
||||
></div>
|
||||
|
||||
|
||||
{/* Column 1: Phase Label */}
|
||||
<div className="lg:col-span-2">
|
||||
<div className="branded-tag-system">
|
||||
@@ -895,7 +967,7 @@ export function AboutUs() {
|
||||
<span className="text">Phase 3</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Column 2: Main Heading */}
|
||||
<div className="lg:col-span-3">
|
||||
<motion.div
|
||||
@@ -907,7 +979,7 @@ export function AboutUs() {
|
||||
<h3 className="text-h3">Implementation & Mastery</h3>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Column 3: Content - Description and Bullet Points */}
|
||||
<div className="lg:col-span-7">
|
||||
<motion.div
|
||||
@@ -922,7 +994,7 @@ export function AboutUs() {
|
||||
|
||||
<div className="mb-8">
|
||||
<h4 className="text-h4 mb-4">Mastery Framework:</h4>
|
||||
|
||||
|
||||
<div className="space-y-3 mb-8">
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
@@ -935,7 +1007,7 @@ export function AboutUs() {
|
||||
Orientation Toning process implementation.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
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.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-start gap-3">
|
||||
<div
|
||||
className="w-1.5 h-1.5 rounded-full mt-2 flex-shrink-0"
|
||||
@@ -960,70 +1032,138 @@ export function AboutUs() {
|
||||
</span>
|
||||
</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>
|
||||
</motion.div>
|
||||
</div>
|
||||
</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>
|
||||
{/* Our Philosophy - Full Width Figma Design */}
|
||||
<div className="relative pb-20">
|
||||
{/* Phase dot positioned absolutely */}
|
||||
<div
|
||||
className="absolute left-3 top-1 w-2.5 h-2.5 rounded-full bg-white border-2 z-10"
|
||||
style={{
|
||||
borderColor: 'var(--color-primary)',
|
||||
}}
|
||||
></div>
|
||||
|
||||
<div className="pl-12">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
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>
|
||||
</section>
|
||||
@@ -1031,7 +1171,7 @@ export function AboutUs() {
|
||||
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<TestimonialsSection
|
||||
<TestimonialsSection
|
||||
title="What Our Clients Say About Us"
|
||||
subtitle="Hear from leaders who have transformed their approach through our comprehensive leadership development programs."
|
||||
tagText="Client Success Stories"
|
||||
@@ -1041,7 +1181,7 @@ export function AboutUs() {
|
||||
<CTABannerSection />
|
||||
|
||||
{/* Team Member Modal */}
|
||||
<TeamMemberModal
|
||||
<TeamMemberModal
|
||||
member={selectedMember}
|
||||
isOpen={isModalOpen}
|
||||
onClose={handleCloseModal}
|
||||
|
||||
@@ -717,7 +717,7 @@ export function KautilyaFacility() {
|
||||
</div>
|
||||
|
||||
{/* 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">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Facility Excellence Metrics</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -862,11 +862,13 @@ export function KautilyaFacility() {
|
||||
>
|
||||
<outcome.icon className="w-8 h-8 text-white" />
|
||||
</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}
|
||||
</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-small text-primary font-medium">{outcome.category}</p>
|
||||
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,27 +1,35 @@
|
||||
import React from 'react';
|
||||
import imgImage36 from "figma:asset/6bdf8056f51bbdc6dd9dab9044a6579a254bd02c.png";
|
||||
import imgImage39 from "figma:asset/037c4659b7b0bf15b1dfdcd4868cb42e8257e838.png";
|
||||
import imgImage43 from "figma:asset/c57ec1f4466f68e607139a3cd6d52f7e2f372408.png";
|
||||
import imgImage45 from "figma:asset/4833274f0a593cd31fdefe553b70bb016de281af.png";
|
||||
import imgImage38 from "figma:asset/d5bab6ea4f3d8cef3b0425c45cfee7faea19fdbc.png";
|
||||
import imgImage47 from "figma:asset/e8fad960112d5eba554c3969d08891ebe4d4b9c7.png";
|
||||
import accenture from "../assets/accenture.svg";
|
||||
import adani from "../assets/adani-logo.svg";
|
||||
import axis from "../assets/axis-bank.svg";
|
||||
import ceat from "../assets/ceat-logo.svg";
|
||||
import hsbc from "../assets/hsbc.svg";
|
||||
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";
|
||||
|
||||
// Logo data using Frame1597884944 logos with proper dimensions
|
||||
const logoData = [
|
||||
{ src: imgImage36, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR
|
||||
{ src: imgImage45, name: 'BlackRock', width: 210, height: 54 }, // BlackRock
|
||||
{ src: imgImage38, name: 'Royal London', width: 145, height: 54 }, // Royal London
|
||||
{ src: imgImage39, name: 'Abstract', width: 172, height: 54 }, // Abstract
|
||||
{ src: imgImage47, name: 'ARES', width: 163, height: 54 }, // ARES
|
||||
{ src: imgImage43, name: 'KADANS', width: 206, height: 54 }, // KADANS
|
||||
{ src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR
|
||||
{ src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock
|
||||
{ src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London
|
||||
{ src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract
|
||||
{ src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES
|
||||
{ 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
|
||||
{ src: imgImage36, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat)
|
||||
{ src: imgImage45, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat)
|
||||
{ src: imgImage38, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat)
|
||||
{ src: imgImage39, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat)
|
||||
{ src: imgImage47, name: 'ARES', width: 163, height: 54 }, // ARES (repeat)
|
||||
{ src: imgImage43, name: 'KADANS', width: 206, height: 54 }, // KADANS (repeat)
|
||||
{ src: accenture, name: 'CANMOOR', width: 302, height: 54 }, // CANMOOR (repeat)
|
||||
{ src: ceat, name: 'BlackRock', width: 210, height: 54 }, // BlackRock (repeat)
|
||||
{ src: hsbc, name: 'Royal London', width: 145, height: 54 }, // Royal London (repeat)
|
||||
{ src: adani, name: 'Abstract', width: 172, height: 54 }, // Abstract (repeat)
|
||||
{ src: larsen, name: 'ARES', width: 163, height: 54 }, // ARES (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
|
||||
@@ -40,7 +48,7 @@ function LogoItem({ logo, index, duplicate = false }: LogoItemProps) {
|
||||
// Scale down larger logos while maintaining aspect ratio
|
||||
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
|
||||
|
||||
|
||||
return (
|
||||
<div
|
||||
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() {
|
||||
return (
|
||||
<section
|
||||
<section
|
||||
className="py-16 overflow-hidden"
|
||||
style={{
|
||||
style={{
|
||||
backgroundColor: '#F7F7FD', // Same as app background
|
||||
width: '100%',
|
||||
}}
|
||||
@@ -83,21 +91,21 @@ export function LogosSection() {
|
||||
</div>
|
||||
|
||||
{/* Logo Ticker - Two Rows */}
|
||||
<div
|
||||
<div
|
||||
className="w-full relative"
|
||||
role="region"
|
||||
aria-label="Client logos showcase"
|
||||
>
|
||||
{/* Top Row - Scrolling Left to Right */}
|
||||
<div
|
||||
<div
|
||||
className="relative h-[54px] mb-16 overflow-hidden"
|
||||
role="list"
|
||||
aria-label="Client logos row 1"
|
||||
>
|
||||
<div className="flex items-center h-full will-change-transform">
|
||||
<div
|
||||
className="scroll-left flex items-center h-full"
|
||||
style={{
|
||||
<div
|
||||
className="scroll-left flex items-center h-full"
|
||||
style={{
|
||||
width: '400%',
|
||||
gap: '80px',
|
||||
paddingLeft: '40px',
|
||||
@@ -106,17 +114,17 @@ export function LogosSection() {
|
||||
>
|
||||
{/* Create multiple sets for seamless infinite scroll */}
|
||||
{[1, 2, 3, 4].map((setNumber) => (
|
||||
<div
|
||||
key={`top-set-${setNumber}`}
|
||||
<div
|
||||
key={`top-set-${setNumber}`}
|
||||
className="flex items-center h-full"
|
||||
style={{ gap: '80px' }}
|
||||
>
|
||||
{topRowLogos.map((logo, index) => (
|
||||
<LogoItem
|
||||
key={`top-${setNumber}-${index}`}
|
||||
logo={logo}
|
||||
index={index}
|
||||
duplicate={setNumber > 1}
|
||||
<LogoItem
|
||||
key={`top-${setNumber}-${index}`}
|
||||
logo={logo}
|
||||
index={index}
|
||||
duplicate={setNumber > 1}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
@@ -124,17 +132,17 @@ export function LogosSection() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Bottom Row - Scrolling Right to Left */}
|
||||
<div
|
||||
<div
|
||||
className="relative h-[54px] overflow-hidden"
|
||||
role="list"
|
||||
aria-label="Client logos row 2"
|
||||
>
|
||||
<div className="flex items-center h-full will-change-transform">
|
||||
<div
|
||||
className="scroll-right flex items-center h-full"
|
||||
style={{
|
||||
<div
|
||||
className="scroll-right flex items-center h-full"
|
||||
style={{
|
||||
width: '400%',
|
||||
gap: '80px',
|
||||
paddingLeft: '40px',
|
||||
@@ -143,17 +151,17 @@ export function LogosSection() {
|
||||
>
|
||||
{/* Create multiple sets for seamless infinite scroll */}
|
||||
{[1, 2, 3, 4].map((setNumber) => (
|
||||
<div
|
||||
key={`bottom-set-${setNumber}`}
|
||||
<div
|
||||
key={`bottom-set-${setNumber}`}
|
||||
className="flex items-center h-full"
|
||||
style={{ gap: '80px' }}
|
||||
>
|
||||
{bottomRowLogos.map((logo, index) => (
|
||||
<LogoItem
|
||||
key={`bottom-${setNumber}-${index}`}
|
||||
logo={logo}
|
||||
index={index}
|
||||
duplicate={setNumber > 1}
|
||||
<LogoItem
|
||||
key={`bottom-${setNumber}-${index}`}
|
||||
logo={logo}
|
||||
index={index}
|
||||
duplicate={setNumber > 1}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { motion } from 'motion/react';
|
||||
import {
|
||||
Users,
|
||||
Target,
|
||||
TrendingUp,
|
||||
BookOpen,
|
||||
import {
|
||||
Users,
|
||||
Target,
|
||||
TrendingUp,
|
||||
BookOpen,
|
||||
MessageCircle,
|
||||
CheckCircle,
|
||||
Download,
|
||||
@@ -16,14 +16,11 @@ import {
|
||||
UserCheck,
|
||||
ClipboardCheck,
|
||||
Users2,
|
||||
Briefcase,
|
||||
ArrowLeft
|
||||
Briefcase
|
||||
} from 'lucide-react';
|
||||
import { BrandedTag } from './about/BrandedTag';
|
||||
import { PrimaryCTAButton } from './PrimaryCTAButton';
|
||||
import { CTABannerSection } from './CTABannerSection';
|
||||
import PrimaryCTAButton from './PrimaryCTAButton';
|
||||
import { navigateTo } from './Router';
|
||||
import { Button } from './ui/button';
|
||||
import { CTABannerSection } from './CTABannerSection';
|
||||
|
||||
export function Services() {
|
||||
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.',
|
||||
ctaText: 'Learn More',
|
||||
downloadTitle: 'Case Study: Leadership Assessment & Succession Planning in a Top NBFC',
|
||||
route: '/services/leadership-pipeline-development'
|
||||
route: '/contact'
|
||||
},
|
||||
{
|
||||
id: 'management-development',
|
||||
@@ -112,48 +109,48 @@ export function Services() {
|
||||
{/* Hero Section */}
|
||||
<section className="relative min-h-[85vh] flex flex-col">
|
||||
<div className="absolute inset-0 z-0">
|
||||
<div
|
||||
<div
|
||||
className="w-full h-full bg-cover bg-center bg-no-repeat"
|
||||
style={{
|
||||
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 className="relative z-10 flex-1 flex items-center">
|
||||
<div className="w-full section-margin-x">
|
||||
<div className="max-w-6xl">
|
||||
{/* Back Navigation */}
|
||||
{/* <div className="mb-8">
|
||||
<Button
|
||||
variant="ghost"
|
||||
onClick={() => navigateTo('/services')}
|
||||
className="text-white hover:text-white hover:bg-white/10 p-2 -ml-2"
|
||||
>
|
||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||
Back to Services
|
||||
</Button>
|
||||
</div> */}
|
||||
|
||||
<div className="mb-8">
|
||||
<h1 className="text-h1-white">
|
||||
Building Leaders, Driving Impact
|
||||
<div className="relative z-10 flex-1 flex items-left">
|
||||
<div className="container mx-auto section-margin-x">
|
||||
<div className="text-center max-w-6xl mx-auto">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={{ opacity: isVisible ? 1 : 0, y: isVisible ? 0 : 30 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
>
|
||||
<div className="branded-tag-system-white mb-8 justify-center">
|
||||
<div className="dot"></div>
|
||||
<span className="text">Our Services</span>
|
||||
</div>
|
||||
|
||||
<h1 className="text-h1-white mb-6 text-left">
|
||||
Building Leadership Capacity<br />
|
||||
That Drives Results
|
||||
</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">
|
||||
<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>
|
||||
</p>
|
||||
|
||||
<div className="flex justify-start">
|
||||
<PrimaryCTAButton
|
||||
text="Talk to Us"
|
||||
onClick={() => navigateTo('/contact?topic=management-development')}
|
||||
ariaLabel="Talk to us about management development"
|
||||
className="primary-cta-button-blue cta-text-white"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex justify-left">
|
||||
<PrimaryCTAButton
|
||||
text="Explore Our Approach"
|
||||
onClick={() => navigateTo('/contact')}
|
||||
ariaLabel="Contact us to explore our services approach"
|
||||
className="cta-text-white"
|
||||
/>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -163,9 +160,9 @@ export function Services() {
|
||||
<section className="py-20 lg:py-28" style={{ backgroundColor: '#FFFFFF' }}>
|
||||
<div className="section-margin-x">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
|
||||
|
||||
{/* Services Grid */}
|
||||
<div className="space-y-24">
|
||||
<div className="space-y-40">
|
||||
{services.map((service, index) => (
|
||||
<motion.div
|
||||
key={service.id}
|
||||
@@ -175,78 +172,137 @@ export function Services() {
|
||||
viewport={{ once: true }}
|
||||
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 */}
|
||||
<div className={`lg:col-span-7 ${index % 2 === 1 ? 'lg:col-start-6 lg:order-2' : 'lg:col-start-1 lg:order-1'
|
||||
}`}>
|
||||
{/* Icon and Title - Side by Side */}
|
||||
<div className="flex items-start gap-4 mb-6">
|
||||
<div
|
||||
className="w-16 h-16 rounded-xl flex items-center justify-center flex-shrink-0"
|
||||
<div className="relative pr-0 lg:pr-[520px]">
|
||||
{/* Icon and Title - Single Line (Figma Layout) */}
|
||||
<div className="flex items-center gap-[15.5px] mb-8">
|
||||
<div
|
||||
className="w-16 h-16 rounded-[14px] flex items-center justify-center flex-shrink-0"
|
||||
style={{ backgroundColor: 'var(--color-primary)' }}
|
||||
>
|
||||
<service.icon className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
|
||||
<h2 className="text-h2 leading-tight">{service.title}</h2>
|
||||
<h2 className="text-h2 leading-[57.6px] tracking-[-0.48px]" style={{ fontSize: '48px' }}>{service.title}</h2>
|
||||
</div>
|
||||
|
||||
{/* Description */}
|
||||
<p className="text-body-lg text-muted mb-8 leading-relaxed">
|
||||
{service.description}
|
||||
|
||||
{/* Brief Overview */}
|
||||
<p className="text-body-lg text-muted leading-relaxed mb-8">
|
||||
{service.description.split('.')[0]}.
|
||||
</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 */}
|
||||
<div className="mb-8 primary-cta-container-left cta-left-locked">
|
||||
<div className="primary-cta-container-left cta-left-locked">
|
||||
<PrimaryCTAButton
|
||||
text={service.ctaText}
|
||||
text="Explore This Service"
|
||||
onClick={() => navigateTo(service.route)}
|
||||
ariaLabel={`Contact us about ${service.title}`}
|
||||
ariaLabel={`Learn more about ${service.title}`}
|
||||
className="cta-text-black"
|
||||
/>
|
||||
</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>
|
||||
|
||||
{/* Image Section */}
|
||||
<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="relative">
|
||||
<div
|
||||
className="w-full aspect-[4/3] rounded-2xl bg-cover bg-center bg-no-repeat"
|
||||
style={{
|
||||
backgroundImage: `url('https://images.unsplash.com/photo-${index === 0 ? '1522071820-d3ca7b99e0dd' : // leadership team
|
||||
index === 1 ? '1551836022-d5d88e9218df' : // assessment/analytics
|
||||
index === 2 ? '1600880292203-757bb62b4baf' : // management meeting
|
||||
index === 3 ? '1552664730-d307ca884978' : // culture/team
|
||||
index === 4 ? '1573496359142-b8d87734a5a2' : // coaching
|
||||
'1582213782179-e0d53f98f2ca' // leadership campus/facility
|
||||
}?w=800&h=600&fit=crop')`
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-primary/20 to-transparent rounded-2xl"></div>
|
||||
</div>
|
||||
{/* Image Section - Positioned at Bottom Right (Figma Design) */}
|
||||
<div className="absolute bottom-0 right-0 w-[496px] h-[479px] hidden lg:block overflow-hidden rounded-[16px]">
|
||||
<div
|
||||
className="absolute h-[479px] left-[-71px] top-0 w-[639px] rounded-[16px] bg-cover bg-center bg-no-repeat"
|
||||
style={{
|
||||
backgroundImage: `url('https://images.unsplash.com/photo-${
|
||||
index === 0 ? '1522071820-d3ca7b99e0dd' : // leadership team
|
||||
index === 1 ? '1551836022-d5d88e9218df' : // assessment/analytics
|
||||
index === 2 ? '1600880292203-757bb62b4baf' : // management meeting
|
||||
index === 3 ? '1552664730-d307ca884978' : // culture/team
|
||||
index === 4 ? '1573496359142-b8d87734a5a2' : // coaching
|
||||
'1582213782179-e0d53f98f2ca' // leadership campus/facility
|
||||
}?w=800&h=600&fit=crop')`
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-primary/20 to-transparent rounded-[16px]"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -273,13 +329,13 @@ export function Services() {
|
||||
<div className="dot"></div>
|
||||
<span className="text">Case Studies</span>
|
||||
</div>
|
||||
|
||||
|
||||
<h2 className="text-h2 mb-6">
|
||||
Real Impact, Real Results
|
||||
</h2>
|
||||
|
||||
|
||||
<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.
|
||||
</p>
|
||||
</motion.div>
|
||||
@@ -293,19 +349,19 @@ export function Services() {
|
||||
transition={{ duration: 0.6, delay: index * 0.1 }}
|
||||
viewport={{ once: true }}
|
||||
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">
|
||||
<Award className="w-6 h-6 text-primary" />
|
||||
</div>
|
||||
|
||||
|
||||
<h3 className="text-h4 mb-3">{caseStudy.title}</h3>
|
||||
|
||||
|
||||
<p className="text-small text-muted mb-4">
|
||||
{caseStudy.description}
|
||||
</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"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
|
||||
@@ -712,7 +712,7 @@ export function CultureCompetence() {
|
||||
</div>
|
||||
|
||||
{/* 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">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -857,11 +857,13 @@ export function CultureCompetence() {
|
||||
>
|
||||
<outcome.icon className="w-8 h-8 text-white" />
|
||||
</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}
|
||||
</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-small text-primary font-medium">{outcome.category}</p>
|
||||
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
|
||||
@@ -717,7 +717,7 @@ export function ExecutiveCoaching() {
|
||||
</div>
|
||||
|
||||
{/* 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">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -862,11 +862,13 @@ export function ExecutiveCoaching() {
|
||||
>
|
||||
<outcome.icon className="w-8 h-8 text-white" />
|
||||
</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}
|
||||
</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-small text-primary font-medium">{outcome.category}</p>
|
||||
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
|
||||
@@ -198,75 +198,75 @@ export function LeadershipDevelopment() {
|
||||
{/* 1. What Is This Service */}
|
||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
||||
<div className="section-margin-x">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
<h2 className="text-h2 mb-8 text-[#26231A]">Executive Leadership Development</h2>
|
||||
<div className="max-w-4xl mx-auto space-y-6">
|
||||
<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.
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
<h2 className="text-h2 mb-8 text-[#26231A]">Executive Leadership Development</h2>
|
||||
<div className="max-w-4xl mx-auto space-y-6">
|
||||
<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.
|
||||
</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 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 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>
|
||||
</section>
|
||||
|
||||
@@ -712,7 +712,7 @@ export function LeadershipDevelopment() {
|
||||
</div>
|
||||
|
||||
{/* 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">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -857,11 +857,12 @@ export function LeadershipDevelopment() {
|
||||
>
|
||||
<outcome.icon className="w-8 h-8 text-white" />
|
||||
</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}
|
||||
</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-small text-primary font-medium">{outcome.category}</p>
|
||||
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
|
||||
@@ -250,75 +250,75 @@ export function LeadershipPipelineDevelopment() {
|
||||
{/* 1. What Is This Service */}
|
||||
<section className="py-24 lg:py-32" style={{ backgroundColor: '#FFFFFF' }}>
|
||||
<div className="section-margin-x">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
<h2 className="text-h2 mb-8 text-[#26231A]">Comprehensive Leadership Pipeline System</h2>
|
||||
<div className="max-w-4xl mx-auto space-y-6">
|
||||
<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.
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<BrandedTag text="What Is This Service?" />
|
||||
<h2 className="text-h2 mb-8 text-[#26231A]">Comprehensive Leadership Pipeline System</h2>
|
||||
<div className="max-w-4xl mx-auto space-y-6">
|
||||
<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.
|
||||
</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 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 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>
|
||||
</section>
|
||||
|
||||
@@ -765,7 +765,7 @@ export function LeadershipPipelineDevelopment() {
|
||||
</div>
|
||||
|
||||
{/* 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">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -910,11 +910,12 @@ export function LeadershipPipelineDevelopment() {
|
||||
>
|
||||
<outcome.icon className="w-8 h-8 text-white" />
|
||||
</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}
|
||||
</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-small text-primary font-medium">{outcome.category}</p>
|
||||
{/* <p className="text-small text-primary font-medium">{outcome.category}</p> */}
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
|
||||
@@ -711,7 +711,7 @@ export function ManagementDevelopment() {
|
||||
</div>
|
||||
|
||||
{/* 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">
|
||||
<h3 className="text-h3 text-[#26231A] mb-4">Framework Effectiveness</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -856,11 +856,11 @@ export function ManagementDevelopment() {
|
||||
>
|
||||
<outcome.icon className="w-8 h-8 text-white" />
|
||||
</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}
|
||||
</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-small text-primary font-medium">{outcome.category}</p>
|
||||
</CardContent>
|
||||
</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 />
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
<UpcomingWebinarsSection />
|
||||
{/* <UpcomingWebinarsSection /> */}
|
||||
<InsightsSection />
|
||||
<WhitepapersSection />
|
||||
{/* <WhitepapersSection /> */}
|
||||
<CTABannerSection />
|
||||
</>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user