|
7 | 7 | import FeatureCard from './FeatureCard.svelte' |
8 | 8 |
|
9 | 9 | import FrameworksGraphic from './svg/frameworks-group.svelte' |
10 | | - import NotifyGraphic from './svg/notify-group.svelte' |
11 | 10 | import NetworksGraphic from './svg/networks-graphic.svg' |
12 | 11 | import AccountCenterGraphic from './svg/account-center-graphic.svg' |
13 | 12 | import WalletsGraphic from './svg/wallet-row.svg' |
|
89 | 88 | style="margin: 0 auto; max-width: none;" |
90 | 89 | /> |
91 | 90 | </ScrollContainer> |
92 | | - <Container> |
93 | | - <div class="flexbox"> |
94 | | - <div> |
95 | | - <img |
96 | | - src={TransactionPreviewGraphic} |
97 | | - alt="Transaction Preview" |
98 | | - style="margin: 0 auto; max-width: none;" |
99 | | - /> |
100 | | - </div> |
101 | | - <div> |
102 | | - <TextBlock |
103 | | - title={'Transaction Preview'} |
104 | | - subtitle={'Preview transactions to see net-balance changes and gas spent'} |
105 | | - text={'Reduce transaction anxiety by allowing users to easily preview expected net-balance changes for their connected wallets before authorizing transactions.'} |
106 | | - > |
107 | | - <Flexbox --wrap="wrap"> |
108 | | - <Button href="/docs/modules/transaction-preview" buttonStyle={'link'} |
109 | | - >{'Learn More'}</Button |
110 | | - > |
111 | | - <Button |
112 | | - href="/docs/modules/transaction-preview#try-transaction-preview" |
113 | | - buttonStyle={'link'}>{'View Demo'}</Button |
114 | | - > |
115 | | - </Flexbox> |
116 | | - <div class="prose"> |
117 | | - <slot name="installTp" /> |
118 | | - </div> |
119 | | - </TextBlock> |
120 | | - </div> |
121 | | - </div> |
122 | | - </Container> |
123 | | - <Container> |
124 | | - <div class="flexbox"> |
125 | | - <TextBlock |
126 | | - title={'Real-time transaction notifications'} |
127 | | - subtitle={''} |
128 | | - text={'Real-time transaction notifications for all connected wallet addresses and all transaction states.'} |
129 | | - > |
130 | | - <Flexbox --wrap="wrap"> |
131 | | - <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button> |
132 | | - <Button href="/examples/connect-wallet" buttonStyle={'link'}>{'View Demo'}</Button> |
133 | | - </Flexbox> |
134 | | - </TextBlock> |
135 | | - <div><NotifyGraphic /></div> |
136 | | - </div> |
137 | | - </Container> |
138 | 91 | <Container> |
139 | 92 | <div class="flexbox"> |
140 | 93 | <div><img src={AccountCenterGraphic} alt="" /></div> |
|
0 commit comments