Fixed all broken links error

Author: ajay-dhangar

docs/css/colors/hsla.mdx

@@ -138,7 +138,7 @@ In the example above, HSLA color values are used to specify the colors of the `<
 
 By using HSLA color values, you can enhance the visual appearance of your web designs and create engaging color schemes with varying levels of transparency. HSLA color values provide a flexible way to specify colors based on hue, saturation, lightness, and alpha values, allowing you to create unique color effects and visually appealing designs in your web projects.
 
-If you want to learn more about CSS colors, you can check out our [CSS Colors](/tutorial/category/colors) guide for additional information on color models, color functions, and color formats in CSS.
+If you want to learn more about CSS colors, you can check out our [CSS Colors](/tutorial/css/colors/color-names) guide for additional information on color models, color functions, and color formats in CSS.
 
 ## Conclusion
 

docs/css/opacity.mdx

@@ -189,7 +189,7 @@ By using the `opacity` property in CSS, you can create various visual effects on
 
 :::note Try it yourself
 
-Compare this snippet from [CSS Box Model](/tutorial/category/box-model) to learn how to use the CSS box model to control the layout and spacing of elements on your web page.
+Compare this snippet from [CSS Box Model](/tutorial/css/box-model/intro) to learn how to use the CSS box model to control the layout and spacing of elements on your web page.
 
 :::
 

docs/index.mdx

@@ -58,19 +58,19 @@ We cover topics including **Frontend**, **Backend**, **AI**, **Data Science**, a
 
 <DocsCards>
 
-<DocsCard header="HTML" href="/tutorial/category/html" icon="/icons/html-5.svg">
+<DocsCard header="HTML" href="#" icon="/icons/html-5.svg">
   <p>Learn the building blocks of the web — HTML. Understand tags, attributes, forms, and layout fundamentals to create structured webpages.</p>
 </DocsCard>
 
-<DocsCard header="CSS" href="/tutorial/category/css" icon="/icons/css.svg">
+<DocsCard header="CSS" href="#" icon="/icons/css.svg">
   <p>Master styling with CSS. Learn Flexbox, Grid, animations, and responsive design techniques for beautiful interfaces.</p>
 </DocsCard>
 
-<DocsCard header="JavaScript" href="/tutorial/category/javascript" icon="/icons/js.svg">
+<DocsCard header="JavaScript" href="#" icon="/icons/js.svg">
   <p>From basics to advanced — learn JavaScript programming, DOM manipulation, and ES6+ features to bring interactivity to your projects.</p>
 </DocsCard>
 
-<DocsCard header="React.js" href="/tutorial/category/react" icon="/icons/jsx.svg">
+<DocsCard header="React.js" href="#" icon="/icons/jsx.svg">
   <p>Dive into React and learn how to build modern single-page applications with reusable components and hooks.</p>
 </DocsCard>
 
@@ -82,7 +82,7 @@ We cover topics including **Frontend**, **Backend**, **AI**, **Data Science**, a
   <p>Get started with Python programming. Learn syntax, data structures, and how to build automation scripts or web apps.</p>
 </DocsCard>
 
-<DocsCard header="Git & GitHub" href="/tutorial/category/github" icon="/icons/github.svg">
+<DocsCard header="Git & GitHub" href="#" icon="/icons/github.svg">
   <p>Understand version control, branching, and collaboration with Git and GitHub for open-source development.</p>
 </DocsCard>
 

docs/javascript/data-types/primitive-types/string.mdx

@@ -151,7 +151,7 @@ Strings are a fundamental part of JavaScript and are widely used to represent te
 
 In this tutorial, you learned about the string data type in JavaScript, how to create strings using single quotes, double quotes, and backticks, and common string operations such as concatenation, interpolation, and string methods. You also explored examples of using string methods to manipulate and work with string data.
 
-Strings are versatile and powerful data types in JavaScript, and mastering string operations will help you build dynamic and interactive web applications. If you want to learn more about JavaScript data types, check out our [JavaScript Data Types](/tutorial/category/data-types) tutorial.
+Strings are versatile and powerful data types in JavaScript, and mastering string operations will help you build dynamic and interactive web applications. If you want to learn more about JavaScript data types, check out our [JavaScript Data Types](/tutorial/javascript/data-types/intro) tutorial.
 
 ## Conclusion