<?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="Ohara.MainPage"
             BackgroundColor="#e2edf1">



    <Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="2*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">

            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center">
                <Image.Clip>
                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
                </Image.Clip>
            </Image>
         
            <Button  Style="{StaticResource buttonMenu}" Text="Acceuil"/>
            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
            <Button Style="{StaticResource buttonMenu}" Text="Personnages"/>
            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
        </VerticalStackLayout>
        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40" Margin="0,20,0,0">
            <Frame CornerRadius="20"  WidthRequest="600" HeightRequest="75">
                <Label Text="Bienvenue dans Ohara !" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
                <Frame.Background>
                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                        <GradientStop Color="#cdffd8" Offset="0.1" /> 
                        <GradientStop Color="#94b9ff" Offset="1.0" />
                    </LinearGradientBrush>
               </Frame.Background>

               
            </Frame>
            <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="600" HeightRequest="500" >
                <Label Text="Présentation :" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
            </Frame>
        </VerticalStackLayout>

        

       <!--<Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start"   BackgroundColor="#72a3b3">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                    <GradientStop Color="#cdffd8" Offset="0.0" />-->
                    <!--<GradientStop Color="#94b9ff" Offset="1.0" /></LinearGradientBrush></Rectangle.Fill></Rectangle>-->
          
       


    </Grid>


</ContentPage>
