From 1c3a300c93e5ae002fb4543a6d525a568cf3b479 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Wed, 13 Sep 2023 17:35:14 +0200
Subject: [PATCH] added team section in about page

---
 content/includes/css.blade.php    |  1 +
 content/pages/ueber-uns.blade.php | 77 +++++++++++++++++++++++++++++++
 variables.json                    | 14 ++++++
 3 files changed, 92 insertions(+)

diff --git a/content/includes/css.blade.php b/content/includes/css.blade.php
index 25afbe4..71991f8 100644
--- a/content/includes/css.blade.php
+++ b/content/includes/css.blade.php
@@ -19,6 +19,7 @@
 
 
     .bg-primary{ background-color: {{$_primary_ci_color}} !important;}
+    .bg-secondary{ background-color: {{$_secondary_background_color}} !important;}
 
     a, a:hover, a:active {color:{{$_primary_link_color}};}
 
diff --git a/content/pages/ueber-uns.blade.php b/content/pages/ueber-uns.blade.php
index fd4e95d..cb8a7b7 100644
--- a/content/pages/ueber-uns.blade.php
+++ b/content/pages/ueber-uns.blade.php
@@ -150,7 +150,84 @@
 
 
 
+    @if($_zeige_team)
 
+        <div class="container-fluid py-5 bg-secondary">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12">
+                        <h2 class="h3 mb-5">Unser Team</h2>
+                    </div>
+
+
+                    <div class="col-2 text-center mb-5">
+                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
+                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
+                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
+                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
+                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
+                            {{$_telefonnummer}}
+                        </a>
+                    </div>
+
+                    <div class="col-2 text-center mb-5">
+                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
+                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
+                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
+                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
+                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
+                            {{$_telefonnummer}}
+                        </a>
+                    </div>
+
+                    <div class="col-2 text-center mb-5">
+                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
+                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
+                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
+                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
+                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
+                            {{$_telefonnummer}}
+                        </a>
+                    </div>
+
+                    <div class="col-2 text-center mb-5">
+                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
+                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
+                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
+                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
+                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
+                            {{$_telefonnummer}}
+                        </a>
+                    </div>
+
+                    <div class="col-2 text-center mb-5">
+                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
+                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
+                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
+                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
+                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
+                            {{$_telefonnummer}}
+                        </a>
+                    </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+                </div>
+            </div>
+        </div>
+    @endif
 
 
 
diff --git a/variables.json b/variables.json
index 018732c..90224c0 100644
--- a/variables.json
+++ b/variables.json
@@ -63,6 +63,20 @@
     ]
   },
 
+
+  {
+    "icon": "/font-awesome/light/users.svg",
+    "group_name": "Über uns",
+    "description": "Here you can configure the shopping cart.",
+    "variables": [
+      {
+        "name": "Zeige Team",
+        "type": "boolean",
+        "description": "Soll das Team gezeigt werden?"
+      }
+    ]
+  },
+
   {
     "icon": "/font-awesome/light/map-pin.svg",
     "group_name": "Kontankt",