fix: remove default props from ProjectCard component

src/components/ProjectCard.vue

@@ -81,7 +81,6 @@ interface Props {
   icon: string;
   status: 'available' | 'coming-soon' | 'interactive';
   statusLabel: string;
-  buttonVariant: 'primary' | 'disabled';
   buttonLabel: string;
   buttonIcon: string;
   buttonHref?: string;
@@ -92,7 +91,7 @@ interface Props {
   githubLabel?: string;
 }
 
-const props = withDefaults(defineProps<Props>(), {});
+const props = defineProps<Props>();
 
 const statusIcon = computed(() => {
   switch (props.status) {

src/components/UseCaseCard.vue

@@ -29,12 +29,19 @@
       </div>
 
       <!-- Actions -->
-      <div class="flex flex-wrap gap-4">
-        <Button as="a" :href="demoUrl" target="_blank" rel="noreferrer">
+      <div v-if="githubUrl || demoUrl" class="flex flex-wrap gap-4">
+        <Button
+          v-if="demoUrl"
+          as="a"
+          :href="demoUrl"
+          target="_blank"
+          rel="noreferrer"
+        >
           <Icon :icon="demoIcon" height="18" />
           Try Live Demo
         </Button>
         <Button
+          v-if="githubUrl"
           as="a"
           :href="githubUrl"
           target="_blank"
@@ -60,8 +67,8 @@ interface Props {
   imageUrl: string;
   imageAlt: string;
   features: string[];
-  demoUrl: string;
-  githubUrl: string;
+  demoUrl?: string;
+  githubUrl?: string;
   demoIcon: string;
 }
 

src/components/ui/Button.vue

@@ -1,7 +1,7 @@
 <template>
   <component
-    :is="as || 'button'"
-    :type="as === 'button' || !as ? 'button' : undefined"
+    :is="as"
+    :type="as === 'button' ? 'button' : undefined"
     :class="buttonClasses"
     v-bind="$attrs"
   >

src/overview/tooling-and-explorers/blockchain-explorer.md

@@ -69,8 +69,8 @@ publicly auditable.
 
 ::: tip 💡 Dev Tip
 
-Use **Bellecour** for development and testing as it's a
-gasless blockchain, then deploy to **Arbitrum** for production workloads.
+Use **Bellecour** for development and testing as it's a gasless blockchain, then
+deploy to **Arbitrum** for production workloads.
 
 :::
 

src/overview/use-cases.md

@@ -8,7 +8,7 @@ computing and decentralized data protection.
   <UseCaseCard
     title="Content Creator"
     description="A comprehensive demo showcasing iExec's DataProtector Sharing module. Experience privacy-first data sharing where content creators can securely share their work while maintaining full control over access permissions and monetization."
-    imageUrl="/assets/content-creator-screenshot.png"
+    imageUrl="/assets/use-cases/content-creator.png"
     imageAlt="Content Creator Demo Screenshot"
     :features="['DataProtector Core', 'DataProtector Sharing']"
     demoUrl="https://demo.iex.ec/content-creator/"
@@ -17,16 +17,36 @@ computing and decentralized data protection.
   />
 
 <UseCaseCard
-    title="Web3Messaging"
+    title="Web3 Messaging"
     description="Secure communication platform for Web3 users enabling privacy-preserving messaging through Web3Mail and Web3Telegram. Users maintain control over their data while enabling targeted communication and monetizing their engagement."
-    imageUrl="/assets/web3messaging-screenshot.png"
+    imageUrl="/assets/use-cases/web3-messaging.png"
     imageAlt="Web3Messaging Demo Screenshot"
-    :features="['Web3Mail', 'Web3Telegram', 'DataProtector Core']"
+    :features="['DataProtector Core', 'Web3Mail', 'Web3Telegram']"
     demoUrl="https://demo.iex.ec/web3messaging"
     githubUrl="https://github.com/iExecBlockchainComputing/web3-messaging-usecase-demo"
     demoIcon="mdi:message-processing"
   />
 
+<UseCaseCard
+    title="Oracle Factory"
+    description="Decentralized oracle platform providing secure and verifiable data feeds for smart contracts. Data are fetched through iApps that run on a decentralized confidential computing layer, ensuring privacy-preserving computation and access to verified external data sources for your DeFi and Web3 applications."
+    imageUrl="/assets/use-cases/oracle-factory.png"
+    imageAlt="OracleFactory Demo Screenshot"
+    :features="['Oracle Factory']"
+    demoUrl="https://oracle-factory.iex.ec/gallery"
+    demoIcon="mdi:database-search"
+  />
+
+<UseCaseCard
+    title="AI Agent"
+    description="Showcase of artificial intelligence applications running on iExec's confidential computing infrastructure. Experience privacy-preserving AI inference, machine learning model execution, and secure data analysis with TEE protection."
+    imageUrl="/assets/use-cases/elizaos.png"
+    imageAlt="AI Applications Demo Screenshot"
+    :features="['AI', 'TEE', 'Confidential Computing']"
+    githubUrl="https://github.com/iExecBlockchainComputing/iexec-elizaos-agent"
+    demoIcon="mdi:brain"
+  />
+
 </div>
 
 <script setup>