LanMountainDesktop/LanMountainDesktop/Views/SettingsPages/AboutSettingsPage.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:LanMountainDesktop.ViewModels"
             xmlns:controls="using:LanMountainDesktop.Controls"
             xmlns:ui="using:FluentAvalonia.UI.Controls"
             xmlns:fi="using:FluentIcons.Avalonia"
             x:Class="LanMountainDesktop.Views.SettingsPages.AboutSettingsPage"
             x:DataType="vm:AboutSettingsPageViewModel">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.ThemeDictionaries>
                <ResourceDictionary x:Key="Default">
                    <ImageBrush x:Key="AboutBannerBrush"
                                Source="/Assets/about_banner_light.png"
                                Stretch="Uniform"
                                AlignmentX="Center"
                                AlignmentY="Center" />
                </ResourceDictionary>
                <ResourceDictionary x:Key="Dark">
                    <ImageBrush x:Key="AboutBannerBrush"
                                Source="/Assets/about_banner_dark.png"
                                Stretch="Uniform"
                                AlignmentX="Center"
                                AlignmentY="Center" />
                </ResourceDictionary>
            </ResourceDictionary.ThemeDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>

    <UserControl.Styles>
        <Style Selector="StackPanel.about-page-container">
            <Setter Property="HorizontalAlignment" Value="Stretch" />
            <Setter Property="Spacing" Value="0" />
            <Setter Property="Margin" Value="0,12,0,24" />
        </Style>

        <Style Selector="Border.about-hero-card">
            <Setter Property="Background" Value="{DynamicResource AdaptiveSurfaceRaisedBrush}" />
            <Setter Property="BorderBrush" Value="{DynamicResource AdaptiveGlassPanelBorderBrush}" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="CornerRadius" Value="24" />
            <Setter Property="ClipToBounds" Value="True" />
            <Setter Property="Margin" Value="0,0,0,18" />
            <Setter Property="HorizontalAlignment" Value="Stretch" />
        </Style>

        <Style Selector="ui|FAInfoBar.about-static-info">
            <Setter Property="IsOpen" Value="True" />
            <Setter Property="IsClosable" Value="False" />
            <Setter Property="Severity" Value="Informational" />
            <Setter Property="Margin" Value="0,0,0,12" />
        </Style>
    </UserControl.Styles>

    <ScrollViewer HorizontalScrollBarVisibility="Disabled"
                  VerticalScrollBarVisibility="Auto">
        <StackPanel Classes="about-page-container">
            <Border x:Name="AboutHeroCard"
                    Classes="about-hero-card"
                    Height="240"
                    PointerPressed="OnAboutHeroCardPointerPressed">
                <Panel Background="{DynamicResource AboutBannerBrush}" />
            </Border>

            <TextBlock Classes="settings-subsection-title"
                       Text="{Binding AppInfoHeader}" />

            <ui:FAInfoBar Classes="about-static-info"
                          Title="{Binding VersionLabel}"
                          Message="{Binding VersionText}">
                <ui:FAInfoBar.IconSource>
                    <fi:SymbolIconSource Symbol="Info" />
                </ui:FAInfoBar.IconSource>
            </ui:FAInfoBar>

            <ui:FAInfoBar Classes="about-static-info"
                          Title="{Binding CodenameLabel}"
                          Message="{Binding CodenameText}">
                <ui:FAInfoBar.IconSource>
                    <fi:SymbolIconSource Symbol="Bookmark" />
                </ui:FAInfoBar.IconSource>
            </ui:FAInfoBar>

            <ui:FASettingsExpander Header="Project resources"
                                   IsExpanded="True">
                <ui:FASettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="Document" />
                </ui:FASettingsExpander.IconSource>
                <ui:FASettingsExpanderItem>
                    <ui:FASettingsExpanderItem.Footer>
                        <WrapPanel>
                            <WrapPanel.Styles>
                                <Style Selector="HyperlinkButton">
                                    <Setter Property="Padding" Value="4" />
                                    <Setter Property="Margin" Value="2" />
                                </Style>
                            </WrapPanel.Styles>
                            <HyperlinkButton NavigateUri="https://github.com/wwiinnddyy/LanMountainDesktop">
                                <TextBlock Text="GitHub Repository" />
                            </HyperlinkButton>
                            <HyperlinkButton NavigateUri="https://github.com/wwiinnddyy/LanMountainDesktop/issues">
                                <TextBlock Text="Issue Tracker" />
                            </HyperlinkButton>
                        </WrapPanel>
                    </ui:FASettingsExpanderItem.Footer>
                    <TextBlock>
                        <Run Text="Copyright (c) 2024-" /><Run Text="2025" /> Lincube
                    </TextBlock>
                </ui:FASettingsExpanderItem>
            </ui:FASettingsExpander>
        </StackPanel>
    </ScrollViewer>
</UserControl>