Add warning about tool being archived

README.md

@@ -1,3 +1,6 @@
+> **Warning**:
+This repository has been archived and is no longer maintained. For information about how to get started with FOSSBilling check the official [documentation](https://fossbilling.org/docs/getting-started) where help is provided for getting started on multiple platforms.
+
 # [FOSSBilling configuration generator](https://config.fossbilling.org)
 
 ![Screenshot](https://user-images.githubusercontent.com/35808275/196001874-c6ec9c0a-b564-4285-aca3-68e6265adbc7.png)

pages/index.tsx

@@ -3,9 +3,9 @@
 import { Checkbox, Stack, Select, SelectItem, TextInput, Link } from '@carbon/react'
 import { LogoGithub, Need, LogoDiscord, Debug } from '@carbon/icons-react';
 import { useState, useEffect } from 'react'
-import React from 'react'
+import React from 'react'; 
 import PageLayout from "app/components/PageLayout";
-import Result from "app/components/Result"
+import Result from "app/components/Result";
 
 const Index = () => {
   const [webServer, setWebServer] = useState("nginx");
@@ -39,6 +39,9 @@ const Index = () => {
   return (
     <PageLayout title="FOSSBilling configuration generator">
     <div className="container">
+      <div className="warning">
+          WARNING: This tool has been archived and is not guaranteed to provide a working configuration. 
+      </div>
       <img src="https://fossbilling.org/img/logo-white.svg" alt="FOSSBilling logo" width="350px" />
       <div>
         <h1

styles/style.scss

@@ -8,4 +8,11 @@
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
+}
+
+.warning {
+    color: red;
+    border-radius: 10px;
+    padding: 20x;
+    height: 60px
 }