refactor: enhance welcome and helloWorld pages with structured real-world use cases for improved clarity and engagement in showcasing iExec's privacy-first applications

Author: akugone

src/overview/helloWorld/1-overview.md

@@ -15,7 +15,7 @@ description:
   <p>and explore how iExec can help you build Privacy-preserving applications and securely manage sensitive data.</p>
 </div>
 
-## 👨‍💻 Why build Privacy-preserving dApps with iExec
+## 👨‍💻 Building Privacy-preserving dApps with iExec
 
 <p>Imagine you're building a decentralized application (dApp) that needs to <strong> handle sensitive user data</strong>, for example:</p>
 <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 mb-6">
@@ -86,7 +86,7 @@ iExec combines three fundamental elements that work together seamlessly:
 
 #### 1. Protect data with our devtool [DataProtector](../../tools/dataProtector/getting-started)
 
-- Encrypt your sensitive data and store it securely on IPFS
+- Encrypt your sensitive data and store it securely on Arweave or IPFS
 - Only you control who can access it and when
 - Perfect for private information like research data, business analytics, or
   personal records
@@ -152,79 +152,6 @@ Depending on the dApp's use case, Alice could:
 
 And many other use cases...
 
-## 💡 Possible use cases
-
-<div class="grid grid-cols-1 md:grid-cols-2 gap-6 my-6">
-  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
-    <div class="flex items-baseline gap-2 text-lg">
-      <span>💰</span>
-      <h3 class="font-semibold m-0!">Finance</h3>
-    </div>
-    <ul class="list-disc ml-6">
-      <li>Analyze sensitive financial data</li>
-      <li>Process credit scores without exposing personal information</li>
-    </ul>
-  </div>
-
-  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
-    <div class="flex items-baseline gap-2 text-lg">
-      <span>🤖</span>
-      <h3 class="font-semibold m-0!">AI/ML</h3>
-    </div>
-    <ul class="list-disc ml-6">
-      <li>Train models on private datasets</li>
-      <li>Perform confidential predictions</li>
-    </ul>
-  </div>
-
-  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
-    <div class="flex items-baseline gap-2 text-lg">
-      <span>🔬</span>
-      <h3 class="font-semibold m-0!">Research</h3>
-    </div>
-    <ul class="list-disc ml-6">
-      <li>Share and analyze research data securely</li>
-      <li>Collaborate while protecting intellectual property</li>
-    </ul>
-  </div>
-
-  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
-    <div class="flex items-baseline gap-2 text-lg">
-      <span>📊</span>
-      <h3 class="font-semibold m-0!">Business Analytics</h3>
-    </div>
-    <ul class="list-disc ml-6">
-      <li>Process competitive market data</li>
-      <li>Analyze business metrics confidentially</li>
-    </ul>
-  </div>
-
-  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
-    <div class="flex items-baseline gap-2 text-lg">
-      <span>🎮</span>
-      <h3 class="font-semibold m-0!">Gaming</h3>
-    </div>
-    <ul class="list-disc ml-6">
-      <li>Protect player data and game assets</li>
-      <li>Process in-game transactions securely</li>
-    </ul>
-  </div>
-  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
-    <div class="flex items-baseline gap-2 text-lg">
-      <span>🏥</span>
-      <h3 class="font-semibold m-0!">Healthcare</h3>
-    </div>
-    <ul class="list-disc ml-6">
-      <li>Process patient records privately</li>
-      <li>Run medical analyses while preserving patient confidentiality</li>
-    </ul>
-  </div>
-</div>
-
-<div class="bg-gradient-to-r from-fuchsia-400/10 to-fuchsia-400/5 rounded-[6px] p-6 border-l-4 border-fuchsia-700 mb-6">
-  <p class="m-0!">In the next chapters, we'll follow Alice and Bob's journey step by step, starting with how Alice can <span class="text-fuchsia-700 font-semibold">protect her sensitive data</span> and then how Bob can <span class="text-fuchsia-700 font-semibold">build and deploy a confidential app</span> to process it.</p>
-</div>
-
 ## 🎯 Key takeaways
 
 <div class="flex flex-col my-6">

src/overview/welcome.md

@@ -38,14 +38,78 @@ Ready-to-use components to protect sensitive data and computation:
   confidential environments while controlling access and monetization through
   blockchain
 
-### Real-world applications
-
-Our tools power privacy-critical use cases like:
-
-- Private AI model training and inference
-- Confidential DeFi operations
-- Protected healthcare data processing
-- Secure research computations
+## 💡 Real-world use cases
+
+<div class="grid grid-cols-1 md:grid-cols-2 gap-6 my-6">
+  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
+    <div class="flex items-baseline gap-2 text-lg">
+      <span>💰</span>
+      <h3 class="font-semibold m-0!">Finance</h3>
+    </div>
+    <ul class="list-disc ml-6">
+      <li>Analyze sensitive financial data</li>
+      <li>Process credit scores without exposing personal information</li>
+    </ul>
+  </div>
+
+  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
+    <div class="flex items-baseline gap-2 text-lg">
+      <span>🤖</span>
+      <h3 class="font-semibold m-0!">AI/ML</h3>
+    </div>
+    <ul class="list-disc ml-6">
+      <li>Train models on private datasets</li>
+      <li>Perform confidential predictions</li>
+    </ul>
+  </div>
+
+  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
+    <div class="flex items-baseline gap-2 text-lg">
+      <span>🔬</span>
+      <h3 class="font-semibold m-0!">Research</h3>
+    </div>
+    <ul class="list-disc ml-6">
+      <li>Share and analyze research data securely</li>
+      <li>Collaborate while protecting intellectual property</li>
+    </ul>
+  </div>
+
+  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
+    <div class="flex items-baseline gap-2 text-lg">
+      <span>📊</span>
+      <h3 class="font-semibold m-0!">Business Analytics</h3>
+    </div>
+    <ul class="list-disc ml-6">
+      <li>Process competitive market data</li>
+      <li>Analyze business metrics confidentially</li>
+    </ul>
+  </div>
+
+  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
+    <div class="flex items-baseline gap-2 text-lg">
+      <span>🎮</span>
+      <h3 class="font-semibold m-0!">Gaming</h3>
+    </div>
+    <ul class="list-disc ml-6">
+      <li>Protect player data and game assets</li>
+      <li>Process in-game transactions securely</li>
+    </ul>
+  </div>
+  <div class="bg-[var(--vp-c-bg-soft)] rounded-[6px] p-6 flex flex-col gap-2">
+    <div class="flex items-baseline gap-2 text-lg">
+      <span>🏥</span>
+      <h3 class="font-semibold m-0!">Healthcare</h3>
+    </div>
+    <ul class="list-disc ml-6">
+      <li>Process patient records privately</li>
+      <li>Run medical analyses while preserving patient confidentiality</li>
+    </ul>
+  </div>
+</div>
+
+<div class="bg-gradient-to-r from-fuchsia-400/10 to-fuchsia-400/5 rounded-[6px] p-6 border-l-4 border-fuchsia-700 mb-6">
+  <p class="m-0!">In the next chapters, we'll guide you through our <span class="text-fuchsia-700 font-semibold">Hello World journey</span> - a 30 minutes start that will teach you everything about iExec, from <span class="text-fuchsia-700 font-semibold">protecting sensitive data</span> to <span class="text-fuchsia-700 font-semibold">building and deploying confidential apps</span>.</p>
+</div>
 
 ## 🚀 Start building