From d59c09611a408014a7ea0a4e709be01021bbc1ff Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Sat, 1 Jun 2024 12:08:48 +0200
Subject: [PATCH] Added a supporters page

---
 .../Components/Layout/MainLayout.razor        |  3 ++
 .../Components/Pages/Supporters.razor         | 50 +++++++++++++++++++
 .../Components/Pages/Supporters.razor.cs      |  7 +++
 3 files changed, 60 insertions(+)
 create mode 100644 app/MindWork AI Studio/Components/Pages/Supporters.razor
 create mode 100644 app/MindWork AI Studio/Components/Pages/Supporters.razor.cs

diff --git a/app/MindWork AI Studio/Components/Layout/MainLayout.razor b/app/MindWork AI Studio/Components/Layout/MainLayout.razor
index ff7c92d..5e042ad 100644
--- a/app/MindWork AI Studio/Components/Layout/MainLayout.razor	
+++ b/app/MindWork AI Studio/Components/Layout/MainLayout.razor	
@@ -11,6 +11,9 @@
                     <MudTooltip Text="Chats" Placement="Placement.Right">
                         <MudNavLink Href="/chat" Icon="@Icons.Material.Filled.Chat">Chats</MudNavLink>
                     </MudTooltip>
+                    <MudTooltip Text="Supporters" Placement="Placement.Right">
+                        <MudNavLink Href="/supporters" Icon="@Icons.Material.Filled.Favorite" IconColor="Color.Error">Supporters</MudNavLink>
+                    </MudTooltip>
                     <MudTooltip Text="About" Placement="Placement.Right">
                         <MudNavLink Href="/about" Icon="@Icons.Material.Filled.Info">About</MudNavLink>
                     </MudTooltip>
diff --git a/app/MindWork AI Studio/Components/Pages/Supporters.razor b/app/MindWork AI Studio/Components/Pages/Supporters.razor
new file mode 100644
index 0000000..f3cef07
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Pages/Supporters.razor	
@@ -0,0 +1,50 @@
+@page "/Supporters"
+
+<MudText Typo="Typo.h3" Class="mb-2">Supporters</MudText>
+
+<div class="d-flex flex-column" style="height: calc(100vh - 6em);">
+    <div class="flex-auto overflow-auto">
+        
+        <div class="border-solid border-2 rounded-lg pa-3 mb-6">
+            <MudText Typo="Typo.h4" Class="mb-2">Our Titans</MudText>
+            <MudText Typo="Typo.body1" Style="text-align: justify; hyphens: auto;" Class="mb-3">
+                In this section, we highlight the titan supporters of MindWork AI Studio. Titans are prestigious companies that provide significant support to our mission.
+            </MudText>
+            <MudText Typo="Typo.body1" Style="text-align: justify; hyphens: auto;" Class="mb-3">
+                For companies, sponsoring MindWork AI Studio is not only a way to support innovation but also a valuable opportunity for public relations and marketing. Your company's name and logo will be featured prominently, showcasing your commitment to using cutting-edge AI tools and enhancing your reputation as an innovative enterprise.
+            </MudText>
+            <MudButton Href="https://github.com/sponsors/MindWorkAI" StartIcon="@Icons.Material.Filled.Business" Variant="Variant.Filled" Target="_blank">
+                Become our first Titan
+            </MudButton>
+        </div>
+        
+        <MudGrid Justify="Justify.Center" Spacing="2" Style="width: 100%;" Class="align-center ma-0">
+            <MudItem Class="pa-0 pr-2" xs="6">
+                <MudPaper Elevation="3" Class="border-solid border rounded-lg pa-3">
+                    <MudText Typo="Typo.h4" Class="mb-3 d-flex align-center">
+                        <MudIcon Icon="@Icons.Material.Filled.People" Size="Size.Large" class="mr-2"/>
+                        Individual Contributors
+                    </MudText>
+
+                    <MudButton Href="https://github.com/sponsors/MindWorkAI" StartIcon="@Icons.Material.Filled.People" Variant="Variant.Filled" Target="_blank">
+                        Become a contributor
+                    </MudButton>
+                </MudPaper>
+            </MudItem>
+
+            <MudItem xs="6" Class="pa-0 pl-2">
+                <MudPaper Elevation="3" Class="border-solid border rounded-lg pa-3">
+                    <MudText Typo="Typo.h4" Class="mb-3 d-flex align-center">
+                        <MudIcon Icon="@Icons.Material.Filled.Business" Size="Size.Large" class="mr-2"/>
+                        Business Contributors
+                    </MudText>
+
+                    <MudButton Href="https://github.com/sponsors/MindWorkAI" StartIcon="@Icons.Material.Filled.Business" Variant="Variant.Filled" Target="_blank">
+                        Become a contributor
+                    </MudButton>
+                </MudPaper>
+            </MudItem>
+        </MudGrid>
+        
+    </div>
+</div>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Pages/Supporters.razor.cs b/app/MindWork AI Studio/Components/Pages/Supporters.razor.cs
new file mode 100644
index 0000000..90c0fad
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Pages/Supporters.razor.cs	
@@ -0,0 +1,7 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Pages;
+
+public partial class Supporters : ComponentBase
+{
+}
\ No newline at end of file