diff --git a/app/components/HomeElement.tsx b/app/components/HomeElement.tsx
index 2a36d4d..b28f71e 100644
--- a/app/components/HomeElement.tsx
+++ b/app/components/HomeElement.tsx
@@ -1,3 +1,4 @@
+import Image from "next/image";
import Link from "next/link";
import type { ReactNode } from "react";
@@ -56,97 +57,56 @@ export default function HomeElement({
);
}
-export function JellyfinIcon() {
+export function StreamingIcon() {
return (
);
}
-export function SeerrIcon() {
+export function JellyseerrIcon() {
return (
-
+
);
}
export function MinecraftIcon() {
return (
-
+
);
}
export function AstroneerIcon() {
return (
-
+
);
}
diff --git a/app/globals.css b/app/globals.css
index a42a8e3..67078fb 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -298,12 +298,19 @@ svg {
margin-bottom: 22px;
}
-.service-icon-shell svg {
+.service-icon-shell svg,
+.service-brand-icon {
width: 94px;
height: 94px;
+ object-fit: contain;
filter: drop-shadow(0 8px 14px rgb(0 0 0 / 40%));
}
+.service-brand-icon--minecraft,
+.service-brand-icon--astroneer {
+ border-radius: 20px;
+}
+
.service-copy {
position: relative;
display: grid;
diff --git a/app/page.tsx b/app/page.tsx
index 98a5297..a8a3ed1 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,9 +1,9 @@
import Link from "next/link";
import HomeElement, {
AstroneerIcon,
- JellyfinIcon,
+ JellyseerrIcon,
MinecraftIcon,
- SeerrIcon,
+ StreamingIcon,
} from "./components/HomeElement";
import { astroneerServer, siteConfig } from "./lib/server-config";
@@ -32,7 +32,7 @@ export default function Home() {
variant="jellyfin"
external
>
-
+
-
+
diff --git a/public/assets/jellyseerr.svg b/public/assets/jellyseerr.svg
new file mode 100644
index 0000000..01c0444
--- /dev/null
+++ b/public/assets/jellyseerr.svg
@@ -0,0 +1 @@
+
diff --git a/public/assets/minecraft.svg b/public/assets/minecraft.svg
new file mode 100644
index 0000000..cd6a849
--- /dev/null
+++ b/public/assets/minecraft.svg
@@ -0,0 +1 @@
+