AI-Studio/app/MindWork AI Studio/Pages/Supporters.razor

@attribute [Route(Routes.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/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="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>
                
                <MudText Typo="Typo.h6" Class="mt-8">
                    The first 10 supporters who make a monthly contribution:
                </MudText>
                <MudList T="string">
                    <Supporter Name="richard-stanton" Type="SupporterType.INDIVIDUAL" URL="https://github.com/richard-stanton" Acknowledgment="Thank you, Richard, for being the first."/>
                    <Supporter Name="peerschuett" Type="SupporterType.INDIVIDUAL" URL="https://github.com/peerschuett" Acknowledgment="Thank you, Peer, for your courage in being the second person to support the project financially."/>
                </MudList>
            </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>

</InnerScrolling>