<?xml version="1.0" encoding="UTF-8"?>
<mvc:View
    controllerName="homepage.controller.pages.Enterprise"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m"
    xmlns:l="sap.ui.layout"
    xmlns:core="sap.ui.core"
    displayBlock="true">

    <!-- ══════════════════════════════════════════════════════
         Marketing Page — nestedAppContainer 안에 렌더됩니다.
         Layout.view.xml의 공용 헤더/챗봇은 그대로 유지됩니다.
    ══════════════════════════════════════════════════════════ -->
    <Page id="EnterpisePage" showHeader="true" class="mkt-page">

        <!-- ═══════════════════════════════════════════
             HEADER
        ════════════════════════════════════════════════ -->
        <customHeader>
            <Bar class="mkt-header">
                <contentMiddle>
                    <HBox  class="mkt-header-inner" width="100%" alignItems="Center" justifyContent="SpaceBetween">
                        
                        <HBox class="mkt-logo" alignItems="Center">
                            <Image src="/image/logo_light.png" width="160px" press="onGoToMain"/>
                        </HBox>

                        <HBox id="globalHeaderContainer" class="globalHeaderContainer">

                            <HBox class="mkt-header-right-actions" alignItems="Center">
                                <HBox class="mkt-nav globalHeadermenu" alignItems="Center">
                                    <Button text="NextBusiness With AI/AX" class="mkt-nav-btn" type="Transparent" press="onNavToSection">
                                        <customData><core:CustomData key="targetId" value="select-zone-one"/></customData>
                                    </Button>
                                    <Button text="Profesional Servies (SAP)" class="mkt-nav-btn" type="Transparent" press="onNavToSection"> 
                                        <customData><core:CustomData key="targetId" value="select-zone-two"/></customData>
                                    </Button>
                                
                                    <Button text="Project consultation" class="mkt-cta-btn" type="Emphasized" press="onNavToSection"> 
                                        <customData><core:CustomData key="targetId" value="footer"/></customData>
                                    </Button>
                                </HBox>
                            </HBox>
                        </HBox>

                        <VBox id="customHamburgerWrapper" class="customHamburgerWrapper" tooltip="메뉴 열기">
                            <VBox class="hamburgerLine lineTop" />
                            <VBox class="hamburgerLine lineMiddle" />
                            <VBox class="hamburgerLine lineBottom" />
                        </VBox>

                    </HBox>
                </contentMiddle>
            </Bar>
        </customHeader>

        <content>
            <ScrollContainer
                height="100%"
                width="100%"
                vertical="true"
                horizontal="false">

                <VBox class="mkt-wrap">


                    <!-- HERO -->
                    <VBox class="etp-hero etp-section">
                        <VBox class="etp-hero-title">
                            <!-- <Text text="SPRONEXT AI OPTIMIZE" class="mkt-tag"/> -->

                            <VBox>
                                <FormattedText   
                                    id="etp-html"
                                    class="mkt-maintitle"
                                    htmlText="Replace&#160;&lt;strong&gt;Enterprise Software&lt;/strong&gt;
                                    &lt;br /&gt;
                                    with&lt;strong&gt;&#160;AI Execution&lt;/strong&gt;" />
                            </VBox>

                            <!-- <VBox class="mkt-hero-title-block">
                                <HBox>
                                    <Text text="Replace&#160;" class="mkt-title-light"/>
                                    <Text text="Enterprise Software"   class="mkt-title-bold"/>
                                </HBox>
                                <HBox>
                                    <Text text="with&#160;" class="mkt-title-light"/>
                                    <Text text="AI Execution" class="mkt-title-bold"/>
                                </HBox>
                            </VBox> -->
                            <VBox class="mkt-hero-desc">
                                <Text text="Leading the Next Era of Enterprise Innovation Through Intelligent AI Execution." class="mkt-desc-text" wrapping="true"/>
                            </VBox>
                        </VBox> 

                        <VBox class="etp-hero-img">
                            <Image src="/image/NEXT_B_02.jpg" width="100%" class="etp-img" />
                        </VBox>
                    </VBox>

                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>

                    <!-- 첫번째 섹션 -->
                    <VBox class="etp-transform etp-section etp-scroll-section step-section" alignItems="Start">
                        <VBox class="mkt-transform-left reveal-item">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="Explore Our Technical Solutions Architecture."
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right etp-right reveal-item delay-2">
                            <Text text="Beyond traditional ERP implementation, we empower businesses with AI Execution. SPRONEXT redefines your technical landscape by integrating intelligent capabilities into the core of your operations."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- 첫번째 섹션 카드 영역 -->
                        <VBox id="select-zone-one" class="margin-top-60 step-list-wrapper etp-scroll-section reveal-item delay-4">
                            <Text text="NextBusiness With AI/AX" class="mkt-transform-title etp-subtitle step-row reveal-item delay-3"/>
                            <l:Grid defaultSpan="XL4 L4 M6 S12" class="mkt-cards-grid">
                                <l:content>

                                    <VBox class="reveal-item delay-4">
                                        <VBox id="piCard" class="mkt-ai-card ">
                                            <customData>
                                                <core:CustomData key="targetId" value="step-section-zone-BTP" />
                                            </customData>
                                            <!-- <Text text="01" class="mkt-card-num"/> -->
                                            <Text text="BTP(Business Transformation Platform)" class="mkt-card-title"/>
                                            <Text text="Specialize in building SAP's new technology platforms, BTP and Business Data Cloud."
                                                class="mkt-card-desc" wrapping="true"/>
                                        </VBox>
                                    </VBox>

                                    <VBox class="reveal-item delay-5">
                                        <VBox class="mkt-ai-card">
                                            <customData>
                                                <core:CustomData key="targetId" value="step-section-zone-Agentic-AI" />
                                            </customData>
                                            <!-- <Text text="02" class="mkt-card-num"/> -->
                                            <Text text="Agentic AI in SAP &#10; (Autonomous Automation)" class="mkt-card-title"/>
                                            <Text text="Deploy autonomous AI agents within your SAP ecosystem to execute complex business workflows and automate repetitive operations seamlessly."
                                                class="mkt-card-desc" wrapping="true"/>
                                        </VBox>
                                    </VBox>

                                    <VBox class="reveal-item delay-6">
                                        <VBox class="mkt-ai-card">
                                            <customData>
                                                <core:CustomData key="targetId" value="step-section-zone-AI" />
                                            </customData>
                                            <!-- <Text text="03" class="mkt-card-num"/> -->
                                            <Text text="AI Operation in Small Medium Business" class="mkt-card-title"/>
                                            <Text text="Empower Small and Medium Enterprises with tailored AI workflows to overcome resource constraints and drive intelligent operational growth."
                                                class="mkt-card-desc" wrapping="true"/>
                                        </VBox>
                                    </VBox>
                                </l:content>
                            </l:Grid>

                            <!-- ================================= -->

                            
                        </VBox>
                        <!-- 첫번째 섹션 카드 영역 -->
                    </VBox>
                    <!-- 첫번째 섹션 -->

                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>

                    <!-- BTP(Business Transformation Platform) info 섹션 -->
                    <VBox id="step-section-zone-BTP" class="mkt-core etp-section etp-scroll-section">
                        <!-- <Text text="AI MARKETING CATEGORIES" class="mkt-tag"/> -->
                        <VBox class="etp-transform-left reveal-item" width="100%">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="BTP(Business Transformation Platform)"
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right reveal-item">
                            <Text text="Unified cloud platform that connects enterprise data, AI, and applications to accelerate business innovation."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- <VBox class="margin-top-30 reveal-item delay-2">
                            <VBox  width="100%" height="120px" class="section-img" >
                                <Image src="/image/BTP.jpg" width="100%" />
                            </VBox>
                        </VBox> -->

                        <VBox class="step-list-container reveal-item delay-2">
                            <VBox class="sapUiLargeMarginBottom ">
                                <Text text="STEP" class="step-main-title" />
                            </VBox>

                            <VBox class="step-list-wrapper " width="100%">

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Architecture Design&#10;&amp; Strategy" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Evaluate your current enterprise landscape and design a scalable cloud architecture on BTP. We lay a secure groundwork for a seamless transition without disrupting core operations." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Core Integration&#10;&amp; Data Unification" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Seamlessly connect your legacy ERP, third-party applications, and fragmented data sources. We build a unified digital foundation ensuring real-time data flow across the enterprise." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Application Extension&#10;&amp; Automation" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Develop customized applications and automate complex workflows while keeping your core systems clean. We enhance business agility to quickly adapt to changing market demands." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Analytics&#10;&amp; Continuous Innovation" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Leverage built-in data analytics and AI capabilities to transform enterprise data into actionable insights. We continuously monitor and optimize processes to drive sustainable growth." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                            </VBox>
                        </VBox>
                    </VBox>

                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>

                    <!-- Agentic AI in SAP (Autonomous Automation) info 섹션 -->
                    <VBox id="step-section-zone-Agentic-AI" class="mkt-core etp-section etp-scroll-section">
                        <!-- <Text text="AI MARKETING CATEGORIES" class="mkt-tag"/> -->
                        <VBox class="etp-transform-left reveal-item" width="100%">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="Agentic AI in SAP (Autonomous Automation)"
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right reveal-item">
                            <Text text="Deploy autonomous AI agents within your SAP ecosystem to execute complex workflows and automate operations seamlessly."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- <VBox class="margin-top-30 reveal-item delay-2">
                            <VBox  width="100%" height="120px" class="section-img" />
                        </VBox> -->

                        <VBox class="step-list-container reveal-item delay-2">
                            <VBox class="sapUiLargeMarginBottom">
                                <Text text="STEP" class="step-main-title " />
                            </VBox>

                            <VBox class="step-list-wrapper" width="100%">

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Data Orchestration&#10;&amp; API Strategy" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Design seamless data layering and customized API pipelines to integrate scattered enterprise data. This creates an optimized infrastructure where AI can access and utilize data in real-time." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Custom LLM&#10;&amp; Model Development" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Develop secure, domain-specific local LLMs and tailored business models that protect sensitive corporate data. By reflecting industry-specific logic, we build a highly accurate intelligent core." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Agentic AI Integration&#10;&amp; Execution" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Embed autonomous Agentic AI into actual business processes to handle complex workflows. We move beyond simple automation to an environment where AI independently assists with decision-making and execution." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="AI Performance Scaling&#10;&amp; Optimization" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Monitor AI agent performance via continuous feedback loops. We fine-tune models in real-time and scale AI capabilities enterprise-wide to maximize operational efficiency." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                            </VBox>
                        </VBox>
                    </VBox>

                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>

                    <!-- AI Operation in Small Medium Business info 섹션 -->
                    <VBox id="step-section-zone-AI" class="mkt-core etp-section etp-scroll-section">
                        <!-- <Text text="AI MARKETING CATEGORIES" class="mkt-tag"/> -->
                        <VBox class="etp-transform-left reveal-item" width="100%">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="AI Operation in Small Medium Business"
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right reveal-item">
                            <Text text="Empowering Small and Medium Businesses with cost-effective, scalable AI solutions to drive growth and operational efficiency."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- <VBox class="margin-top-30 reveal-item delay-2">
                            <VBox  width="100%" height="120px" class="section-img" />
                        </VBox> -->

                        <VBox class="step-list-container reveal-item delay-2">
                            <VBox class="sapUiLargeMarginBottom ">
                                <Text text="STEP" class="step-main-title" />
                            </VBox>

                            <VBox class="step-list-wrapper" width="100%">

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Readiness Assessment&#10;&amp; Quick Wins" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Evaluate your specific business challenges to design a cost-effective, lightweight AI adoption plan. We focus on areas that deliver the fastest Return on Investment." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Core Process Automation" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Automate repetitive administrative and operational tasks to free up your valuable human resources. We deploy accessible AI tools that integrate seamlessly with your existing software." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Data-Driven Insights" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Democratize enterprise-grade analytics for your SMB. We implement intuitive dashboards that translate your daily data into clear, actionable insights without requiring a dedicated IT team." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Scalable AI Growth" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Start small and smoothly scale your AI capabilities as your business grows. We provide a flexible operational framework that adapts to increasing market demands and an expanding customer base." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                            </VBox>
                        </VBox>
                    </VBox>

                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>




                    <VBox class="etp-transform">
                    <VBox id="select-zone-two" class="etp-transform etp-section margin-top-60 step-list-wrapper etp-scroll-section reveal-item step-row ">
                    <!-- 첫번째 섹션 카드 영역 -->
                        <Text text="Professional Services (SAP)" class="etp-scroll-section mkt-transform-title etp-subtitle reveal-item delay-1"/>
                        <l:Grid defaultSpan="XL4 L4 M6 S12" class="mkt-cards-grid">
                            <l:content>

                                <VBox class="reveal-item delay-3">
                                    <VBox class="mkt-ai-card">
                                        <customData>
                                            <core:CustomData key="targetId" value="step-section-zone-SLO" />
                                        </customData>
                                        <!-- <Text text="01" class="mkt-card-num"/> -->
                                        <Text text="Go-To-Market strategy in partnership with SLO" class="mkt-card-title"/>
                                        <Text text="We diagnose business goals, customer journeys, and marketing operating structures to design priorities for AI implementation."
                                            class="mkt-card-desc" wrapping="true"/>
                                    </VBox>
                                </VBox>

                                <VBox class="reveal-item delay-4">
                                    <VBox class="mkt-ai-card">
                                        <customData>
                                            <core:CustomData key="targetId" value="step-section-zone-PI" />
                                        </customData>
                                        <!-- <Text text="02" class="mkt-card-num"/> -->
                                        <Text text="PI &amp; Implementation based on SAP" class="mkt-card-title"/>
                                        <Text text=" Resolve SAP system issues such as corporate data migration, organizational spin-offs, mergers, ledger creation, and currency reform etc."
                                            class="mkt-card-desc" wrapping="true"/>
                                    </VBox>
                                </VBox>

                                <VBox class="reveal-item delay-5">
                                    <VBox class="mkt-ai-card">
                                        <customData>
                                            <core:CustomData key="targetId" value="step-section-zone-IGA" />
                                        </customData>
                                        <!-- <Text text="03" class="mkt-card-num"/> -->
                                        <Text text="IGA identity Security" class="mkt-card-title"/>
                                        <Text text="Implement robust IGA solutions to automate user lifecycle management, enforce strict access controls, and ensure compliance across your enterprise systems."
                                            class="mkt-card-desc" wrapping="true"/>
                                    </VBox>
                                </VBox>
                            </l:content>
                        </l:Grid>
                    </VBox>
                    </VBox>


                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>




                    <!-- SLO(System Landscape Optimization) info 섹션 -->
                    <VBox id="step-section-zone-SLO" class="mkt-core etp-section etp-scroll-section">
                        <!-- <Text text="AI MARKETING CATEGORIES" class="mkt-tag"/> -->
                        <VBox class="etp-transform-left reveal-item" width="100%">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="Go-To-Market strategy in partnership with SLO"
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right reveal-item">
                            <Text text="Optimize your SAP landscape through a cost-effective, low-risk approach by selectively migrating and harmonizing critical enterprise data."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- <VBox class="margin-top-30 reveal-item delay-2">
                            <VBox  width="100%" height="120px" class="section-img" />
                        </VBox> -->

                        <VBox class="step-list-container reveal-item delay-2">
                            <VBox class="sapUiLargeMarginBottom">
                                <Text text="STEP" class="step-main-title" />
                            </VBox>

                            <VBox class="step-list-wrapper" width="100%">

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Landscape Assessment&#10;&amp; Strategy" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Analyze your existing SAP environment and define a tailored optimization strategy. We identify the exact data and structures needed for business restructuring such as M&amp;A or carve-outs." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Selective Data Migration&#10;&amp; Harmonization" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Perform selective data migration to extract and transform only the necessary business data. We ensure complete data harmonization and consistency across your newly reorganized systems." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="System Transformation&#10;&amp; Validation" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Execute the system transformation with minimal business disruption. We conduct rigorous testing and validation to guarantee the accuracy, security, and compliance of your SAP landscape." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Go-Live &amp; Post-Migration Support" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Ensure a smooth Go-Live with near-zero downtime. We provide comprehensive post-migration support and continuous monitoring to rapidly stabilize your optimized enterprise infrastructure." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                            </VBox>
                        </VBox>
                    </VBox>


                    <core:HTML content="&lt;hr class='mkt-divider'/&gt;"/>

                    <!-- PI & Implementation based on SAP info 섹션 -->
                    <VBox id="step-section-zone-PI" class="mkt-core etp-section etp-scroll-section">
                        <!-- <Text text="AI MARKETING CATEGORIES" class="mkt-tag"/> -->
                        <VBox class="etp-transform-left reveal-item" width="100%">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="PI &amp; Implementation based on SAP"
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right reveal-item">
                            <Text text="Resolve complex enterprise challenges—including organizational spin-offs, mergers, and data migration—through strategic Process Innovation (PI) and robust SAP implementation."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- <VBox class="margin-top-30 reveal-item delay-2">
                            <VBox  width="100%" height="120px" class="section-img" />
                        </VBox> -->

                        <VBox class="step-list-container reveal-item delay-2">
                            <VBox class="sapUiLargeMarginBottom">
                                <Text text="STEP" class="step-main-title" />
                            </VBox>

                            <VBox class="step-list-wrapper" width="100%">

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="As-Is Assessment&#10;&amp; To-Be Design" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Analyze your current business operations (As-Is) to identify inefficiencies. We define an optimized future-state model (To-Be) aligned with global SAP best practices." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Process Innovation (PI) Strategy" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Develop standardized workflows to address complex business events such as mergers, ledger creation, and currency reform. We establish a comprehensive PI strategy tailored to your enterprise." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="System Implementation&#10;&amp; Customization" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Configure and deploy the SAP system to perfectly reflect the newly innovated processes. We ensure seamless integration and tailored customization to maximize operational efficiency." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Change Management &amp; Go-Live" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Provide extensive training and change management to ensure smooth user adoption. We secure a stable Go-Live and deliver ongoing support to maximize long-term system utilization." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                            </VBox>
                        </VBox>
                    </VBox>


                    <!-- IGA identity Security info 섹션 -->
                    <VBox id="step-section-zone-IGA" class="mkt-core etp-section etp-scroll-section">
                        <!-- <Text text="AI MARKETING CATEGORIES" class="mkt-tag"/> -->
                        <VBox class="etp-transform-left reveal-item" width="100%">
                            <!-- <Text text="WHAT WE OPTIMIZE" class="mkt-tag"/> -->
                            <Text text="IGA identity Security"
                                  class="etp-section-title" wrapping="true"/>
                        </VBox>
                        <VBox class="etp-transform-right reveal-item">
                            <Text text="Implement robust IGA solutions to automate user lifecycle management, enforce strict access controls, and ensure compliance across your enterprise systems."
                                  class="mkt-transform-desc" wrapping="true"/>
                        </VBox>

                        <!-- <VBox class="margin-top-30 reveal-item delay-2">
                            <VBox  width="100%" height="120px" class="section-img" />
                        </VBox> -->

                        <VBox class="step-list-container reveal-item delay-2">
                            <VBox class="sapUiLargeMarginBottom">
                                <Text text="STEP" class="step-main-title" />
                            </VBox>

                            <VBox class="step-list-wrapper" width="100%">

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Identity&amp; Access Assessment" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Audit your current identity landscape to identify vulnerabilities and over-provisioned accounts. We evaluate access risks across your ERP and enterprise applications." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Role-Based &#10;&amp;Access Control (RBAC) Design" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Define clear organizational roles and establish strict access policies. We design an optimized Role-Based Access Control (RBAC) model to ensure the principle of least privilege." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Identity Lifecycle Automation" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Automate the entire user journey from onboarding to offboarding (Joiner, Mover, Leaver). This ensures timely provisioning and immediate revocation of access rights." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                                <FlexBox class="step-row" direction="Row" wrap="Wrap" justifyContent="SpaceBetween" alignItems="Start">
                                    <VBox class="step-title-area">
                                        <Text text="Continuous Compliance &amp; Auditing" class="step-item-title" wrapping="true"/>
                                    </VBox>
                                    <VBox class="step-desc-area">
                                        <Text text="Deploy centralized monitoring dashboards for real-time access visibility. We streamline compliance reporting to easily meet complex security regulations and audit requirements." class="step-item-desc" wrapping="true" />
                                    </VBox>
                                </FlexBox>

                            </VBox>
                        </VBox>
                    </VBox>



                    


                    <!-- control bar -->
                    <VBox id="control-bar" class="control-bar">
                        <!-- 
                            컨트롤 바 사용법 
                            1. 해당 VBox 복사해서 가져갈 곳에 붙여넣기 (부모 박스의 position relative를 따라가니 조심!)
                            2. 각 섹션마다 class="etp-section" 추가하기 (etp-section를 기준으로 영역이 생김!)
                            3. controller의 내용을 1번에 해당하는 controller에 복붙하기!
                        -->
                    </VBox>

                </VBox>


                <VBox id="footer">
                    <VBox class="mkt-footer-wrapper etp-section etp-scroll-section">
                        <!-- 배경 그라데이션 효과 (CSS로 제어) -->
                        <VBox class="test-footer">
                            <div xmlns="http://www.w3.org/1999/xhtml" class="mkt-glow-blue"></div>
                            <div xmlns="http://www.w3.org/1999/xhtml" class="mkt-glow-purple"></div>
                        </VBox>

                        <!-- Contact Us 섹션 -->
                        <VBox class="mkt-contact-section" alignItems="Center">
                            <Text text="Contact Us" class="mkt-contact-title"/>
                            <Text text="SPRONEXT is a business partner that realizes enterprise potential alongside top-tier experts in each field. Beyond simple system integration, we combine SAP BTP with Local LLM-based AI technology to deliver an unprecedented intelligent business environment." 
                                  class="mkt-contact-desc" textAlign="Center" wrapping="true"/>
                            <Button text="GET IN TOUCH" class="mkt-contact-btn" type="Transparent" press="onContactPress"/>
                        </VBox>
                    <!-- Footer 영역 -->
                        <VBox class="mkt-footer">
                            <l:Grid defaultSpan="XL6 L6 M6 S12" class="mkt-footer-grid">
                                <l:content>

                                    <!-- Information -->
                                    <VBox class="mkt-footer-col">
                                        <Text text="Information" class="mkt-footer-col-title"/>
                                        <Link text="Next Business" class="mkt-footer-link" press="onGoToEnterprise"/>
                                        <Link text="Next Marketing" class="mkt-footer-link" press="onGoToMarketing"/>
                                    </VBox>

                                    <!-- Contacts -->
                                    <VBox class="mkt-footer-col">
                                        <Text text="Contacts" class="mkt-footer-col-title"/>
                                        <HBox class="mkt-contact-item">
                                            <Image src="/image/icon/Vector.png" />
                                            <!-- <core:Icon src="sap-icon://map-2" class="mkt-contact-icon"/> -->
                                            <Text text="서울특별시 서초구 서초대로 398, 6층" class="mkt-footer-text" wrapping="true"/>
                                        </HBox>
                                        <!-- <HBox class="mkt-contact-item" alignItems="Center">
                                            <core:Icon src="sap-icon://phone" class="mkt-contact-icon"/>
                                            <Text text="" class="mkt-footer-text"/>
                                        </HBox> -->
                                        <HBox class="mkt-contact-item" alignItems="Center">
                                            <Image src="/image/icon/Group.png" />
                                            <!-- <core:Icon src="sap-icon://email" class="mkt-contact-icon"/> -->
                                            <Link text="contact@spronext.com" class="mkt-footer-link" href="mailto:contact@spronext.com"/>
                                        </HBox>
                                    </VBox>

                                    <!-- Social Media -->
                                    <!-- <VBox class="mkt-footer-col">
                                        <Text text="Social Media" class="mkt-footer-col-title"/>
                                        <HBox class="mkt-social-icons">
                                            <Button icon="sap-icon://facebook" class="mkt-social-btn-new" type="Transparent"/>
                                            <Button icon="sap-icon://twitter"  class="mkt-social-btn-new" type="Transparent"/>
                                            <Button icon="sap-icon://linkedin" class="mkt-social-btn-new" type="Transparent"/>
                                            <Button icon="sap-icon://pushpin"  class="mkt-social-btn-new" type="Transparent"/>
                                        </HBox>
                                    </VBox> -->

                                </l:content>
                            </l:Grid>
                            
                            <core:HTML content="&lt;hr class='mkt-footer-divider'/&gt;"/>
                            <HBox justifyContent="Center" width="100%">
                                <Text text="© 2026 All Rights Reserved" class="mkt-footer-copy"/>
                            </HBox>
                        </VBox>
                    </VBox>

                </VBox>
            </ScrollContainer>
        </content>
    </Page>
</mvc:View>