From c773401f52e0a693e15c7118b4cf1d1bc9127bd2 Mon Sep 17 00:00:00 2001
From: Mateusz <m.leciejewski@mdbootstrap.com>
Date: Thu, 13 Jul 2023 12:13:16 +0200
Subject: [PATCH] Update quick start (#1785)

---
 site/config/_default/config.toml              |  2 +-
 site/config/production/config.toml            |  2 +-
 site/config/tst/config.toml                   |  2 +-
 .../getting-started/quick-start/index.html    | 24 +++++++++++++++++++
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/site/config/_default/config.toml b/site/config/_default/config.toml
index b921b4688..f351107bd 100644
--- a/site/config/_default/config.toml
+++ b/site/config/_default/config.toml
@@ -10,5 +10,5 @@ recaptchaPublicKey = "6Ld6dIgkAAAAAIpY7wJD8aZnFAWF-S1O5HOtdItU"
 [[menu.gettingstarted]]
 identifier = "design-system"
 name = "Design system"
-url = "https://material-minimal.com/learn/material-minimal/about/"
+url = "https://material-minimal.com/
 weight = 2
\ No newline at end of file
diff --git a/site/config/production/config.toml b/site/config/production/config.toml
index b921b4688..003e69dd2 100644
--- a/site/config/production/config.toml
+++ b/site/config/production/config.toml
@@ -10,5 +10,5 @@ recaptchaPublicKey = "6Ld6dIgkAAAAAIpY7wJD8aZnFAWF-S1O5HOtdItU"
 [[menu.gettingstarted]]
 identifier = "design-system"
 name = "Design system"
-url = "https://material-minimal.com/learn/material-minimal/about/"
+url = "https://material-minimal.com/"
 weight = 2
\ No newline at end of file
diff --git a/site/config/tst/config.toml b/site/config/tst/config.toml
index b99e6a296..f2795482b 100644
--- a/site/config/tst/config.toml
+++ b/site/config/tst/config.toml
@@ -10,5 +10,5 @@ recaptchaPublicKey = "6LcpeIgkAAAAALdS4oKmgSPscp8ZYFLjavMstifN"
 [[menu.gettingstarted]]
 identifier = "design-system"
 name = "Design system"
-url = "https://material-minimal.com/learn/material-minimal/about/"
+url = "https://material-minimal.com/"
 weight = 2
\ No newline at end of file
diff --git a/site/content/docs/standard/getting-started/quick-start/index.html b/site/content/docs/standard/getting-started/quick-start/index.html
index 9a28393f8..2a60fa0e2 100644
--- a/site/content/docs/standard/getting-started/quick-start/index.html
+++ b/site/content/docs/standard/getting-started/quick-start/index.html
@@ -204,6 +204,12 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
 <div class="flex flex-row">
   <!-- <div class="w-full basis-7/12"> -->
   <div class="w-full">
+    <a href="https://youtu.be/ik5pzsA0KOo">
+      <img
+        src="https://mdbootstrap.com/img/tailwind-elements/quick-start/mdb-go.webp"
+        alt=""
+        class="mb-5 w-[460px] lg:float-right lg:w-[380px]"
+    /></a>
     <h2
       class="mb-5 mt-0 text-3xl font-semibold leading-normal"
       id="go"
@@ -272,6 +278,12 @@ <h3 class="mb-3 font-bold">About the <code>initTE</code> method</h3>
 
 <div class="flex flex-row">
   <div class="w-full">
+    <a href="https://youtu.be/8pFn__ol6rA">
+      <img
+        src="https://mdbootstrap.com/img/tailwind-elements/quick-start/vite.webp"
+        alt=""
+        class="mb-5 w-[460px] lg:float-right lg:w-[380px]"
+    /></a>
     <h2
       class="mb-5 mt-0 text-3xl font-semibold leading-normal"
       id="vite"
@@ -599,6 +611,12 @@ <h5 class="text-xl">Third slide label</h5>
 <div class="flex flex-row">
   <!-- <div class="w-full basis-7/12"> -->
   <div class="w-full">
+    <a href="https://youtu.be/8veNiCCvXmg">
+      <img
+        src="https://mdbootstrap.com/img/tailwind-elements/quick-start/cdn.webp"
+        alt=""
+        class="mb-5 w-[460px] lg:float-right lg:w-[380px]"
+    /></a>
     <h2
       class="mb-5 mt-0 text-3xl font-semibold leading-normal"
       id="cdn"
@@ -663,6 +681,12 @@ <h5 class="text-xl">Third slide label</h5>
 <div class="flex flex-row">
   <!-- <div class="w-full basis-7/12"> -->
   <div class="w-full">
+    <a href="https://youtu.be/5-ZTB4ke9to">
+      <img
+        src="https://mdbootstrap.com/img/tailwind-elements/quick-start/zip.webp"
+        alt=""
+        class="mb-5 w-[460px] lg:float-right lg:w-[380px]"
+    /></a>
     <h2
       class="mb-5 mt-0 text-3xl font-semibold leading-normal"
       id="starter"