diff --git a/src/app/components/ServiceButton.tsx b/src/app/components/ServiceButton.tsx
index be18e1a..93f3da2 100644
--- a/src/app/components/ServiceButton.tsx
+++ b/src/app/components/ServiceButton.tsx
@@ -2,7 +2,7 @@
import React, { useEffect, useState, ReactNode } from 'react';
-export default function ServiceButton({ url, checkUrl, className, icon, name, desc }: { url: string, checkUrl?: string, className: string, icon: ReactNode, name: string, desc: string }) {
+export default function ServiceButton({ url, checkUrl, className, icon, name, desc, access }: { url: string, checkUrl?: string, className: string, icon: ReactNode, name: string, desc: string, access?: 'public' | 'private' | 'on_request' }) {
const [status, setStatus] = useState<'pending' | 'up' | 'down'>('pending');
useEffect(() => {
@@ -34,7 +34,12 @@ export default function ServiceButton({ url, checkUrl, className, icon, name, de
}} title={status === 'up' ? 'Active' : status === 'down' ? 'Dead' : 'Checking...'} />
{icon}
- {name}
+
+ {name}
+ {access === 'public' && (public)}
+ {access === 'private' && (private)}
+ {access === 'on_request' && (on request)}
+
{desc}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5a8bc8d..3c2ed50 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -354,6 +354,7 @@ export default function Home() {
icon="🖥️"
name="Proxmox"
desc="Server Management"
+ access="private"
/>