AboutWindow.xaml

<Window x:Class="Ari61850Bridge.AboutWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="About ArServer" Width="560" Height="430"
        WindowStartupLocation="CenterOwner" ResizeMode="NoResize"
        WindowStyle="None" AllowsTransparency="True" Background="Transparent"
        FontFamily="Aptos, Segoe UI Variable Text, Segoe UI, Calibri" Icon="Assets/app-icon.ico">
    <Border Background="White" CornerRadius="26" BorderBrush="#E5E7EB" BorderThickness="1" Effect="{StaticResource SoftShadow}">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Border Grid.Row="0" Background="#0F172A" CornerRadius="26,26,0,0" Padding="24,22" MouseLeftButtonDown="Header_MouseLeftButtonDown">
                <Grid>
                    <Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
                    <Border Width="54" Height="54" CornerRadius="16" ClipToBounds="True" Margin="0,0,16,0">
                        <Image Source="Assets/app-icon.png" Width="54" Height="54" RenderOptions.BitmapScalingMode="HighQuality"/>
                    </Border>
                    <StackPanel Grid.Column="1" VerticalAlignment="Center">
                        <TextBlock Text="ArServer" FontSize="30" FontWeight="SemiBold" Foreground="White"/>
                        <TextBlock Text="IEC 61850 - Modbus TCP + MQTT Gateway" FontSize="13.5" Foreground="#CBD5E1" Margin="0,4,0,0"/>
                    </StackPanel>
                    <Button Grid.Column="2" Content="Close" Style="{StaticResource MiniChipButton}" Click="Close_Click" VerticalAlignment="Top"/>
                </Grid>
            </Border>

            <StackPanel Grid.Row="1" Margin="24,22">
                <TextBlock Text="Purpose" Style="{StaticResource SectionTitle}"/>
                <TextBlock Text="Connect to IEC 61850 relays by IP, auto-pick SCADA-ready signals, then publish a clean read-only Modbus TCP map for FUXA/HMI." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,18"/>

                <Border Background="#F8FAFC" BorderBrush="#E5E7EB" BorderThickness="1" CornerRadius="18" Padding="16">
                    <Grid>
                        <Grid.RowDefinitions><RowDefinition/><RowDefinition/><RowDefinition/></Grid.RowDefinitions>
                        <Grid.ColumnDefinitions><ColumnDefinition Width="120"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions>
                        <TextBlock Text="Developer" Foreground="{StaticResource Muted}" FontSize="12.5"/>
                        <TextBlock Grid.Column="1" Text="Ari Sulistiono" Foreground="{StaticResource Ink}" FontWeight="SemiBold"/>
                        <TextBlock Grid.Row="1" Text="GitHub" Foreground="{StaticResource Muted}" FontSize="12.5" Margin="0,10,0,0"/>
                        <TextBlock Grid.Row="1" Grid.Column="1" Text="masarray" Foreground="{StaticResource Ink}" FontWeight="SemiBold" Margin="0,10,0,0"/>
                        <TextBlock Grid.Row="2" Text="LinkedIn" Foreground="{StaticResource Muted}" FontSize="12.5" Margin="0,10,0,0"/>
                        <TextBlock Grid.Row="2" Grid.Column="1" Text="Ari Sulistiono" Foreground="{StaticResource Ink}" FontWeight="SemiBold" Margin="0,10,0,0"/>
                    </Grid>
                </Border>
            </StackPanel>

            <Border Grid.Row="2" Background="#F8FAFC" CornerRadius="0,0,26,26" Padding="24,14">
                <TextBlock Text="Read-only gateway. Control/write commands are intentionally disabled for safety." Foreground="{StaticResource Muted}" FontSize="12.5"/>
            </Border>
        </Grid>
    </Border>
</Window>