diff --git a/src/components/Apps.tsx b/src/components/Apps.tsx
index bd94a81..09768eb 100644
--- a/src/components/Apps.tsx
+++ b/src/components/Apps.tsx
@@ -1,17 +1,76 @@
"use client";
import React from "react";
-import { Button } from "@/components/Button";
+import Image from 'next/image'
+import { motion } from "framer-motion";
+
+import Algorand from '@/images/logos/algorand.svg'
+import Casperlabs from '@/images/logos/casperlabs.svg'
+import Discourse from '@/images/logos/discourse.svg'
+import gitea from '@/images/logos/gitea.svg'
+import Jenkins from '@/images/logos/jenkins.svg'
+import Jitsi from '@/images/logos/jitsi.svg'
+import Mattermost from '@/images/logos/mattermost.svg'
+import Nextcloud from '@/images/logos/nextcloud.svg'
+
+const logos = [
+ Algorand, Casperlabs, Discourse, gitea,
+ Jenkins, Jitsi, Mattermost, Nextcloud,
+];
export function AppsPreview() {
return (
-
+
+ {/* Heading */}
+
Anything That Runs on Linux Can Run on ThreeFold
-
+
+
+ {/* Animated Line */}
+
+
+ {/* Logos grid */}
+
+ {logos.map((logo, i) => (
+
+
+
+ ))}
+
);
diff --git a/src/images/logos/algorand.svg b/src/images/logos/algorand.svg
new file mode 100644
index 0000000..a456eb3
--- /dev/null
+++ b/src/images/logos/algorand.svg
@@ -0,0 +1,17 @@
+
diff --git a/src/images/logos/bbc.svg b/src/images/logos/bbc.svg
deleted file mode 100644
index e5d73c4..0000000
--- a/src/images/logos/bbc.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/images/logos/casperlabs.svg b/src/images/logos/casperlabs.svg
new file mode 100644
index 0000000..c0660d5
--- /dev/null
+++ b/src/images/logos/casperlabs.svg
@@ -0,0 +1,22 @@
+
diff --git a/src/images/logos/cbs.svg b/src/images/logos/cbs.svg
deleted file mode 100644
index 69c477d..0000000
--- a/src/images/logos/cbs.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/images/logos/cnn.svg b/src/images/logos/cnn.svg
deleted file mode 100644
index a640727..0000000
--- a/src/images/logos/cnn.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/src/images/logos/discourse.svg b/src/images/logos/discourse.svg
new file mode 100644
index 0000000..fe59287
--- /dev/null
+++ b/src/images/logos/discourse.svg
@@ -0,0 +1,13 @@
+
diff --git a/src/images/logos/fast-company.svg b/src/images/logos/fast-company.svg
deleted file mode 100644
index 71f1695..0000000
--- a/src/images/logos/fast-company.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/images/logos/forbes.svg b/src/images/logos/forbes.svg
deleted file mode 100644
index f3929e8..0000000
--- a/src/images/logos/forbes.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/images/logos/gitea.svg b/src/images/logos/gitea.svg
new file mode 100644
index 0000000..11036e1
--- /dev/null
+++ b/src/images/logos/gitea.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/images/logos/huffpost.svg b/src/images/logos/huffpost.svg
deleted file mode 100644
index 7362654..0000000
--- a/src/images/logos/huffpost.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/images/logos/jenkins.svg b/src/images/logos/jenkins.svg
new file mode 100644
index 0000000..65be17f
--- /dev/null
+++ b/src/images/logos/jenkins.svg
@@ -0,0 +1,61 @@
+
diff --git a/src/images/logos/jitsi.svg b/src/images/logos/jitsi.svg
new file mode 100644
index 0000000..cb41df4
--- /dev/null
+++ b/src/images/logos/jitsi.svg
@@ -0,0 +1,130 @@
+
diff --git a/src/images/logos/mattermost.svg b/src/images/logos/mattermost.svg
new file mode 100644
index 0000000..4d0f3dd
--- /dev/null
+++ b/src/images/logos/mattermost.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/images/logos/nextcloud.svg b/src/images/logos/nextcloud.svg
new file mode 100644
index 0000000..810e106
--- /dev/null
+++ b/src/images/logos/nextcloud.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/images/logos/techcrunch.svg b/src/images/logos/techcrunch.svg
deleted file mode 100644
index de91f48..0000000
--- a/src/images/logos/techcrunch.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/images/logos/wired.svg b/src/images/logos/wired.svg
deleted file mode 100644
index e76e50b..0000000
--- a/src/images/logos/wired.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-