feat(*): adding themePicker to Samples

docs/angular/package.json

@@ -37,7 +37,7 @@
   "dependencies": {
     "astro": "^7.2.2",
     "docs-template": "file:../../",
-    "igniteui-astro-components": "1.0.2",
+    "igniteui-astro-components": "1.1.0",
     "sharp": "^0.35.3"
   },
   "devDependencies": {

docs/angular/src/content/en/components/general-getting-started.mdx

@@ -0,0 +1,54 @@
+---
+title: Getting Started | Ignite UI for Angular | Infragistics
+description: "Install Ignite UI for Angular and render your first component. Covers CLI scaffolding, manual package setup, and AI tooling with Agent Skills and MCP servers."
+keywords: "Ignite UI for Angular, Infragistics, Getting Started"
+last_updated: "2025-04-06"
+mentionedTypes: []
+llms:
+  description: "Ignite UI for Angular is a complete set of UI widgets, components, and Figma UI kits for Angular by Infragistics."
+---
+
+import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
+import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
+import DownloadCard from 'docs-template/components/mdx/DownloadCard.astro';
+import DownloadCardGroup from 'docs-template/components/mdx/DownloadCardGroup.astro';
+import { Image } from 'astro:assets';
+import nodejs from '@xplat-images/general/nodejs.svg';
+import vsCode from '@xplat-images/general/vs-code.svg';
+import igCliGrid from '@xplat-images/general/ig-cli-grid.png';
+import igViteGrid from '@xplat-images/general/ig-vite-grid.png';
+import wcProject from '@xplat-images/wc-project.jpg';
+import wcLiveServer from '@xplat-images/wc-live-server.jpg';
+import geoMap from '@xplat-images/general/geo-map.png';
+import newBlazorProjectServer from '@xplat-images/general/new-blazor-project-server.jpg';
+import newBlazorProjectConfigureServer from '@xplat-images/general/new-blazor-project-configure-server.jpg';
+import newBlazorProjectInfoServer from '@xplat-images/general/new-blazor-project-info-server.jpg';
+import gettingStartedBlazorCard from '@xplat-images/general/getting-started-blazor-card.jpg';
+
+## Updating Existing Apps
+
+If you want to use Ignite UI for Angular in an existing Angular CLI project, we have you covered! All you have to do is execute these commands:
+
+```cmd
+npm install --save igniteui-angular
+npm install --save igniteui-angular-charts igniteui-angular-core
+npm install --save igniteui-angular-excel igniteui-angular-core
+npm install --save igniteui-angular-gauges igniteui-angular-core
+npm install --save igniteui-angular igniteui-angular-core
+npm install --save igniteui-angular-maps igniteui-angular-core
+npm install --save igniteui-angular-spreadsheet igniteui-angular-core
+```
+
+Or
+
+```cmd
+yarn add igniteui-angular-charts igniteui-angular-core
+yarn add igniteui-angular-excel igniteui-angular-core
+yarn add igniteui-angular-gauges igniteui-angular-core
+yarn add igniteui-angular igniteui-angular-core
+yarn add igniteui-angular-maps igniteui-angular-core
+yarn add igniteui-angular-spreadsheet igniteui-angular-core
+```
+
+This will automatically install packages for Ignite UI for Angular, along with all of their dependencies, font imports and styles references to the existing project.