Update of the readme with updated visuals (twentyhq#4041)

* README udpated illustrations & taglines * Delete packages/twenty-docs/static/img/create-tasks-dark.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/create-tasks-light.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/follow-your-deals-dark.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/follow-your-deals-light.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/rich-notes-dark.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/rich-notes-light.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/shortcut-navigation-dark.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/shortcut-navigation-light.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/visualise-customer-dark.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/visualise-customer-light.png Deleting depreciated illustration * Delete packages/twenty-docs/static/img/logo-square-light.svg Logo not part of the visual identity * Updated a typo
sdileep · Feb 19, 2024 · 4a95798 · 4a95798
1 parent 9d2e0e9
commit 4a95798
Show file tree

Hide file tree

Showing 12 changed files with 41 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -71,8 +71,8 @@ Below are some features we have implemented to date:
 
 <p align="center">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/visualise-customer-dark.png">
-      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/visualise-customer-light.png">
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/index-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/index-light.png">
       <img src="./packages/twenty-docs/static/img/visualise-customer-light.png" alt="Companies view" />
     </picture>
 </p>
@@ -81,18 +81,38 @@ Below are some features we have implemented to date:
 
 <p align="center">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/follow-your-deals-dark.png">
-      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/follow-your-deals-light.png">
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/kanban-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/kanban-light.png">
       <img src="./packages/twenty-docs/static/img/follow-your-deals-light.png" alt="Companies view" />
     </picture>
 </p>
 
-## See rich notes tasks displayed in a timeline:
+## Track deals effortlessly with the email integration:
 
 <p align="center">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/rich-notes-dark.png">
-      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/rich-notes-light.png">
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/emails-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/emails-light.png">
+      <img src="./packages/twenty-docs/static/img/rich-notes-light.png" alt="Companies view" />
+    </picture>
+</p>
+
+## Tailor your data model to meet business needs:
+
+<p align="center">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/data-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/data-light.png">
+      <img src="./packages/twenty-docs/static/img/rich-notes-light.png" alt="Companies view" />
+    </picture>
+</p>
+
+## See rich notes displayed in a timeline:
+
+<p align="center">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/notes-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/notes-light.png">
       <img src="./packages/twenty-docs/static/img/rich-notes-light.png" alt="Companies view" />
     </picture>
 </p>
@@ -101,19 +121,28 @@ Below are some features we have implemented to date:
 
 <p align="center">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/create-tasks-dark.png">
-      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/create-tasks-light.png">
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/tasks-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/tasks-light.png">
       <img src="./packages/twenty-docs/static/img/create-tasks-light.png" alt="Companies view" />
     </picture>
 </p>
 
-
 ## Navigate quickly through the app using keyboard shortcuts and search:
 
 <p align="center">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/shortcut-navigation-dark.png">
-      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/shortcut-navigation-light.png">
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/keyboard-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/keyboard-light.png">
+      <img src="./packages/twenty-docs/static/img/shortcut-navigation-light.png" alt="Companies view" />
+    </picture>
+</p>
+
+## Connect your CRM to all your tools through our APIs and Webhooks.
+
+<p align="center">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/api-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/twentyhq/twenty/main/packages/twenty-docs/static/img/api-light.png">
       <img src="./packages/twenty-docs/static/img/shortcut-navigation-light.png" alt="Companies view" />
     </picture>
 </p>

diff --git a/packages/twenty-docs/static/img/create-tasks-dark.png b/packages/twenty-docs/static/img/create-tasks-dark.png
diff --git a/packages/twenty-docs/static/img/create-tasks-light.png b/packages/twenty-docs/static/img/create-tasks-light.png
diff --git a/packages/twenty-docs/static/img/follow-your-deals-dark.png b/packages/twenty-docs/static/img/follow-your-deals-dark.png
diff --git a/packages/twenty-docs/static/img/follow-your-deals-light.png b/packages/twenty-docs/static/img/follow-your-deals-light.png
diff --git a/packages/twenty-docs/static/img/logo-square-light.svg b/packages/twenty-docs/static/img/logo-square-light.svg
diff --git a/packages/twenty-docs/static/img/rich-notes-dark.png b/packages/twenty-docs/static/img/rich-notes-dark.png
diff --git a/packages/twenty-docs/static/img/rich-notes-light.png b/packages/twenty-docs/static/img/rich-notes-light.png
diff --git a/packages/twenty-docs/static/img/shortcut-navigation-dark.png b/packages/twenty-docs/static/img/shortcut-navigation-dark.png
diff --git a/packages/twenty-docs/static/img/shortcut-navigation-light.png b/packages/twenty-docs/static/img/shortcut-navigation-light.png
diff --git a/packages/twenty-docs/static/img/visualise-customer-dark.png b/packages/twenty-docs/static/img/visualise-customer-dark.png
diff --git a/packages/twenty-docs/static/img/visualise-customer-light.png b/packages/twenty-docs/static/img/visualise-customer-light.png