moved imports to another folder

Author: claudiacodacy

new-docs/src/components/NavMultistep.astro

@@ -0,0 +1,59 @@
+---
+const { step } = Astro.props;
+const activeStep = typeof step === 'number' ? step : Number(step);
+
+const steps = [
+	{
+		label: 'Adding your first repository',
+		href: '/getting-started/codacy-quickstart#adding-your-first-repository',
+	},
+	{
+		label: 'Configuring your repository',
+		href: '/getting-started/configuring-your-repository#configuring-your-repository',
+	},
+	{
+		label: 'Integrating Codacy with your Git workflow',
+		href: '/getting-started/integrating-codacy-with-your-git-workflow#integrating-codacy-with-your-git-workflow',
+	},
+];
+---
+
+<nav class="nav-multistep" aria-label="Guided path">
+	<p class="nav-multistep__label">This page is part of the following guided path:</p>
+	<ol class="nav-multistep__list">
+		{steps.map((item, index) => (
+			<li class:list={['nav-multistep__step', index === activeStep && 'nav-multistep__step--active']}>
+				{index === activeStep ? <span class="nav-multistep__current">{item.label}</span> : <a href={item.href}>{item.label}</a>}
+			</li>
+		))}
+	</ol>
+</nav>
+
+<style>
+	.nav-multistep {
+		margin: 1rem 0 1.25rem;
+		padding: 1rem;
+		border: 1px solid var(--sl-color-gray-5);
+		border-radius: 0.75rem;
+		background: var(--sl-color-gray-6);
+	}
+	.nav-multistep__label {
+		margin: 0 0 0.75rem;
+		color: var(--sl-color-gray-2);
+		font-size: var(--sl-text-sm);
+	}
+	.nav-multistep__list {
+		margin: 0;
+		padding-left: 1.25rem;
+	}
+	.nav-multistep__step {
+		margin: 0.25rem 0;
+	}
+	.nav-multistep__step--active {
+		font-weight: 600;
+	}
+	.nav-multistep__current {
+		color: var(--sl-color-white);
+	}
+</style>
+

…ocs/getting-started/codacy-quickstart.md …cs/getting-started/codacy-quickstart.mdxnew-docs/src/content/docs/getting-started/codacy-quickstart.md renamed to new-docs/src/content/docs/getting-started/codacy-quickstart.mdx new-docs/src/content/docs/getting-started/codacy-quickstart.md renamed to new-docs/src/content/docs/getting-started/codacy-quickstart.mdx

@@ -4,6 +4,8 @@ description: Set up Codacy to automatically analyze your source code and identif
 nav_step: 0
 ---
 
+import NavMultistep from '../../../components/NavMultistep.astro';
+
 Codacy is an automated code quality and coverage platform that analyzes your source code and identifies issues as you go, helping your team ship robust software by scanning over 40 programming languages, such as JavaScript, Python, Java, C#, and PHP.
 
 Check out our product demo for an overview of Codacy's main features (recorded on May 13, 2024):
@@ -19,40 +21,39 @@ By integrating with your Git provider, Codacy keeps track of your team’s work,
 
 ## Adding your first repository
 
-{% include-markdown "../../../assets/includes/nav-multistep-quickstart.md" %}
+<NavMultistep step={0} />
 
 To get started, head to [<span class="skip-vale">codacy.com</span>](https://www.codacy.com/) and click **Start free**. Then, follow these steps:
 
 1.  [Signing up](#signing-up)
 1.  [Choosing an organization](#choosing-organization)
 1.  [Adding repositories](#adding-repositories)
 
-## 1. Signing up 
-{: #signing-up}
+<h2 id="signing-up">1. Signing up</h2>
 
 Sign up with a Git provider such as GitHub, GitLab, or Bitbucket. This links your Codacy user with your Git provider user, making it easier to add repositories to Codacy and invite your teammates.
 
 Codacy will request access to your Git provider during the authorization flow. [Check the permissions that Codacy requires and why](which-permissions-does-codacy-need-from-my-account).
 
-## 2. Choosing an organization 
-{: #choosing-organization}
+<h2 id="choosing-organization">2. Choosing an organization</h2>
 
 Now, you'll need to add or join the organizations that contain your repositories. The organization with the same name as your Git provider username contains your personal repositories. Read more about [organizations on Codacy](../../organizations/what-are-organizations).
 
 To start adding your repositories, select one of the organizations.
 
-!!! note
-    If you can't see the organization you're looking for, [follow these troubleshooting instructions](../faq/troubleshooting/why-cant-i-see-my-organization).
+:::note
+If you can't see the organization you're looking for, [follow these troubleshooting instructions](../faq/troubleshooting/why-cant-i-see-my-organization).
+:::
 
 ![Choosing an organization](../organizations/images/organization-add.png)  
 
-## 3. Adding repositories 
-{: #adding-repositories}
+<h2 id="adding-repositories">3. Adding repositories</h2>
 
 Next, add the repositories that you wish to analyze. Codacy begins an initial analysis as soon as you add a repository and sets everything up to ensure your next commits on that repository are analyzed.
 
-!!! note
-    You can only add repositories on Codacy if you have the [necessary permissions on your Git provider](../organizations/roles-and-permissions-for-organizations).
+:::note
+You can only add repositories on Codacy if you have the [necessary permissions on your Git provider](../organizations/roles-and-permissions-for-organizations).
+:::
 
 ![Adding repositories](../organizations/images/repositories-add.png)