fix: wrong links for getting started cards (#2539)

Author: nmerget

e2e/cypress/e2e/00-0-intro/welcome-story.cy.js

@@ -13,19 +13,19 @@ context('welcome-page', () => {
   };
 
   it('Check for Card: Getting Started', function () {
-    contain(0, 0, 'getting-started--page');
+    contain(0, 0, 'getting-started--docs');
   });
   it('Check for Card: Angular Framework', function () {
-    contain(1, 0, 'frameworks-angular--page');
+    contain(1, 0, 'frameworks-angular--docs');
   });
   it('Check for Card: Javascript Framework', function () {
-    contain(1, 1, 'frameworks-javascript--page');
+    contain(1, 1, 'frameworks-javascript--docs');
   });
   it('Check for Card: React Framework', function () {
-    contain(1, 2, 'frameworks-react--page');
+    contain(1, 2, 'frameworks-react--docs');
   });
   it('Check for Card: Vue Framework', function () {
-    contain(1, 3, 'frameworks-vue--page');
+    contain(1, 3, 'frameworks-vue--docs');
   });
   it('Check for Card: Angular Showcase', function () {
     contain(2, 0, 'showcases--angular-ng-build');

packages/db-ui-elements-stencil/src/stories/intro/getting-started.stories.mdx

@@ -11,10 +11,10 @@ import Update from '../../../../../doc/howto-update.md?raw';
 
 There are some different ways to import required files for each framework:
 
-[<db-button variant="secondary-outline">Angular</db-button>](/story/00-intro-frameworks-angular--page)
-[<db-button variant="secondary-outline">JavaScript</db-button>](/story/00-intro-frameworks-javascript--page)
-[<db-button variant="secondary-outline">React</db-button>](/story/00-intro-frameworks-react--page)
-[<db-button variant="secondary-outline">Vue</db-button>](/story/00-intro-frameworks-vue--page)
+[<db-button variant="secondary-outline">Angular</db-button>](/story/00-intro-frameworks-angular--docs)
+[<db-button variant="secondary-outline">JavaScript</db-button>](/story/00-intro-frameworks-javascript--docs)
+[<db-button variant="secondary-outline">React</db-button>](/story/00-intro-frameworks-react--docs)
+[<db-button variant="secondary-outline">Vue</db-button>](/story/00-intro-frameworks-vue--docs)
 
 <Markdown>{Update}</Markdown>
 

packages/db-ui-elements-stencil/src/stories/intro/welcome.stories.mdx

@@ -14,7 +14,7 @@ DB UI Elements is a library, that provides style conform UI components for Deuts
  header="Getting Started"
  content="How to install and setup your environment and update db-ui-elements"
  illustration="home">
-</db-card>](/story/00-intro-getting-started--page)
+</db-card>](/story/00-intro-getting-started--docs)
 
 [<db-card
     header="GitHub Repository"
@@ -32,25 +32,25 @@ DB UI Elements is a library, that provides style conform UI components for Deuts
  header="Angular"
  content="How to install db-ui-elements inside your Angular application"
  image="./assets/angular.svg">
-</db-card>](/story/00-intro-frameworks-angular--page)
+</db-card>](/story/00-intro-frameworks-angular--docs)
 
 [<db-card
  header="Pure JavaScript"
  content="How to install db-ui-elements inside your JavaScript application"
  image="./assets/javascript.svg">
-</db-card>](/story/00-intro-frameworks-javascript--page)
+</db-card>](/story/00-intro-frameworks-javascript--docs)
 
 [<db-card
  header="React"
  content="How to install db-ui-elements inside your React application"
  image="./assets/react.svg">
-</db-card>](/story/00-intro-frameworks-react--page)
+</db-card>](/story/00-intro-frameworks-react--docs)
 
 [<db-card
  header="Vue"
  content="How to install db-ui-elements inside your Vue application"
  image="./assets/vue.svg">
-</db-card>](/story/00-intro-frameworks-vue--page)
+</db-card>](/story/00-intro-frameworks-vue--docs)
 
 </db-cards>