@page "/Supporters"

<MudText Typo="Typo.h3" Class="mb-2">Supporters</MudText>

<InnerScrolling HeaderHeight="6em">
        
    <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/MindWorkAI/AI-Studio/blob/main/Sponsors.md" 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/MindWorkAI/AI-Studio/blob/main/Sponsors.md" 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/MindWorkAI/AI-Studio/blob/main/Sponsors.md" StartIcon="@Icons.Material.Filled.Business" Variant="Variant.Filled" Target="_blank">
                    Become a contributor
                </MudButton>
            </MudPaper>
        </MudItem>
    </MudGrid>

</InnerScrolling>