Added changes

Author: karthikasf4617

MAUI/Liquid-Glass-UI/ColorPicker.md

@@ -50,6 +50,8 @@ SfColorPicker colorPicker = new SfColorPicker
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 - For an enhanced UI, set `SliderThumbStroke="Transparent"` at the sample level for the color picker.
 
-The following screenshot illustrates SfColorPicker with the glass effect visible on the color picker while it is in active state.
+The following video illustrates SfColorPicker with the glass effect visible on the color picker while it is in active state.
+
+![Color Picker](images/color-picker.gif)
 
 N> The glass effect is applied to the color picker only while it is in active state.

MAUI/Liquid-Glass-UI/Images/color-picker.gif

@@ -33,13 +33,8 @@ XAML example The navigation drawer’s glass effect appears only while it is in
     <Grid>
         <!-- Background to make the glass effect visible while pressing the navigation drawer -->
         <Image Source="wallpaper.jpg" Aspect="AspectFill" />
-
-        <StackLayout Padding="24" Spacing="16" VerticalOptions="Center">
-            <Label Text="Volume" FontSize="18" TextColor="White" />
-
-            <navigationDrawer:SfNavigationDrawer
-                EnableLiquidGlassEffect="True" />
-        </StackLayout>
+        <navigationDrawer:SfNavigationDrawer EnableLiquidGlassEffect="True" />
+      
     </Grid>
 </ContentPage>
 
@@ -63,6 +58,8 @@ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 - For an enhanced UI, set `ContentBackground="Transparent"` for the `SfNavigationDrawer` and `Background="Transparent"` at the sample level for the content view.
 
-The following screenshot illustrates SfNavigationDrawer with the glass effect visible on the navigation drawer while it is in active state.
+The following video illustrates SfNavigationDrawer with the glass effect visible on the navigation drawer while it is in active state.
+
+![Navigation Drawer](images/navigation-drawer.gif)
 
 N> The glass effect is applied to the navigation drawer only while it is in active state.

MAUI/Liquid-Glass-UI/Images/navigation-drawer.gif

@@ -56,6 +56,8 @@ SfRadialMenu radialMenu = new SfRadialMenu
 - Place the radial menu over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 
-The following screenshot illustrates SfRadialMenu with the glass effect visible on the radial menu while it is in active state.
+The following video illustrates SfRadialMenu with the glass effect visible on the radial menu while it is in active state.
+
+![Radial Menu](images/radial-menu.gif)
 
 N> The glass effect is applied to the radial menu only while it is in active state.

MAUI/Liquid-Glass-UI/Images/radial-menu.gif

@@ -27,8 +27,7 @@ XAML example The switch’s glass effect appears only while it is in active stat
     <Grid>
         <!-- Background to make the glass effect visible while pressing the switch -->
         <Image Source="wallpaper.jpg" Aspect="AspectFill" />
-        <Switch:SfSwitch
-                EnableLiquidGlassEffect="True" />
+        <Switch:SfSwitch EnableLiquidGlassEffect="True" />
      
     </Grid>
 
@@ -52,6 +51,8 @@ SfSwitch aSwitch = new SfSwitch
 - Place the switch over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 
-The following screenshot illustrates SfSwitch with the glass effect visible on the switch while it is in active state.
+The following video illustrates SfSwitch with the glass effect visible on the switch while it is in active state.
+
+![Switch](images/switch.gif)
 
 N> The glass effect is applied to the switch only while it is in active state.

MAUI/Liquid-Glass-UI/Images/switch.gif

@@ -48,6 +48,8 @@ SfTabView tabView = new SfTabView
 - Place the tabview over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 
-The following screenshot illustrates SfTabView with the glass effect visible on the tabview while it is in active state.
+The following video illustrates SfTabView with the glass effect visible on the tabview while it is in active state.
+
+![Tab View](images/tabview.gif)
 
 N> The glass effect is applied to the tabview only while it is in active state.