997111-Added .cs code snippet in getting started page

Author: aarthisf3966

MAUI/Liquid-Glass-UI/getting-started.md

@@ -100,6 +100,122 @@ xmlns:button="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.But
     </core:SfGlassEffectView>
 </Grid>
 
+{% endhighlight %}
+{% highlight C# hl_lines="22" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Buttons;
+
+// Gradient background
+var gradientBrush = new LinearGradientBrush
+{
+    StartPoint = new Point(0, 0),
+    EndPoint = new Point(0, 1),
+    GradientStops = new GradientStopCollection
+    {
+        new GradientStop { Color = Color.FromArgb("#0F4C75"), Offset = 0.0f },
+        new GradientStop { Color = Color.FromArgb("#3282B8"), Offset = 0.5f },
+        new GradientStop { Color = Color.FromArgb("#1B262C"), Offset = 1.0f }
+    }
+};
+
+// Avatar inside glass effect
+var avatarGlass = new SfGlassEffectView
+{
+    WidthRequest = 64,
+    HeightRequest = 64,
+    EffectType = GlassEffectType.Clear,
+    CornerRadius = 32,
+    Content = new SfAvatarView
+    {
+        WidthRequest = 64,
+        HeightRequest = 64,
+        FontSize = 24,
+        CornerRadius = 32,
+        FontAttributes = FontAttributes.Bold,
+        AvatarName = "SF",
+        Background = Colors.Transparent,
+        ContentType = AvatarContentType.Initials,
+        InitialsType = InitialsType.DoubleCharacter
+    }
+};
+
+// Title and subtitle
+var textStack = new VerticalStackLayout
+{
+    Spacing = 2,
+    VerticalOptions = LayoutOptions.Center,
+    Children =
+    {
+        new Label
+        {
+            Text = "Syncfusion®",
+            TextColor = Colors.White,
+            FontAttributes = FontAttributes.Bold,
+            FontSize = 20
+        },
+        new Label
+        {
+            Text = "Deliver innovation with ease",
+            TextColor = Color.FromArgb("#DDFFFFFF"),
+            FontSize = 15
+        }
+    }
+};
+
+// Action button inside glass effect
+var buttonGlass = new SfGlassEffectView
+{
+    CornerRadius = 20,
+    EffectType = GlassEffectType.Clear,
+    WidthRequest = 100,
+    HeightRequest = 40,
+    Content = new SfButton
+    {
+        Text = "Follow",
+        Background = Colors.Transparent,
+        TextColor = Colors.White
+    }
+};
+
+// Inner grid layout
+var innerGrid = new Grid
+{
+    ColumnDefinitions = new ColumnDefinitionCollection
+    {
+        new ColumnDefinition { Width = 64 },
+        new ColumnDefinition { Width = GridLength.Star },
+        new ColumnDefinition { Width = GridLength.Auto }
+    },
+    ColumnSpacing = 12,
+    Children =
+    {
+        avatarGlass,
+        { textStack, 1, 0 },
+        { buttonGlass, 2, 0 }
+    }
+};
+
+// Outer glass effect container
+var outerGlass = new SfGlassEffectView
+{
+    CornerRadius = 20,
+    EffectType = GlassEffectType.Clear,
+    Padding = 16,
+    HeightRequest = 140,
+    WidthRequest = 420,
+    Content = innerGrid
+};
+
+// Root grid with gradient background
+var rootGrid = new Grid
+{
+    Background = gradientBrush,
+    Children = { outerGlass }
+};
+
+Content = rootGrid;
+
 {% endhighlight %}
 {% endtabs %}