1 files changed, 22 insertions, 0 deletions
diff --git a/src/frontend/app/components/ServiceAlerts.tsx b/src/frontend/app/components/ServiceAlerts.tsx
new file mode 100644
index 0000000..7966f2a
--- /dev/null
+++ b/src/frontend/app/components/ServiceAlerts.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import "./ServiceAlerts.css";
+
+const ServiceAlerts: React.FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="service-alerts-container">
+      <h2 className="page-subtitle">{t("stoplist.service_alerts")}</h2>
+      <div className="service-alert info">
+        <div className="alert-icon">ℹ️</div>
+        <div className="alert-content">
+          <div className="alert-title">{t("stoplist.alerts_coming_soon")}</div>
+          <div className="alert-message">{t("stoplist.alerts_description")}</div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ServiceAlerts;