Seekers/Views/DashboardPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Justice.Views.DashboardPage"
             Title="DashboardPage" BackgroundColor="WhiteSmoke">
    <ScrollView>
        <VerticalStackLayout>
            <Button Text="Get Current Location" 
            HorizontalOptions="Fill" 
            BackgroundColor="White"
            
            TextColor="DarkGray"/>
            <Grid RowSpacing="10" ColumnSpacing="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <VerticalStackLayout Grid.Column="0" VerticalOptions="End">
                    <Label x:Name="LocationLabel" FontSize="16" TextColor="LightGray" FontAttributes="Bold" Margin="7"/>
                </VerticalStackLayout>
            </Grid>
            <Grid RowSpacing="10" ColumnSpacing="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <VerticalStackLayout Grid.Column="0" VerticalOptions="Center">
                    <Label Text="Welcome" FontSize="20" TextColor="LightGray" FontAttributes="Bold" Padding="10" AnchorY="10"/>
                </VerticalStackLayout>
                <Border Grid.Column="1" StrokeThickness="1" Stroke="Gray" HeightRequest="60" WidthRequest="60" Margin="8">
                    <Border.StrokeShape>
                        <Ellipse />
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.2" Offset="3,4" />
                    </Border.Shadow>
                    <Image Source="unnamed2.png" Aspect="AspectFill"/>
                </Border>
            </Grid>
            <Grid RowSpacing="10" ColumnSpacing="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Border Grid.Column="0" StrokeThickness="0.05" Stroke="#FF5252" HeightRequest="160" Padding="15" VerticalOptions="Start" BackgroundColor="#FFEDEE">
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="15"/>
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.1" Offset="4,4"/>
                    </Border.Shadow>
                    <VerticalStackLayout Spacing="10" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                        <Label Text="Emergency Contact" FontSize="17" FontAttributes="Bold" HorizontalOptions="Start"/>
                        <Label Text="Add Contact" FontSize="12" FontAttributes="Bold" HorizontalOptions="Start" TextColor="Gray"/>
                        <Button Text="Add Contact" TextColor="White" FontAttributes="Bold" CornerRadius="5" BackgroundColor="#FF5252" Clicked="OnAddContactClicked" />
                    </VerticalStackLayout>
                </Border>
                <Border Grid.Column="1" StrokeThickness="0.05" Stroke="#FFA726" HeightRequest="160" Padding="15" VerticalOptions="Start" BackgroundColor="#FFF3E0">
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="15"/>
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.1" Offset="4,4"/>
                    </Border.Shadow>
                    <VerticalStackLayout Spacing="10" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                        <Label Text="Send SOS Alert" FontSize="17" FontAttributes="Bold" HorizontalOptions="Start"/>
                        <Label Text="Send SOS Alert" FontSize="12" FontAttributes="Bold" HorizontalOptions="Start" TextColor="Gray"/>
                        <Button Text="SOS" TextColor="White" FontAttributes="Bold" CornerRadius="5" BackgroundColor="#FFA726" Clicked="OnSOSButtonClicked"/>
                    </VerticalStackLayout>
                </Border>
            </Grid>
            <Grid RowSpacing="15" ColumnSpacing="15" Padding="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Border Grid.Column="0" StrokeThickness="0.05" Stroke="#42A5F5" HeightRequest="160" Padding="15" VerticalOptions="Start" BackgroundColor="#E3F2FD">
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="15"/>
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.1" Offset="4,4"/>
                    </Border.Shadow>
                    <VerticalStackLayout Spacing="10" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                        <Label Text="Incident Report" FontSize="17" FontAttributes="Bold" HorizontalOptions="Start"/>
                        <Label Text="Add new Report" FontSize="12" FontAttributes="Bold" HorizontalOptions="Start" TextColor="Gray"/>
                        <Button Text="Submit Report" TextColor="White" FontAttributes="Bold" CornerRadius="5" BackgroundColor="#42A5F5" Clicked="OnIncidentReportClicked"/>
                    </VerticalStackLayout>
                </Border>
                <Border Grid.Column="1" StrokeThickness="0.05" Stroke="#8BC34A" HeightRequest="160" Padding="15" VerticalOptions="Start" BackgroundColor="#E8F5E9">
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="15"/>
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.1" Offset="4,4"/>
                    </Border.Shadow>
                    <VerticalStackLayout Spacing="10" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                        <Label Text="View Report" FontSize="17" FontAttributes="Bold" HorizontalOptions="Start"/>
                        <Label Text="Check your incident report" FontSize="12" FontAttributes="Bold" HorizontalOptions="Start" TextColor="Gray"/>
                        <Button Text="View Reports" TextColor="White" FontAttributes="Bold" CornerRadius="5" BackgroundColor="#8BC34A" Clicked="OnViewReportClicked"/>
                    </VerticalStackLayout>
                </Border>
            </Grid>
            <Grid RowSpacing="15" ColumnSpacing="15" Padding="10">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Border Grid.Column="0" StrokeThickness="0.05" Stroke="#42A5F5" HeightRequest="160" Padding="15" VerticalOptions="Start" BackgroundColor="#E3F2FD">
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="15"/>
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.1" Offset="4,4"/>
                    </Border.Shadow>
                    <VerticalStackLayout Spacing="10" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                        <Label Text="Helpline Numbers" FontSize="17" FontAttributes="Bold" HorizontalOptions="Start"/>
                        <Label Text="Emergency Helpline for help" FontSize="12" FontAttributes="Bold" HorizontalOptions="Start" TextColor="Gray"/>
                        <Button Text="HelpLine" TextColor="White" FontAttributes="Bold" CornerRadius="5" BackgroundColor="#42A5F5" Clicked="OnHelpLineNumberClicked" />
                    </VerticalStackLayout>
                </Border>
                <Border Grid.Column="1" StrokeThickness="0.05" Stroke="#8BC34A" HeightRequest="160" Padding="15" VerticalOptions="Start" BackgroundColor="#E8F5E9">
                    <Border.StrokeShape>
                        <RoundRectangle CornerRadius="15"/>
                    </Border.StrokeShape>
                    <Border.Shadow>
                        <Shadow Brush="Teal" Opacity="0.1" Offset="4,4"/>
                    </Border.Shadow>
                    <VerticalStackLayout Spacing="10" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                        <Label Text="Information Center" FontSize="17" FontAttributes="Bold" HorizontalOptions="Start"/>
                        <Label Text="GuideLines" FontSize="12" FontAttributes="Bold" HorizontalOptions="Start" TextColor="Gray"/>
                        <Button Text="Information" TextColor="White" FontAttributes="Bold" CornerRadius="5" BackgroundColor="#8BC34A" Clicked="OnInformationCenterClicked"/>
                    </VerticalStackLayout>
                </Border>
            </Grid>
            <Grid RowSpacing="15" ColumnSpacing="15" Padding="10">
                <VerticalStackLayout>
                    <Border HorizontalOptions="Fill" HeightRequest="90">
                        <Label Text="hello" VerticalOptions="Center" HorizontalOptions="Center"></Label>
                    </Border>
                </VerticalStackLayout>
            </Grid>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>