LoginView.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mvvm:TinyView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:mvvm="clr-namespace:TinyMvvm;assembly=TinyMvvm.Maui"
             xmlns:vm="clr-namespace:app.ViewModels"
             x:Class="app.Views.LoginView"
             x:DataType="vm:LoginViewModel"
             Shell.NavBarIsVisible="False"
             Title="Login">
    <!-- using Grid as the layout for the login page -->
    <Grid>
        <Image Source="logo.png" Aspect="Fill"/>
        <Button Text="Log in with Spotify"
                Command="{Binding OpenLoginCommand}"
                VerticalOptions="Center"
                HorizontalOptions="Center"/>
        <!-- using a frame to hold everything; easy to animate -->
        <Frame x:Name="Login" IsVisible="False" CornerRadius="10" BorderColor="Black" Padding="10">
            <!-- a webview for signing in to an individual spotify account -->
            <WebView x:Name="LoginWeb"/>
        </Frame>
    </Grid>
</mvvm:TinyView>