minor fixes

Co-authored-by: Teejaswan <Teejaswan@users.noreply.github.com>

pages/getting-started.mdx

@@ -9,15 +9,27 @@ import { Steps, Tab, Tabs } from "nextra-theme-docs";
 Install Continuum Design System using your favorite package manager
 
 <Tabs items={["pnpm", "yarn", "npm"]}>
-  <Tab>```bash copy pnpm install cds-design ```</Tab>
-  <Tab>```bash copy yarn install cds-design ```</Tab>
-  <Tab>```bash copy npm install cds-design ```</Tab>
+  <Tab>
+  ```sh copy
+  pnpm install cds-design
+  ```
+  </Tab>
+  <Tab>
+  ```sh copy
+  yarn install cds-design
+  ```
+  </Tab>
+  <Tab>
+  ```sh copy
+  npm install cds-design
+   ```
+   </Tab>
 </Tabs>
 
 ### Load needed components
 
 ```ts copy
-import load from "cds-design"; // or import { load } from "cds-design"
+import { load } from "cds-design"; // or import load from "cds-design"
 
 load("button", "input", "checkbox");
 ```
@@ -31,28 +43,27 @@ For More components see [Components](/components)
 <Tab>
 ```html copy
 <script>
-    import load from "cds-design" // or import { load } from "cds-design"
+    import { load } from "cds-design" // or import load from "cds-design"
     load("button", "input", "checkbox")
 </script>
 
 <cds-button>Click Me</cds-button>
-
-````
+```
 </Tab>
 <Tab>
 ```svelte copy
 <script context="module">
-    import load from "cds-design" // or import { load } from "cds-design"
+    import { load } from "cds-design" // or import load from "cds-design"
     load("button", "input", "checkbox")
 </script>
 
 <cds-button>Click Me</cds-button>
-````
+```
 
 </Tab>
 <Tab>
 ```tsx copy
-import load from "cds-design" // or import { load } from "cds-design"
+import { load } from "cds-design" // or import load from "cds-design"
 load("button", "input", "checkbox")
 
 export default () => {
@@ -65,7 +76,7 @@ export default () => {
 <Tab>
 ```vue copy
 <script setup lang="ts">
-    import load from "cds-design" // or import { load } from "cds-design"
+    import { load } from "cds-design" // or import load from "cds-design"
     load("button", "input", "checkbox")
 </script>
 

pages/guidelines/texture.mdx

@@ -1,13 +1,13 @@
 import Texture from "../../components/Texture";
 import Noise from "../../components/Noise";
 
-# Texture
+# Lumina
 
-CDS components replicate the rough, noisy outer surface of real-world objects through its texture ‘T’. The texture is composed of three major parts: blur, grain, and gradient.
+CDS components replicate the rough, noisy outer surface of real-world objects through our texture ‘**Lumina**’. The word ‘Lumina’`ˈlü-mə-nə` is a combination of luminous(means giving off light) and mina(means glass in Persian).
+Lumina simulate colorful light passing a dense glass.The texture is composed of three major parts: blur, grain, and gradient.
 Together they form an elegant-looking texture that stands as a backbone for the uniqueness and user interface of CDS.
 
-The overall theme of CDS is wholly incorporated in our texture ‘T’.
-It has a transparent fading effect that symbolizes the ever-growing, slow development to something great as the word ‘continuum’ explains.
+The overall theme of CDS is wholly incorporated in Lumina.It has a transparent fading effect that symbolizes the ever-growing, slow development to something great as the word ‘continuum’ explains.
 The noise adds a real-world beauty of imperfection. CDS backgrounds are preferred to be dynamic. Hence we provide a translucent surface for aesthetic purposes.
 
 <Texture />
@@ -20,11 +20,11 @@ Texture is one of the first things we notice about something that we see. The te
 {/* > Texture is the most enduring and ubiquitous underpinning of form... certainly a calming, meditative and appealing world for both the eye and mind.
 > ― Lynda Lehmann */}
 
-## Components of T
+## Components of Lumina
 
 ### Gradient
 
-The gradient of T is made from accent color as base. The gradient extends from the accent color and fades with transparency. Diagonally positioned radial gradient is used to get
+The gradient of Lumina is made from accent color as base. The gradient extends from the accent color and fades with transparency. Diagonally positioned radial gradient is used to get
 a smooth and natural transition. This diagonalized gradient and opaque accent color ensures that the text part ohe component is visible and readable.
 
 - **Gradient Types**: There are different types of gradients that can be used to create different effects in a design. Some common types are linear, radial, conical, elliptical and diamond gradients. Each type has its own advantages and disadvantages depending on the context and purpose of the design.
@@ -34,7 +34,7 @@ a smooth and natural transition. This diagonalized gradient and opaque accent co
 ### Grain Noise
 
 The grain part adds a roughness to the texture, making it look more realistic. There are many kinds of noises such as white noise, dark noise, static noise, gaussian noise, etc.
-We have used a white noise for 'R'. The size of the grain is chosen in a way that it is not too big for blending in with the gradient and not too small for being visible.
+We have used a white noise for Lumina. The size of the grain is chosen in a way that it is not too big for blending in with the gradient and not too small for being visible.
 The grain also has a fading effect same as the gradient for forming the common area of translucency.
 
 - **Noise Types**: There are different types of noises that can be used to create different effects in a design. Some common types are white noise, black noise, pink noise, brown noise and blue noise. Each type has its own characteristics and applications depending on the context and purpose of the design.
@@ -48,7 +48,7 @@ The grain also has a fading effect same as the gradient for forming the common a
 ### Blur
 
 The translucent/blur part provides a soft and smooth look to the texture. Blur makes the noise more relevant with
-the background of the texture as mere noise looks rough and artificial. Adding enough blur to the background ensures the readabiltiy of the foreground. While using dynamic backgrounds, blur in the texture provides a pleasent effect.
+the background of the texture as mere noise looks rough and artificial. Adding enough blur to the background ensures the readability of the foreground. While using dynamic backgrounds, blur in the texture provides a pleasant effect.
 
 - **Blur Types**: There are different types of blur that can be used to create different effects in a design. Some common types are gaussian blur, motion blur, radial blur and lens blur. Each type has its own advantages and disadvantages depending on the context and purpose of the design.
 - **Blur Amount**: The amount of blur used in a design can have a significant impact on the focus and clarity of a design. The amount of blur should be adjusted and appropriate for the theme and audience of the design. A common way to choose blur amount is to use low, medium or high levels.