impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/HomePage/index.js

@@ -0,0 +1,581 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('.main_landingpage_container{background:radial-gradient(65.75% 64.76% at 57.88% 39.21%,#ffffffbf 67.79%,#f2692200);bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:64px;overflow:hidden;position:absolute;right:0;top:56px}.main_landingpage_container .left_panel{bottom:0;box-sizing:border-box;left:0;padding:18px 0 18px 26px;position:absolute;top:0;width:calc(100% - 500px)}.main_landingpage_container .left_panel .left_panel_header{background:linear-gradient(90deg,#2bbfee21,#6962ef21),url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/noise-tile.webp) repeat;background-repeat:repeat;border-radius:12px;box-sizing:border-box;display:flex;height:80px;left:26px;overflow:hidden;padding:16px;position:absolute;right:0;top:20px}.main_landingpage_container .left_panel .left_panel_header .left_section_header{display:flex;gap:12px;width:calc(100% - 340px)}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container{animation:gradientShift 8s ease infinite;background:linear-gradient(136deg,#2ac2ee 12.23%,#6962ef 49.23%,#f26921 88.52%);background-size:300% 300%;border-radius:10px;height:48px;position:relative;width:48px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container .left_section_IA_logo_gif{background:#0d152c;border-radius:10px;bottom:0;height:46px;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:46px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{color:#1f2b4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title .gradient_text{background:linear-gradient(90deg,#2ac2ee,#6962ef 50%,#f26921);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background-clip:text;display:inline-block}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_description{line-height:24px}.main_landingpage_container .left_panel .left_panel_header .right_section_header{align-items:center;display:flex;justify-content:space-between;position:relative;width:340px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon{animation:float 3s ease-in-out infinite;background:#fff;border:1px solid #9995ff;border-radius:8px;bottom:0;cursor:pointer;height:32px;position:absolute;transition:all .3s ease;width:32px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:first-child{animation-delay:.15s;left:50px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(2){animation-delay:.3s;left:100px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(3){animation-delay:.45s;left:150px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(4){animation-delay:.6s;left:200px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(5){animation-delay:.75s;left:250px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(6){animation-delay:.9s;left:300px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:hover{animation-play-state:paused;box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.1);z-index:1}@keyframes float{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon1{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-1.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon2{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon3{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-3.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon4{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-4.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon5{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-5.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon6{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .center_graidient_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-header-bg.webp) no-repeat;background-position:50%;background-size:cover;height:80px;opacity:.7;position:absolute;top:0;width:100%}.main_landingpage_container .left_panel .left_panel_header .center_image_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-bg.webp) no-repeat;background-size:contain;height:80px;left:300px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:368px}.main_landingpage_container .left_panel .left_panel_header .bottom_image_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bottom-header-bg.png) no-repeat;background-position:50%;background-size:contain;height:75px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:195px}.main_landingpage_container .left_panel .left_panel_product_container{bottom:20px;height:auto;left:26px;overflow:auto;position:absolute;right:0;top:132px}.main_landingpage_container .left_panel .tool_kit_container{background:#eaf2ff;border-radius:10px;margin-top:0;padding:20px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .arrow_chevron_container{bottom:0;display:none;left:60px;position:absolute;transform:rotate(90deg)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{display:flex;flex-wrap:wrap;gap:24px 2%;margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item{background:#fff;border:1px solid #fff;border-radius:10px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;height:167px;justify-content:space-between;padding:16px 12px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_patch{background:#eaf2ff;height:7px;position:absolute;right:17px;top:-2px;width:121px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{color:#0d152c;font-size:16px;font-weight:700;width:calc(100% - 135px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_content{color:#31416e;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 45px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container{background:#e9f2ff;border:1px solid #fff;border-radius:0 0 16px 16px;border-top-color:#eaf2ff;box-sizing:border-box;height:48px;padding:8px;position:absolute;right:24px;top:-1px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container:before{background:#e9f2ff;content:"";height:7px;left:-10px;position:absolute;right:-10px;top:-4px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:before{background:#fff;border-radius:0 10px 0 0;border-right:1px solid #fff;border-top:1px solid #fff;content:"";height:20px;left:-10px;position:absolute;top:-1px;width:10px;z-index:99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;left:-8px;position:absolute;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:before{background:#fff;border-left:1px solid #fff;border-radius:10px 0 0;border-top:1px solid #fff;content:"";height:20px;position:absolute;right:-10px;top:-1px;width:10px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;position:absolute;right:-8px;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container{border:16px solid #f8cdb7;border-left:10px solid #0000;border-radius:0 0 9px;border-right:0;bottom:0;color:#fff;height:0;line-height:0;position:absolute;right:0;z-index:1}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container span{color:#0d152c;font-size:12px;font-weight:700;padding:0 24px 0 18px;position:relative;text-align:center}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover{border:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container{border:1px solid #6962ef99;border-top-color:#eaf2ff}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .know_more_container{background:#fafafa;border:1px solid #eceefd;border-radius:12px;box-sizing:border-box;height:auto;margin-top:20px;opacity:1;overflow:hidden;padding:20px;position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .know_more_container.tool_kit_know_more_container{margin-top:10px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;cursor:pointer;height:16px;position:absolute;right:13px;top:27px;width:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container{align-items:center;display:flex;gap:8px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{color:#0d152c;font-size:20px;font-weight:700}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .tick_mark_enabled{align-items:center;background:#f4fff7 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/tick.svg) no-repeat;background-position:8px;background-size:12px;border-radius:24px;color:#108431;display:flex;font-size:14px;height:24px;padding:0 8px 0 25px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_description{color:#1f2b4d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:20px;text-align:left}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{display:flex;gap:32px;margin-top:20px;overflow:auto;position:relative;scrollbar-width:none;z-index:999}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/page-fold.webp) no-repeat;background-size:230px;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;height:64px;padding:15px;width:231px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_bulb_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bulb.svg) no-repeat;background-position:0 2px;background-size:13px;height:15px;width:15px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{color:#0d152c;font-size:12px;font-weight:600;line-height:16px;width:140px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .launch_button_container{margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .ms_km_container_hidden{height:0;margin:0!important;opacity:0;padding:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.main_landingpage_container .left_panel .smart_ai_tool_container{background:#edeff6;margin-top:32px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item{width:auto!important}.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container,.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container:before{background:#eeeff7!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container{position:relative;width:32%!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container .top_patch{background:#eeeff7;height:7px;position:absolute;right:16px;top:-2px;width:126px;z-index:9}.main_landingpage_container .left_panel .tool_kit_item_active{border:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container{border:1px solid #6962ef99!important;border-top-color:#eaf2ff!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container{display:block}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after,.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-style:solid;content:"";display:block;height:0;left:100%;position:absolute;width:0}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-color:#0000 #0000 #0000 #6962ef99;border-width:10px;top:10px}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after{border-color:#0000 #0000 #0000 #fff;border-width:9px;top:11px}.main_landingpage_container .right_panel{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 26px 18px 0;position:absolute;right:0;top:0;width:475px}.main_landingpage_container .right_panel .client_logo_container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative;z-index:0}.main_landingpage_container .right_panel .client_logo_container:before{background:linear-gradient(93.56deg,#dfb9d2 22.01%,#b7c0ef 78.02%);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:1}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{object-fit:contain;width:45%}.main_landingpage_container .right_panel .right_panel_content{display:flex;flex-direction:column;gap:32px;overflow:auto}.main_landingpage_container .right_panel .smart_pf_panel_container{background:linear-gradient(180deg,#e9f2ff59,#fff9);border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;padding:20px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{display:flex;flex-direction:column;margin-bottom:24px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{color:#60697d;font-size:16px;font-weight:700;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{background:linear-gradient(90deg,#6b63ff,#0a1e5e 50%,#6b63ff);-webkit-background-clip:text;background-size:200% auto;font-size:20px;font-weight:600;line-height:28px;text-align:center;-webkit-text-fill-color:#0000;background-clip:text;text-fill-color:#0000;animation:gradientFlow 3s linear infinite;display:inline-block;margin-top:4px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{display:flex;flex-direction:column;gap:16px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia{background:#fff;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia:before{background:linear-gradient(180deg,#2bbfeee6,#6963efe6);border-radius:13px;content:" ";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;z-index:-1}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .left_image_container{background:#fcfcfc;height:40px;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .ai_ml_powered,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .multi_level_planning,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .strategic_objective{background:#fff}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .landing_card_gif{display:block;height:40px;object-fit:contain;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{color:#60697d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 60px)}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card .ia_card_heading_txt{color:#1f2b4d;font-size:14px;font-weight:800;letter-spacing:0;line-height:20px;text-align:left}.main_landingpage_container .right_panel .smart_agent_studio_container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:25px 20px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{color:#0d152c;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing .gradient_text{background:linear-gradient(90deg,#f26921,#6962ef);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-weight:800;-webkit-text-fill-color:#0000;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container{display:flex;flex-direction:column;gap:16px;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide{align-items:center;display:none;flex-direction:column;gap:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide.carousel_slide_active{display:flex}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_image{height:80px;width:80px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:16px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container{display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot{background:#c3c8d4;border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:all .3s ease;width:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot:hover{background:#6962ef}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .dot_active{background:#6962ef;border-radius:4px;height:8px;width:24px}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container{align-items:center;display:flex;justify-content:center}.main_landingpage_container .right_panel .latest_updates_container{align-items:center;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px}.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header{color:#1f2b4d;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:left;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .configurations_menu_container{background:#fff;border-radius:12px;box-shadow:0 0 18px 5px #0000000f;display:flex;flex-direction:column;gap:12px;padding:12px;position:absolute;right:16px;top:58px;z-index:99999}.main_landingpage_container .configurations_menu_container .configurations_menu_item{cursor:pointer;display:flex;gap:12px;padding:6px;width:342px}.main_landingpage_container .configurations_menu_container .configurations_menu_item:hover{background:#6962ef26;border-radius:8px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo_text{align-items:center;display:inline-flex;font-size:22px;justify-content:center;line-height:1}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content{display:flex;flex-direction:column;gap:4px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_label{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_desc{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common_header{font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.toolkit_header_container{align-items:center;display:flex;justify-content:space-between}.primary_btn{background:#6962ef!important;border:1px solid #6962ef!important;box-sizing:border-box;font-weight:500!important;line-height:20px}.url{color:#6962ef!important;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;text-decoration:none!important}.MondaySmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/mondaysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.AssortSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/assortsmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.BaseSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/basesmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.ItemSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/itemsmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.InventorySmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/inventorysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.MarkSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/marksmart.webp) no-repeat;background-position:0 0;background-size:25px;padding-left:31px}.PriceSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/pricesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.RackSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/racksmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SizeSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/sizesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SpaceSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/spacesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.PlanSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/plansmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.ADAVisual_icon,.ForecastSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaVisual.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.ClusterSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/clusterSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.PromoSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/promoSmart.webp) no-repeat;background-position:0 0;background-size:19px;padding-left:31px}.ForecastConfigurator_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/forecastConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;font-size:12px;padding-left:31px}.ADAConfigurator_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.TestSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/testSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.AttributeSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/attributeSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.StoreSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/storeSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.main_landingpage_container .latest_updates_content{font-size:16px;line-height:18px;text-align:center}.url{font-size:12px}@media screen and (min-width:1400px) and (max-width:1600px){.main_landingpage_container .right_panel{gap:22px;width:370px}.main_landingpage_container .left_panel{width:calc(100% - 390px)}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .latest_updates_content{font-size:14px;line-height:18px;text-align:center}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.common_header{font-size:18px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:16px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item{padding:16px 10px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px}}@media screen and (max-width:1399px){.main_landingpage_container .right_panel{gap:22px;width:300px}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel{width:calc(100% - 320px)}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{font-size:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{font-size:16px;margin-top:0}.main_landingpage_container .right_panel .latest_updates_container,.main_landingpage_container .right_panel .smart_agent_studio_container,.main_landingpage_container .right_panel .smart_pf_panel_container{padding:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{margin-bottom:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{gap:12px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{font-size:12px;line-height:14px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{font-size:14px;line-height:18px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video{height:145px;width:245px}.main_landingpage_container .latest_updates_content,.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header,.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{font-size:12px;line-height:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px;padding-left:24px}.InventorySmart_icon,.MondaySmart_icon{background-size:20px}.common_header{font-size:14px}.main_landingpage_container .left_panel .tool_kit_container{padding:16px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:12px}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{width:60%}}.agentic_usecases_panel{width:684px!important}.agentic_usecases_panel .agentic_usecases_panel_content{display:flex;flex-wrap:wrap;gap:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container{position:relative}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container:hover .agentic_usecases_panel_content_item_button{display:flex!important}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_button{bottom:12px;display:none!important;position:absolute;right:100px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item{border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:310px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover{border:1px solid}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_image{height:40px;width:40px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{display:flex;flex-direction:column;gap:12px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_name{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_description{color:#31416e;font-size:14px;font-weight:500;line-height:20px}.agentic_usecases_panel_content_item_button:hover+.agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { findClient, CAROUSEL_IMAGES, CAROUSEL_IMAGES_TEXT, AGENTIC_USECASES } from "./constants.js";
+import { Button } from "../Button/index.js";
+import { Panel } from "../Panel/index.js";
+
+const BookDemoIcon = getAssetUrl("landingPageAssets/book-demo.svg");
+const ConfigurationIcon = getAssetUrl("landingPageAssets/configuration_icon.svg");
+const LaunchIcon = getAssetUrl("landingPageAssets/launch.svg");
+function noop() {
+}
+function isLikelyImageSrc(logo) {
+  const t = logo.trim();
+  if (!t) return false;
+  if (/^https?:\/\//i.test(t)) return true;
+  if (t.startsWith("data:") || t.startsWith("blob:")) return true;
+  if (t.startsWith("/")) return true;
+  if (/\.(svg|png|webp|jpe?g|gif|avif)(\?[^#]*)?(#.*)?$/i.test(t)) return true;
+  return false;
+}
+function HomePage({
+  clientName = "",
+  userName = "",
+  toolKitItems = [],
+  smartAiItems = [],
+  configurationsMenuItems = [],
+  activeToolKitItem: currentActiveToolKitItem = null,
+  activeSmartAiItem: currentActiveSmartAiItem = null,
+  onLaunchClick = noop,
+  onBookDemoClick = noop,
+  onViewReleasedNotesClick = noop,
+  onConfigurationsClick = noop,
+  onKnowMoreClick = noop,
+  showConfigurationsButton = true,
+  "data-testid": dataTestId
+}) {
+  const [activeToolKitItem, setActiveToolKitItem] = useState(
+    currentActiveToolKitItem
+  );
+  const [activeSmartAiItem, setActiveSmartAiItem] = useState(
+    currentActiveSmartAiItem
+  );
+  const [activeSmartAiItemIndex, setActiveSmartAiItemIndex] = useState(null);
+  const [activeToolKitItemIndex, setActiveToolKitItemIndex] = useState(null);
+  const [isConfigurationsMenuOpen, setIsConfigurationsMenuOpen] = useState(false);
+  const [activeCarouselImage, setActiveCarouselImage] = useState(0);
+  const [isAgenticUsecasesOpen, setIsAgenticUsecasesOpen] = useState(false);
+  const [hoverAgenticUsecases, setHoverAgenticUsecases] = useState(null);
+  const [width, setWidth] = useState(0);
+  const intervalRef = useRef(null);
+  const smartAiToolKitContentRef = useRef(null);
+  const [activeClientLogo, setActiveClientLogo] = useState(null);
+  const handleToolKitItemClick = (item, index) => {
+    setActiveToolKitItem((prev) => prev === item ? null : item);
+    const groupStartIndex = Math.floor(index / 3) * 3;
+    setActiveToolKitItemIndex(groupStartIndex);
+  };
+  const handleSmartAiItemClick = (item, index) => {
+    setActiveSmartAiItem((prev) => prev === item ? null : item);
+    const groupStartIndex = Math.floor(index / 3) * 3;
+    setActiveSmartAiItemIndex(groupStartIndex);
+  };
+  const handleClickOutside = (e) => {
+    if (isConfigurationsMenuOpen && !e.target.closest(".configurations_menu_container") && !e.target.closest(".floating_btn_container")) {
+      setIsConfigurationsMenuOpen(false);
+    }
+  };
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isConfigurationsMenuOpen]);
+  const startCarouselInterval = () => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+    }
+    intervalRef.current = setInterval(() => {
+      setActiveCarouselImage((prev) => (prev + 1) % CAROUSEL_IMAGES.length);
+    }, 1e3);
+  };
+  useEffect(() => {
+    startCarouselInterval();
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+      }
+    };
+  }, []);
+  const handleCarouselImageClick = (index) => {
+    setActiveCarouselImage(index);
+    startCarouselInterval();
+  };
+  useEffect(() => {
+    if (!smartAiToolKitContentRef.current) return;
+    const observer = new ResizeObserver(([entry]) => {
+      if (entry) setWidth(entry.contentRect.width);
+    });
+    observer.observe(smartAiToolKitContentRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  useEffect(() => {
+    if (clientName) {
+      setActiveClientLogo(findClient(clientName));
+    }
+  }, [clientName]);
+  return /* @__PURE__ */ jsxs("div", { className: "main_landingpage_container", "data-testid": dataTestId ?? "home-page", children: [
+    /* @__PURE__ */ jsxs("div", { className: "left_panel", children: [
+      /* @__PURE__ */ jsxs("div", { className: "left_panel_header", children: [
+        /* @__PURE__ */ jsxs("div", { className: "left_section_header", children: [
+          /* @__PURE__ */ jsx("div", { className: "left_section_IA_logo_container", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: "",
+              className: "left_section_IA_logo_gif",
+              decoding: "async",
+              loading: "lazy",
+              src: getAssetUrl("landingPageAssets/alan-gif.gif")
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "right_content_container", children: [
+            /* @__PURE__ */ jsxs("div", { className: "right_content_title", children: [
+              /* @__PURE__ */ jsxs("span", { className: "non_gradient_text", children: [
+                "Welcome ",
+                userName,
+                "👋, Here's your toolkit powered by",
+                " "
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "gradient_text", children: "Agentic AI" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "right_content_description", children: "Access your tools and explore new solutions to level up." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "center_graidient_container" }),
+        /* @__PURE__ */ jsx("div", { className: "center_image_container" }),
+        /* @__PURE__ */ jsx("div", { className: "bottom_image_container" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "left_panel_product_container", children: [
+        /* @__PURE__ */ jsxs("div", { className: "tool_kit_container", children: [
+          /* @__PURE__ */ jsxs("div", { className: "toolkit_header_container", children: [
+            /* @__PURE__ */ jsx("div", { className: "common_header toolkit_header_icon", children: "Your tool kit 🧰" }),
+            showConfigurationsButton && /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "floating_btn_container",
+                icon: /* @__PURE__ */ jsx("img", { alt: "configuration", src: ConfigurationIcon }),
+                variant: "tertiary",
+                onClick: () => {
+                  setIsConfigurationsMenuOpen(!isConfigurationsMenuOpen);
+                },
+                children: "Configurations"
+              }
+            ),
+            isConfigurationsMenuOpen && configurationsMenuItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "configurations_menu_container", children: configurationsMenuItems.map((item, index) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "configurations_menu_item",
+                role: "button",
+                tabIndex: 0,
+                onClick: () => {
+                  onConfigurationsClick(item);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") onConfigurationsClick(item);
+                },
+                children: [
+                  isLikelyImageSrc(item.logo) ? /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      alt: "",
+                      className: "configurations_menu_item_logo",
+                      decoding: "async",
+                      loading: "lazy",
+                      role: "presentation",
+                      src: item.logo
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: "configurations_menu_item_logo configurations_menu_item_logo_text",
+                      children: item.logo
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "configurations_menu_item_content", children: [
+                    /* @__PURE__ */ jsx("span", { className: "configurations_menu_item_content_label", children: item.label }),
+                    /* @__PURE__ */ jsx("span", { className: "configurations_menu_item_content_desc", children: item.desc })
+                  ] })
+                ]
+              },
+              index
+            )) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "tool_kit_content", children: toolKitItems.map((item, index) => {
+            var _a;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "tool_kit_item_container",
+                style: { position: "relative", width: "32%" },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: `tool_kit_item ${activeToolKitItem === item ? "tool_kit_item_active" : ""}`,
+                      role: "button",
+                      tabIndex: 0,
+                      onClick: () => {
+                        handleToolKitItemClick(item, index);
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") handleToolKitItemClick(item, index);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx("div", { className: `tool_kit_item_icon ${item.name.replace(/\s+/g, "")}_icon`, children: item.name }),
+                        /* @__PURE__ */ jsx("div", { className: "tool_kit_item_content", children: item.description }),
+                        /* @__PURE__ */ jsx("div", { className: "url_container", children: /* @__PURE__ */ jsx(Button, { className: "url", variant: "url", onClick: noop, children: "View more" }) }),
+                        /* @__PURE__ */ jsxs("div", { className: "top_cta_container", children: [
+                          /* @__PURE__ */ jsx("div", { className: "left_curve_container" }),
+                          /* @__PURE__ */ jsx("div", { className: "right_curve_container" }),
+                          /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              className: "primary_btn",
+                              icon: /* @__PURE__ */ jsx("img", { alt: "Launch", src: LaunchIcon }),
+                              variant: "primary",
+                              onClick: () => {
+                                onLaunchClick(item);
+                              },
+                              children: item.cta ?? "Launch"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx("div", { className: "arrow_chevron_container", children: /* @__PURE__ */ jsx("div", { className: "arrow_chevron" }) })
+                      ]
+                    }
+                  ),
+                  activeToolKitItemIndex === index && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: `know_more_container ms_km_container ${activeToolKitItem === null ? "ms_km_container_hidden" : ""} tool_kit_know_more_container`,
+                      "data-testid": "toolkit-know-more",
+                      style: { width: `${width}px` },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: "close_icon",
+                            role: "button",
+                            tabIndex: 0,
+                            onClick: () => {
+                              setActiveToolKitItem(null);
+                            },
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter" || e.key === " ") setActiveToolKitItem(null);
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "km_heading_container", children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: `know_more_container_heading ${activeToolKitItem == null ? void 0 : activeToolKitItem.name.replace(/\s+/g, "")}_icon`,
+                              children: activeToolKitItem == null ? void 0 : activeToolKitItem.name
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("div", { className: "tick_mark_enabled", children: "Access Enabled" })
+                        ] }),
+                        /* @__PURE__ */ jsx("p", { className: "km_description", children: activeToolKitItem == null ? void 0 : activeToolKitItem.details }),
+                        /* @__PURE__ */ jsx("div", { className: "km_folder_container", children: (_a = activeToolKitItem == null ? void 0 : activeToolKitItem.folderContent) == null ? void 0 : _a.map((folderItem, folderIndex) => /* @__PURE__ */ jsxs("div", { className: "km_folder_item", children: [
+                          /* @__PURE__ */ jsx("div", { className: "km_bulb_icon" }),
+                          /* @__PURE__ */ jsx("div", { className: "km_folder_content", children: folderItem })
+                        ] }, folderIndex)) }),
+                        /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            icon: /* @__PURE__ */ jsx("img", { alt: "Launch", src: LaunchIcon }),
+                            variant: "secondary",
+                            onClick: () => {
+                              if (activeToolKitItem) onLaunchClick(activeToolKitItem);
+                            },
+                            children: (activeToolKitItem == null ? void 0 : activeToolKitItem.cta) ?? "Launch"
+                          }
+                        ) })
+                      ]
+                    }
+                  )
+                ]
+              },
+              index
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "tool_kit_container smart_ai_tool_container", children: [
+          /* @__PURE__ */ jsx("div", { className: "common_header toolkit_header_icon", children: "Explore our smart Ai driven solutions 💡" }),
+          /* @__PURE__ */ jsx("div", { ref: smartAiToolKitContentRef, className: "tool_kit_content", children: smartAiItems.map((item, index) => {
+            var _a;
+            return /* @__PURE__ */ jsxs("div", { className: "tool_kit_item_container", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `tool_kit_item ${activeSmartAiItem === item ? "tool_kit_item_active" : ""}`,
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: () => {
+                    handleSmartAiItemClick(item, index);
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") handleSmartAiItemClick(item, index);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: `tool_kit_item_icon ${item.name.replace(/\s+/g, "")}_icon`, children: item.name }),
+                    /* @__PURE__ */ jsx("div", { className: "tool_kit_item_content", children: item.description }),
+                    /* @__PURE__ */ jsx("div", { className: "url_container", children: /* @__PURE__ */ jsx(Button, { className: "url", variant: "url", onClick: noop, children: "View more" }) }),
+                    /* @__PURE__ */ jsxs("div", { className: "top_cta_container", children: [
+                      /* @__PURE__ */ jsx("div", { className: "left_curve_container" }),
+                      /* @__PURE__ */ jsx("div", { className: "right_curve_container" }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "tertiary",
+                          onClick: () => {
+                            onBookDemoClick(item);
+                          },
+                          children: item.cta ?? "Book demo"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "arrow_chevron_container", children: /* @__PURE__ */ jsx("div", { className: "arrow_chevron" }) }),
+                    item.isNewProduct && /* @__PURE__ */ jsx("div", { className: "bottom_ribbon_container", children: /* @__PURE__ */ jsx("span", { children: "New" }) })
+                  ]
+                }
+              ),
+              activeSmartAiItemIndex === index && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `know_more_container ms_km_container ${activeSmartAiItem === null ? "ms_km_container_hidden" : ""}`,
+                  "data-testid": "smartai-know-more",
+                  style: { width: `${width}px` },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "close_icon",
+                        role: "button",
+                        tabIndex: 0,
+                        onClick: () => {
+                          setActiveSmartAiItem(null);
+                        },
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter" || e.key === " ") setActiveSmartAiItem(null);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "km_heading_container", children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: `know_more_container_heading ${activeSmartAiItem == null ? void 0 : activeSmartAiItem.name.replace(/\s+/g, "")}_icon`,
+                        children: activeSmartAiItem == null ? void 0 : activeSmartAiItem.name
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("p", { className: "km_description", children: activeSmartAiItem == null ? void 0 : activeSmartAiItem.details }),
+                    /* @__PURE__ */ jsx("div", { className: "km_folder_container", children: (_a = activeSmartAiItem == null ? void 0 : activeSmartAiItem.folderContent) == null ? void 0 : _a.map((folderItem, folderIndex) => /* @__PURE__ */ jsxs("div", { className: "km_folder_item", children: [
+                      /* @__PURE__ */ jsx("div", { className: "km_bulb_icon" }),
+                      /* @__PURE__ */ jsx("div", { className: "km_folder_content", children: folderItem })
+                    ] }, folderIndex)) }),
+                    /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        className: "url",
+                        variant: "url",
+                        onClick: () => {
+                          if (activeSmartAiItem) onKnowMoreClick(activeSmartAiItem);
+                        },
+                        children: (activeSmartAiItem == null ? void 0 : activeSmartAiItem.cta) ?? "Know more"
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ] }, index);
+          }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "right_panel", children: [
+      (activeClientLogo == null ? void 0 : activeClientLogo.image) && /* @__PURE__ */ jsx("div", { className: "client_logo_container", "data-testid": "client-logo", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt: activeClientLogo.name || "client-logo",
+          className: "impact_client_logo_image",
+          decoding: "async",
+          loading: "lazy",
+          src: activeClientLogo.image
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "right_panel_content", children: [
+        /* @__PURE__ */ jsxs("div", { className: "smart_pf_panel_container", children: [
+          /* @__PURE__ */ jsx("div", { className: "top_text_container", children: /* @__PURE__ */ jsx("div", { className: "gradient_text", children: "IA Smart Platform" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "bottom_cards_container", children: [
+            /* @__PURE__ */ jsxs("div", { className: "card_ia ", children: [
+              /* @__PURE__ */ jsx("div", { className: "left_image_container multi_level_planning", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/multi-level.gif")
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
+                /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Multi-Level Planning: " }),
+                "Generate Optimized plans across product hierarchies"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
+              /* @__PURE__ */ jsx("div", { className: "left_image_container strategic_objective", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/strategic-objectives.gif")
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
+                /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Strategic Objectives: " }),
+                "Define and align goals across organizational levels"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
+              /* @__PURE__ */ jsx("div", { className: "left_image_container ai_ml_powered", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/aiml.gif")
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
+                /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "AI/ML Powered: " }),
+                "Advanced analytics and intelligent automation"
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "latest_updates_container", children: [
+          /* @__PURE__ */ jsx("div", { className: "latest_updates_header", children: "Latest Updates" }),
+          /* @__PURE__ */ jsx("div", { className: "latest_updates_content", children: "New features and improvements are now available" }),
+          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: onViewReleasedNotesClick, children: "View released notes" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "smart_agent_studio_container", children: [
+          /* @__PURE__ */ jsx("div", { className: "smart_agent_pf_headiing", children: "SmartAgent Studio Platform" }),
+          /* @__PURE__ */ jsxs("div", { className: "carousel_main_container", "data-testid": "carousel", children: [
+            /* @__PURE__ */ jsx("div", { className: "video_container", children: CAROUSEL_IMAGES.map((image, index) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `carousel_slide ${index === activeCarouselImage ? "carousel_slide_active" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      alt: `carousel-${index}`,
+                      className: "carousel_image",
+                      decoding: "async",
+                      loading: index === 0 ? "eager" : "lazy",
+                      src: image
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "video_text", children: CAROUSEL_IMAGES_TEXT[index] })
+                ]
+              },
+              index
+            )) }),
+            /* @__PURE__ */ jsx("div", { className: "carousel_dot_container", children: CAROUSEL_IMAGES.map((_, index) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `carousel_dot ${index === activeCarouselImage ? "dot_active" : ""}`,
+                role: "button",
+                tabIndex: 0,
+                onClick: () => {
+                  handleCarouselImageClick(index);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") handleCarouselImageClick(index);
+                }
+              },
+              index
+            )) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "agentic_usecases_container", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: /* @__PURE__ */ jsx("img", { alt: "book-demo", src: BookDemoIcon }),
+              variant: "tertiary",
+              onClick: () => {
+                setIsAgenticUsecasesOpen(true);
+              },
+              children: "Find Agentic Usecases"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Panel,
+            {
+              anchor: "right",
+              className: "agentic_usecases_panel",
+              open: isAgenticUsecasesOpen,
+              setIsOpen: setIsAgenticUsecasesOpen,
+              size: "large",
+              title: "Agentic Usecases",
+              onClose: () => {
+                setIsAgenticUsecasesOpen(false);
+              },
+              children: /* @__PURE__ */ jsx("div", { className: "agentic_usecases_panel_content", children: AGENTIC_USECASES.map((item, index) => /* @__PURE__ */ jsxs("div", { className: "agentic_usecases_panel_content_item_container", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: "agentic_usecases_panel_content_item_button",
+                    variant: "tertiary",
+                    onClick: () => {
+                      onBookDemoClick(item);
+                    },
+                    children: "Book demo"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "agentic_usecases_panel_content_item",
+                    style: {
+                      backgroundColor: item.background,
+                      borderColor: hoverAgenticUsecases === item ? item.borderColor : "transparent",
+                      backgroundImage: `url(${item.backgroundImage}), url(${item.backgroundImage}), url(${item.backgroundImage})`,
+                      backgroundRepeat: "no-repeat",
+                      backgroundSize: "44px",
+                      backgroundPosition: "right 35px top 15px, top -28px right 4px, top 29px right -14px"
+                    },
+                    onMouseEnter: () => {
+                      setHoverAgenticUsecases(item);
+                    },
+                    onMouseLeave: () => {
+                      setHoverAgenticUsecases(null);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          alt: item.name,
+                          className: "agentic_usecases_panel_content_item_image",
+                          decoding: "async",
+                          loading: "lazy",
+                          src: item.image
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "agentic_usecases_panel_content_item_content", children: [
+                        /* @__PURE__ */ jsx("span", { className: "agentic_usecases_panel_content_item_name", children: item.name }),
+                        /* @__PURE__ */ jsx("span", { className: "agentic_usecases_panel_content_item_description", children: item.description })
+                      ] })
+                    ]
+                  }
+                )
+              ] }, index)) })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+HomePage.displayName = "HomePage";
+export {
+  HomePage
+};