Trouble aligning Hub section element

Dear all,

I have the following page hub section which is displayed when my screen orientation is Portrait :

<HubSectionx:Name="_hero"Width="{Binding ElementName=_Main,Path=ActualWidth}"><HubSection.Background><ImageBrushImageSource="..\Assets\herob.png"Stretch="UniformToFill"/><!--<ImageBrush ImageSource="{Binding AppSettings.BackImage,UpdateSourceTrigger=PropertyChanged}"
								Stretch="UniformToFill"
								/>--></HubSection.Background><DataTemplate><StackPanelWidth="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Width}"><TextBlockText="{Binding AppSettings.AppTitle,UpdateSourceTrigger=PropertyChanged}"VerticalAlignment="Center"HorizontalAlignment="Center"TextAlignment="Justify"TextWrapping="Wrap"Style="{StaticResourceHeaderTextBlockStyle}"Foreground="White"/><ImageSource="../Assets/psLogo.png"HorizontalAlignment="Center"Width="80"Height="80"Opacity="0.8"Stretch="UniformToFill"VerticalAlignment="Center"/><ImageMargin="0,50,0,0"Source="Assets/finger.png"Stretch="UniformToFill"Width="60"Height="86"/><TextBlockx:Uid="Page_Main_Start"HorizontalAlignment="Center"VerticalAlignment="Center"TextAlignment="Justify"TextWrapping="Wrap"Style="{StaticResourceBodyTextBlockStyle}"Foreground="White"/></StackPanel></DataTemplate></HubSection>

What is happeing here is that my StackPanel which is the DataTemplate of the hub section is not aliging properly.

Actually all is align top left corner and have no idea why.

What I need to get is to have :

- The first text box align at top of the section with small margin

- The Image in my stack panel should be center to page height

- The last text block should be align at bottom

Any idea how to arrange this ?

regards