docs: changed links on the homepage (#2981)

* docs: changed homepage

* added missing import

* added related links

* added a link to the user guide on homepage

docs/content/homepage.mdx

@@ -20,7 +20,7 @@ Learn about Medusa basic features and kickstart your ecommerce project.
 <DocCardList colSize={4} items={[
   {
     type: 'link',
-    href: '/quickstart/quick-start',
+    href: '/usage/create-medusa-app',
     label: 'Quickstart Guide',
     customProps: {
       image: '/img/quickstart-icon.svg',
@@ -30,32 +30,20 @@ Learn about Medusa basic features and kickstart your ecommerce project.
   },
   {
     type: 'link',
-    href: '/tutorial/set-up-your-development-environment',
-    label: 'Set up Dev Environment',
+    href: '/introduction#features',
+    label: 'Features',
     customProps: {
       themedImage: {
         light: '/img/dev-env-icon.svg',
         dark: '/img/dev-env-icon-dark.svg'
       },
-      description: 'Prepare your setup for advanced development.'
-    }
-  },
-  {
-    type: 'link',
-    href: '/usage/configurations',
-    label: 'Configure your Server',
-    customProps: {
-      themedImage: {
-        light: '/img/server-icon.svg',
-        dark: '/img/server-icon-dark.svg'
-      },
-      description: 'Explore Medusa\'s configurations.'
+      description: 'Learn about Medusa\'s features'
     }
   },
   {
     type: 'link',
     href: '/starters/nextjs-medusa-starter',
-    label: 'Next.js Starter',
+    label: 'Next.js Storefront',
     customProps: {
       themedImage: {
         light: '/img/nextjs-icon.svg',
@@ -67,7 +55,7 @@ Learn about Medusa basic features and kickstart your ecommerce project.
   {
     type: 'link',
     href: '/starters/gatsby-medusa-starter',
-    label: 'Gatsby Starter',
+    label: 'Gatsby Storefront',
     customProps: {
       themedImage: {
         light: '/img/gatsby-icon.svg',
@@ -79,7 +67,7 @@ Learn about Medusa basic features and kickstart your ecommerce project.
   {
     type: 'link',
     href: '/admin/quickstart',
-    label: 'Admin Quickstart Guide',
+    label: 'Admin Quickstart',
     customProps: {
       themedImage: {
         light: '/img/admin-icon.svg',
@@ -87,6 +75,18 @@ Learn about Medusa basic features and kickstart your ecommerce project.
       },
       description: 'Install Medusa\'s Admin to manage your store.'
     }
+  },
+  {
+    type: 'link',
+    href: '/user-guide',
+    label: 'User Guide',
+    customProps: {
+      themedImage: {
+        light: '/img/user-guide.svg',
+        dark: '/img/user-guide-dark.svg'
+      },
+      description: 'Take a look at the features available in Medusa Admin'
+    }
   }
 ]} />