From 6bd667c8fc30dc7f10ffbf2d8a6070292cfee483 Mon Sep 17 00:00:00 2001
From: ISA <ismail.ali@littwin-systemtechnik.de>
Date: Sun, 29 Sep 2024 19:39:50 +0200
Subject: [PATCH] Footer icons

---
 app/dashboard/page.jsx | 20 +++++++++++++-------
 components/Footer.jsx  | 20 ++++++++++++++++----
 2 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/app/dashboard/page.jsx b/app/dashboard/page.jsx
index 7f178aa..66c1665 100644
--- a/app/dashboard/page.jsx
+++ b/app/dashboard/page.jsx
@@ -200,13 +200,19 @@ function Dashboard() {
             <h2 className="text-lg font-semibold text-gray-700 mb-2">
               Versionsinformationen
             </h2>
-            <p className="text-sm text-gray-600">
-              <span className="font-bold">Applikationsversion: </span> 5.1.1.8
-              C-24-KA
-            </p>
-            <p className="text-sm text-gray-600">
-              <span className="font-bold">Webserverversion: </span> 5.3.4.1
-            </p>
+            <div className="flex flex-row p-2 space-x-2">
+              <Icon icon="bx:code-block" className="text-xl text-blue-400" />
+              <p className="text-sm text-gray-600">
+                <span className="font-bold">Applikationsversion: </span> 5.1.1.8
+                C-24-KA
+              </p>
+            </div>
+            <div className="flex flex-row p-2 space-x-2">
+              <Icon icon="mdi:web" className="text-xl text-blue-400" />
+              <p className="text-sm text-gray-600">
+                <span className="font-bold">Webserverversion: </span> 5.3.4.1
+              </p>
+            </div>
           </div>
 
           {/* Beispiel für Geräteanzeige */}
diff --git a/components/Footer.jsx b/components/Footer.jsx
index 22a2404..86df0c4 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -1,16 +1,28 @@
 "use client";
 import React from "react";
+import { Icon } from "@iconify/react";
 
 function Footer() {
   return (
-    <footer className="bg-gray-300 p-4 overflow-hidden">
+    <footer className="bg-gray-300 p-4 overflow-hidden ">
       <div className="container mx-auto flex justify-between">
-        <div>
+        <div className="flex flex-row space-x-2">
+          <Icon
+            icon="material-symbols:factory-outline"
+            className="text-xl text-blue-400"
+          />
           <p className="text-sm">Littwin Systemtechnik GmbH & Co. KG</p>
         </div>
-        <div className="flex space-x-4">
+        <div className="flex flex-row space-x-2">
+          <Icon icon="charm:phone" className="text-xl text-blue-400" />
           <p className="text-sm">Telefon: 04402 972577-0</p>
-          <p className="text-sm">E-Mail: kontakt@littwin-systemtechnik.de</p>
+        </div>
+        <div className="flex flex-row space-x-2">
+          <Icon icon="mdi:email-outline" className="text-xl text-blue-400" />
+          <p className="text-sm">kontakt@littwin-systemtechnik.de</p>
+        </div>
+        <div className="flex flex-row space-x-2">
+          <Icon icon="bi:book" className="text-xl text-blue-400" />
           <p className="text-sm">Handbücher</p>
         </div>
       </div>