feat: add ai showcase in modal

src/blocks/plugins/welcome-guide/index.js

@@ -120,11 +120,20 @@ const WelcomeGuide = () => {
 					)
 				},
 				{
-					image: <img src={ window.themeisleGutenberg.assetsPath + '/images/guide/welcome-section.png' } />,
+					image: <img src={ window.themeisleGutenberg.assetsPath + '/images/guide/welcome-ai.png' } />,
 					content: (
 						<Fragment>
-							<h1 className="o-welcome-guide__heading">{ __( 'Create unique pages with the Section Block', 'otter-blocks' ) }</h1>
-							<p className="o-welcome-guide__text">{ __( 'Section Block allows you to create responsive sections with up to 6 columns that have advanced customization options.', 'otter-blocks' ) }</p>
+							<h1 className="o-welcome-guide__heading">{ __( 'Create amazing things in less time with AI', 'otter-blocks' ) }</h1>
+							<p className="o-welcome-guide__text">{ __( 'Supercharge your productivity with our new AI Block, which can generate forms for you in seconds. More features are coming soon.', 'otter-blocks' ) }</p>
+						</Fragment>
+					)
+				},
+				{
+					image: <img src={ window.themeisleGutenberg.assetsPath + '/images/guide/welcome-css.png' } />,
+					content: (
+						<Fragment>
+							<h1 className="o-welcome-guide__heading">{ __( 'Extend each block with more powerful features', 'otter-blocks' ) }</h1>
+							<p className="o-welcome-guide__text">{ __( 'Otter adds extra functionalities such as Custom CSS, Animations and Visibility Conditions to default and third party blocks.', 'otter-blocks' ) }</p>
 						</Fragment>
 					)
 				},