diff --git a/README.md b/README.md
index 949bc44..00473f7 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,111 @@
 # PCX Connect | PCC Integration
 
 Drupal Module for PCC Integration
+
+## Pre-requisite
+
+PCX Connect allows Drupal integration with multiple PCC Sites. As a pre-requisite, we need the following:
+
+- PCC Site ID & Token
+  (Refer to [Managing PCC Sites](#managing-pcc-sites) to know more about how to create a PCC site or access an existing site)
+
+- Google Drive Integrated with Pantheon Content Cloud
+  (Refer to [Content Creation Guide](https://pcc.pantheon.io/docs/pantheon-content-cloud-installation-instructions) to
+connect Google with PCC Site)
+
+## Managing PCC Sites
+
+PCC Sites are managed by PCC Cli. Refer to [Pantheon Developer Guide](https://pcc.pantheon.io/docs/pcc-cli-setup) to 
+setup `pcc-cli` and then we can create PCC Site(s). 
+
+### Creating a PCC Site
+
+1. Create a PCC Site using `pcc-cli` to get the site ID:
+
+    ```pcc site create --url mydomain.com```
+
+    And PCC Site Token as:
+
+    ```pcc token create```
+
+    More details here: [Pantheon Guide | PCC Variables](https://pcc.pantheon.io/docs/required-pcc-variables)
+
+2. Once we have PCC Site ID & Token, we can create / manage Drupal PCC Site at `/admin/structure/pcc_sites`
+
+    ![Create PCC Site](./screenshots/create-pcc-site.png)
+
+**Note: For Reference, the PCX Connect module ships an example connected PCC Site.**
+
+## Managing content display of PCC Site
+
+Once the PCC Site is created and added in Drupal, we can display content from PCC Site (the connected Google Drive).
+
+### Creating Listing of the content
+
+To create a listing of the content from PCC site, create a view to show `PCC Site - Site Name`. We have the following
+fields, filters, sorting and pagination available:
+
+![Create View - Show PCC Site](./screenshots/create-pcc-site-views.png)
+
+#### Available fields
+
+- ID
+- Slug
+- Title
+- Content
+- Snippet
+- Tags
+- Metadata
+- Published Date
+- Updated At
+- Publishing Level
+
+#### Metadata fields
+
+PCX Connect module also supports Metadata fields. Search for Metadata field, add the field, select one of the available
+metadata fields.
+
+#### Filtering, Sorting and Pagination
+
+Following features are supported for views:
+
+##### Filtering
+
+Module supports Views content filtering for `Title`, `Content`, `Tags` fields for now. Additionally, usage is limited to
+`is equal to` operator while it corresponds to search docs using `contains` operator via PCC API.
+
+##### Sorting
+
+Module supports Views content sorting for `Published Date` and `Updated At`.
+
+##### Pagination
+
+For now, the module supports Mini pager.
+
+### Creating individual page for each content
+
+This can be achieved using contextual filters.
+
+#### Contextual Filter
+
+Following contextual filters are fully supported that can help in building individual content pages:
+
+- Slug
+- ID
+
+### Live Preview of content
+
+PCX Connect module installs optionally `pantheon_cloud_api` view that creates route `/api/pantheoncloud/document/%` for
+integration with Pantheon Content Cloud. This uses `Publishing Level` contextual filter. Preview supports auto-refresh.
+
+## Smart Components Integration | PCC | Submodule
+
+For integration with PCC Smart Components, please review and enable `pcx_smart_components` submodule.
+
+## Examples
+
+PCX Connect module by default would create PCC Site configuration for demo purposes. Additionally, View 
+`blogs` and `pantheon_cloud_api` are installed, to show a sample content listing page at `/blogs` and also creates
+individual pages (`/blogs/{slug}`) for these blog contents.
+
+And the `pantheon_cloud_api` view is responsible for Live Preview feature.
\ No newline at end of file
diff --git a/modules/pcx_smart_components/README.md b/modules/pcx_smart_components/README.md
new file mode 100644
index 0000000..e063bcb
--- /dev/null
+++ b/modules/pcx_smart_components/README.md
@@ -0,0 +1,42 @@
+# Smart Components Integration | PCC
+
+Pantheon Content Cloud supports custom components which actually are owned by Drupal (in our case), but available in
+Google Docs to be added as content (via PCC Google Docs Add-on). Read More about [Smart Components](https://pcc.pantheon.io/docs/content-cloud-smart-custom-components)
+
+## Managing Single Directory Component (SDC) as Smart Component
+
+This module enables usage of Drupal Single Directory Components (SDC) to be integrated as PCC Smart Component. This
+gives Drupal flexibility to define the component (properties, output, assets) while Google Docs can embed them as
+content, and finally Drupal controls rendering of these components.
+
+### Creating SDC (PCC Component)
+
+Creating SDC for PCC Integration is simple, just set `pcc_component: true` for the component and these components, would
+be available in Google Docs (via Add-on). A sample SDC component (PCX Smart Component Basic) is available with this 
+module be default.
+
+### Adding smart component to PCC Site Content (via Google Docs)
+
+To ensure SDC components are available as smart component for Google Docs, validate following route
+`/api/pantheoncloud/component_schema`
+
+![Create View - Show PCC Site](./screenshots/api-component-schema.png)
+
+This list contains SDC as smart components that are available for Google Docs Add-on
+
+### Rendering Smart Component
+
+This module supports smart components in `pcc_content` views field and would automatically render the smart component
+based on SDC rendering.
+
+As of now, module supports the following SDC property types
+
+- string
+- boolean
+- object
+- number
+
+Following properties have not been tested:
+
+- array
+- enum
diff --git a/modules/pcx_smart_components/screenshots/api-component-schema.png b/modules/pcx_smart_components/screenshots/api-component-schema.png
new file mode 100644
index 0000000..6d974df
Binary files /dev/null and b/modules/pcx_smart_components/screenshots/api-component-schema.png differ
diff --git a/screenshots/create-pcc-site-views.png b/screenshots/create-pcc-site-views.png
new file mode 100644
index 0000000..ac4a385
Binary files /dev/null and b/screenshots/create-pcc-site-views.png differ
diff --git a/screenshots/create-pcc-site.png b/screenshots/create-pcc-site.png
new file mode 100644
index 0000000..9bc7a79
Binary files /dev/null and b/screenshots/create-pcc-site.png differ