phoenix/src/services/html/pro-upgrade.html at ef53c1f8b3d47f973437369362a01e2dcc836324 · phcode-dev/phoenix · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<div class="browser-login-waiting-dialog modal">
    <div class="modal-header">
        <h1 class="dialog-title">{{{title}}}</h1>
    </div>

    <div class="modal-body" style="max-height: 550px;">
        <div class="waiting-content-container">
            <p style="margin-bottom: 20px; font-size: 14px;">
                {{message}}
            </p>

            <div class="features-grid">
                <!-- Card 1 -->
                <div class="feature-card">
                    <img src="https://docs-images.phcode.dev/phcode-sdk/quick-view-image.png" alt="{{Strings.PROMO_CARD_1}}" class="feature-thumb">
                    <div class="feature-body">
                        <h2>{{Strings.PROMO_CARD_1}}</h2>
                        <p>{{Strings.PROMO_CARD_1_MESSAGE}}</p>
                    </div>
                </div>

                <!-- Card 2 -->
                <div class="feature-card">
                    <img src="https://docs-images.phcode.dev/phcode-sdk/quick-view-image.png" alt="{{Strings.PROMO_CARD_2}}" class="feature-thumb">
                    <div class="feature-body">
                        <h2>{{Strings.PROMO_CARD_2}}</h2>
                        <p>{{Strings.PROMO_CARD_2_MESSAGE}}</p>
                    </div>
                </div>

                <!-- Card 3 -->
                <div class="feature-card">
                    <img src="https://docs-images.phcode.dev/phcode-sdk/quick-view-image.png" alt="{{Strings.PROMO_CARD_3}}" class="feature-thumb">
                    <div class="feature-body">
                        <h2>{{Strings.PROMO_CARD_3}}</h2>
                        <p>{{Strings.PROMO_CARD_3_MESSAGE}}</p>
                    </div>
                </div>

                <!-- Card 4 -->
                <div class="feature-card">
                    <img src="https://docs-images.phcode.dev/phcode-sdk/quick-view-image.png" alt="{{Strings.PROMO_CARD_4}}" class="feature-thumb">
                    <div class="feature-body">
                        <h2>{{Strings.PROMO_CARD_4}}</h2>
                        <p>{{Strings.PROMO_CARD_4_MESSAGE}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal-footer">
        <button class="dialog-button btn" data-button-id="learn_more">{{Strings.PROMO_LEARN_MORE}}</button>
        <button class="dialog-button btn primary" data-button-id="ok">{{Strings.OK}}</button>
    </div>
</div>