Nimitha/embed docs overview revamp

src/pages/guides/index.md

@@ -1,57 +1,115 @@
 ---
 keywords:
-  - Express Embed SDK
-  - Express Editor
-  - Embedded editor documentation
-  - JavaScript library
-  - Adobe Express
-  - Embed SDK
-  - Quick Actions
-  - Developer journey
+- Adobe Express Embed SDK
+- online design tools
+- photo editing features
+- video editing options
+- AI-powered content generation
+- embed Adobe Express
+- professional design capabilities
+- customizable templates
+- stock photos
+- AI-powered image generation
+- project management
+- quick actions
+- media edits
+- resizing tools
+- cropping tools
+- trimming tools
+- background removal
+- file compression
+- export options
+- focused editing experiences
+- generate image
+- edit image
+- developer journey
+- API key
+- code sample
+- demo app
+- integration review
 title: Overview
 description: This is the documentation for Adobe Express Embed SDK
 contributors:
+  - https://github.com/nimithajalal
   - https://github.com/amandahuarng
 ---
 <Hero slots="heading, text" background="rgb(138, 43, 226)"/>
 
 # Overview
 
-Adobe Express Embed SDK is an easy-to-integrate, customizable, all-in-one JavaScript library that brings Adobe Express capabilities to web applications.
+Seamlessly embed Adobe Express on your website with our SDK
+
+<AnnouncementBlock slots="text, button"/>
+
+Experience the power of Adobe Express Embed SDK. Try our demo app and see seamless integration in action!
+
+[Try our demo app](https://demo.expressembed.com/)
 
 ## Adobe Express Embed SDK
 
-Adobe Express Embed SDK lets you embed Adobe Express editing capabilities on your own website. This documentation provides all the materials you need to get started with the SDK. Try them now in our [demo app](https://demo.expressembed.com/).
+The Adobe Express Embed SDK lets you integrate powerful online design tools, photo editing features, video editing options, and AI-powered content generation into your platform. With just a few lines of code, you can embed Adobe Express editor tools and provide your users with seamless access to professional design capabilities.
+
+## Explore our tools
+
+- **Full editor**: Access the complete Adobe Express editor with thousands of templates and assets.
+- **Quick actions**: Use ready-to-use tools for resizing, cropping, trimming, and background removal.
+- **Modules**: Enable focused editing experiences, such as AI-powered image generation and enhancements.
+
+### Full editor: Design without limits
+
+[Adobe Express](https://adobe.com/express) makes it easy to create with thousands of beautiful templates and assets for social media content, logos, and more. Even without design experience, users can create standout content from anywhere. The SDK lets you embed the full Adobe Express editor on your website. Whether creating logos, banners, flyers, or other marketing assets, the full editor empowers users with:
+
+- Thousands of customizable templates.
+- Access to Adobe’s stock photos and design elements.
+- AI-powered image generation features.
+- Flexible project management options to save designs within your platform or download them.
+
+### Quick actions: Fast media edits
 
-### What is the full editor?
+[Quick actions](https://www.adobe.com/express/feature/quick-actions) are fast editing tools for images and videos. This SDK lets you embed quick actions on your website with just a few lines of code. Ideal for quick touch-ups or adjustments for social media and marketing content, these tools include:
 
-[Adobe Express](https://adobe.com/express) makes it easy to create with thousands of beautiful templates, plus assets for social media content, logos, and more. Even without any design experience, Adobe Express users can create standout content from wherever they work. The SDK lets you embed the full Adobe Express editor on your own website. Users can create within the editor as they would in Adobe Express, with access to thousands of templates and powerful features like text-to-image. Any projects can be saved to your application for other tasks.
+- Resizing, cropping, and trimming tools.
+- Background removal and file compression.
+- Customizable export options to download content, save it to your app, or continue editing with the full editor.
 
-### What are quick actions?
+### Modules: Focused editing experiences
 
-[Quick actions](https://www.adobe.com/express/feature/quick-actions) are fast editing tools for images and videos. This SDK lets you embed quick actions on your own website with just a few lines of code. You can configure what export options are surfaced to your users once they are done with editing tasks (i.e. download, save back to app, edit in an embedded Adobe Express editor).
+[Modules](../guides/modules/index.md) are mini-editing experiences that you can offer to your users. They are perfect for focused creative tasks without loading the full editor.
 
-### What are modules?
+Available modules:
 
-[Modules](../guides/modules/index.md) are contained mini-editing experiences that you can surface to your users. The modules available at this time are **Generate Image** and **Edit Image**.
+- Generate image: AI-powered tools to create unique visuals instantly.
+- Edit image: Tools for photo retouching, applying filters, and adjusting backgrounds.
 
-## Getting Started
+## Developer journey
+
+1. **Get an API key**: Refer to the [quickstart](./quickstart/index.md) guide.
+2. **Use documentation**: Utilize our [code sample](https://github.com/AdobeDocs/cc-everywhere/tree/main/v4-sample/sample.md) and [demo app](https://demo.expressembed.com/) code snippets.
+3. **Submit for review**: Submit your integration for [review](./review/index.md) by Adobe.
+4. **Share publicly**: Once approved, share the integration with your users!
+
+## Additional resources
+
+<DiscoverBlock slots="link, text"/>
+
+[Quickstart Guide](../guides/quickstart/)
+
+Learn how to get started with the Adobe Express Embed SDK.
 
 <DiscoverBlock slots="link, text"/>
 
-[Quickstart](./quickstart/index.md)
+[Tutorials](..//guides/tutorials/)
 
-Read our quickstart to begin integrating with the Adobe Express Embed SDK.
+Explore the collection of tutorials.
 
 <DiscoverBlock slots="link, text"/>
 
-[Community forum](https://community.adobe.com/t5/adobe-express-embed-sdk/ct-p/ct-express-embed-sdk?page=1&sort=latest_replies&lang=all&tabid=all)
+[Sample Code](https://github.com/AdobeDocs/cc-everywhere/tree/main/v4-sample)
 
-Follow to get announcements, debug issues, and submit feature requests.
+Adobe Express Embed SDK Sample using V4 SDK.
+
+<DiscoverBlock slots="link, text"/>
 
-## Developer Journey
+[Community](https://developer.adobe.com/express/community)
 
-1. Create a project in [Adobe Developer Console](https://adobe.io/console). Refer to the [quickstart](./quickstart/index.md) guide for these steps.
-2. Use this documentation, [code sample](https://github.com/AdobeDocs/cc-everywhere/tree/main/v4-sample/sample.md) and [demo app](https://demo.expressembed.com/) code snippets to help you get started with development.
-3. Submit your integration for [review](./review/index.md) by Adobe.
-4. Once approved, share the integration publicly with your users!
+If you need assistance or have questions about the Adobe Express Embed SDK, visit the community section for access to community forums.