<?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="YourApp.FinaleCtaPage"
    BackgroundColor="{AppThemeBinding Light=#0A0E16, Dark=#0A0A0A}">

    <!-- Bold backdrop -->
    <ContentPage.Background>
        <RadialGradientBrush Center="0.5,0.2" Radius="1.0">
            <GradientStop Color="#22D3EE" Offset="0.0" />
            <GradientStop Color="#6366F1" Offset="0.45" />
            <GradientStop Color="#0A0E16" Offset="1.0" />
        </RadialGradientBrush>
    </ContentPage.Background>

    <Grid Padding="26">
        <ScrollView>
            <VerticalStackLayout Spacing="22">

                <!-- Hero -->
                <Frame CornerRadius="26" Padding="26"
                       BackgroundColor="{AppThemeBinding Light=#0E1422, Dark=#101826}">
                    <Frame.Shadow>
                        <Shadow Brush="#000000" Opacity="0.40" Radius="28" Offset="0,12"/>
                    </Frame.Shadow>
                    <VerticalStackLayout Spacing="8">
                        <Label Text="Build Mobile. With COBOL."
                               FontSize="34" FontAttributes="Bold"
                               TextColor="{AppThemeBinding Light=White, Dark=White}"/>
                        <Label Text="Take your expertise, your codebase, and your current compiler to a whole new world!"
                               FontSize="16"
                               TextColor="{AppThemeBinding Light=#BBD1FF, Dark=#A5B4FC}"/>
                        <Label Text="Deploy on Android · iOS · Windows · Mac"
                               FontSize="13"
                               TextColor="{AppThemeBinding Light=#7EA6FF, Dark=#93C5FD}"/>
                    </VerticalStackLayout>
                </Frame>

                <!-- Three value cards -->
                <Grid ColumnDefinitions="*,*,*" ColumnSpacing="16">
                    <!-- Simple -->
                    <Frame CornerRadius="20" Padding="18"
                           BackgroundColor="{AppThemeBinding Light=#0F172A, Dark=#0B1220}"
                           Grid.Column="0">
                        <Frame.Shadow>
                            <Shadow Brush="#000000" Opacity="0.35" Radius="18" Offset="0,8"/>
                        </Frame.Shadow>
                        <VerticalStackLayout Spacing="8">
                            <Label Text="🧠 Easy" FontAttributes="Bold" FontSize="20"
                                   TextColor="{AppThemeBinding Light=White, Dark=White}"/>
                            <Label Text="New capabilities, not a new system." FontSize="13"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>

                        </VerticalStackLayout>
                    </Frame>

                    <!-- Fast -->
                    <Frame CornerRadius="20" Padding="18"
                           BackgroundColor="{AppThemeBinding Light=#0F172A, Dark=#0B1220}"
                           Grid.Column="1">
                        <Frame.Shadow>
                            <Shadow Brush="#000000" Opacity="0.35" Radius="18" Offset="0,8"/>
                        </Frame.Shadow>
                        <VerticalStackLayout Spacing="8">
                            <Label Text="⚡ Fast" FontAttributes="Bold" FontSize="20"
                                   TextColor="{AppThemeBinding Light=White, Dark=White}"/>
                            <Label Text="Hot reload." FontSize="13"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                            <Label Text="Instant deployment." FontSize="13"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        </VerticalStackLayout>
                    </Frame>

                    <!-- Powerful -->
                    <Frame CornerRadius="20" Padding="18"
                           BackgroundColor="{AppThemeBinding Light=#0F172A, Dark=#0B1220}"
                           Grid.Column="2">
                        <Frame.Shadow>
                            <Shadow Brush="#000000" Opacity="0.35" Radius="18" Offset="0,8"/>
                        </Frame.Shadow>
                        <VerticalStackLayout Spacing="8">
                            <Label Text="🚀 Wow" FontAttributes="Bold" FontSize="20"
                                   TextColor="{AppThemeBinding Light=White, Dark=White}"/>
                            <Label Text="Native controls." FontSize="13"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                            <Label Text="Modern styling." FontSize="13"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        </VerticalStackLayout>
                    </Frame>
                </Grid>

                <!-- Quick start checklist -->
                <Frame CornerRadius="22" Padding="22"
                       BackgroundColor="{AppThemeBinding Light=#0E1422, Dark=#101826}">
                    <Frame.Shadow>
                        <Shadow Brush="#000000" Opacity="0.35" Radius="22" Offset="0,10"/>
                    </Frame.Shadow>
                    <VerticalStackLayout Spacing="10">
                        <Label Text="Get Mobilized!" FontAttributes="Bold" FontSize="22"
                               TextColor="{AppThemeBinding Light=White, Dark=White}"/>

                            <Label Text="Contact your COBOL distributor or visit mobilecobol.com to download your FREE developer kit."
				 FontSize="16" HorizontalTextAlignment="Center"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        <HorizontalStackLayout Spacing="10">
                            <Label Text="✅" FontSize="16"/>
                            <Label Text="Micro Focus" FontSize="16"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        </HorizontalStackLayout>
                        <HorizontalStackLayout Spacing="10">
                            <Label Text="✅" FontSize="16"/>
                            <Label Text="Acucobol" FontSize="16"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        </HorizontalStackLayout>
                        <HorizontalStackLayout Spacing="10">
                            <Label Text="✅" FontSize="16"/>
                            <Label Text="RM/Cobol" FontSize="16"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        </HorizontalStackLayout>
                        <HorizontalStackLayout Spacing="10">
                            <Label Text="✅" FontSize="16"/>
                            <Label Text="gnucobol" FontSize="16"
                                   TextColor="{AppThemeBinding Light=#E5E7EB, Dark=#E5E7EB}"/>
                        </HorizontalStackLayout>

                    </VerticalStackLayout>
                </Frame>

         

            </VerticalStackLayout>
        </ScrollView>
    </Grid>
</ContentPage>

