<phone:LongListSelector Name="peopleLongListSelector"
                                            ItemsSource="{Binding ComponentData}"
                                            GroupHeaderTemplate="{StaticResource LongListSelectorGroupHeaderTemmplate}"
                                            ItemTemplate="{StaticResource LongListSelectorItemTemplate}"
                                            HideEmptyGroups ="true"
                                            IsGroupingEnabled ="true"
                                            LayoutMode="List">
            </phone:LongListSelector>




<DataTemplate x:Key="LongListSelectorGroupHeaderTemmplate">
        <Border Background="Transparent" Padding="5">
            <Border Background="{StaticResource PhoneAccentBrush}" BorderBrush="{StaticResource PhoneAccentBrush}" BorderThickness="2"
                                       Width="62" Height="62" Margin="0,0,18,0"
                                        HorizontalAlignment="Left">
                <TextBlock Text="{Binding Name}"
                                               Foreground="{StaticResource PhoneForegroundBrush}"
                                               FontSize="48"
                                               Padding="6"
                                               FontFamily="{StaticResource PhoneFontFamilySemiLight}"
                                               HorizontalAlignment="Left"
                                               VerticalAlignment="Center"/>
            </Border>
        </Border>
    </DataTemplate>

    <DataTemplate x:Key="LongListSelectorItemTemplate">
        <StackPanel Orientation="Horizontal" Margin="4,4">
            <Image Width="62" Height="62" Source="{Binding Image}" VerticalAlignment="Top"  Margin="0,0,15,0"/>
            <TextBlock Text="{Binding Name}" Style="{StaticResource PhoneTextLargeStyle}" VerticalAlignment="Center" HorizontalAlignment="Left"/>
        </StackPanel>
    </DataTemplate>

public class Component
    {
        public string Guid {get; set;}
        public string Name{get; set;}
        public Item[] Items{get; set;}
    }



    public class Item
        {
           public string Title{get; set;}
            public string Subtitle{get; set;}
            public string Date{get; set;}
         }

       public class MainLstViewModel : BaseViewModel
        {
             private Component[] ComponentData;
             public MainLstViewModel()
             {
               ComponentData = Proxy.GetDataAsync();
             }
        }

<phone:LongListSelector Name="peopleLongListSelector"
                                            ItemsSource="{Binding ComponentData}"
                                            GroupHeaderTemplate="{StaticResource LongListSelectorGroupHeaderTemmplate}"
                                            ItemTemplate="{StaticResource LongListSelectorItemTemplate}"
                                            HideEmptyGroups ="true"
                                            IsGroupingEnabled ="true"
                                            LayoutMode="List">
            </phone:LongListSelector>
            <DataTemplate x:Key="LongListSelectorGroupHeaderTemmplate">
            <Border Background="Transparent" Padding="5">
                <Border Background="{StaticResource PhoneAccentBrush}" BorderBrush="{StaticResource PhoneAccentBrush}" BorderThickness="2"
                                           Width="62" Height="62" Margin="0,0,18,0"
                                            HorizontalAlignment="Left">
                    <TextBlock Text="{Binding Name}"
                                                   Foreground="{StaticResource PhoneForegroundBrush}"
                                                   FontSize="48"
                                                   Padding="6"
                                                   FontFamily="{StaticResource PhoneFontFamilySemiLight}"
                                                   HorizontalAlignment="Left"
                                                   VerticalAlignment="Center"/>
                </Border>
            </Border>
        </DataTemplate>
        <DataTemplate x:Key="LongListSelectorItemTemplate">
            <StackPanel Orientation="Horizontal" Margin="4,4">

                <TextBlock Text="{Binding Name}" Style="{StaticResource PhoneTextLargeStyle}" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                <TextBlock Text="{Binding Subtitle}" Style="{StaticResource PhoneTextLargeStyle}" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                <TextBlock Text="{Binding Date}" Style="{StaticResource PhoneTextLargeStyle}" VerticalAlignment="Center" HorizontalAlignment="Left"/>
            </StackPanel>
        </DataTemplate>