docs: improve homepage UX with onboarding guidance

Added a new section for beginners outlining the steps to get started with Webpack, including installation and next steps.

Author: gurleen2506

src/content/index.mdx

@@ -8,7 +8,16 @@ import FirstRight from "../components/Splash/first/right.mdx";
 import SecondLeft from "../components/Splash/second/left.mdx";
 import SecondRight from "../components/Splash/second/right.mdx";
 import Install from "../components/Splash/install/install.mdx";
+## New to Webpack?
 
+If you're getting started for the first time, follow this path:
+
+1. Install Webpack  
+2. Write Your Code  
+3. Bundle It  
+4. Explore more in the [Getting Started](/guides/getting-started) guide  
+
+This will help you understand how Webpack works step-by-step.
 ## Install Webpack
 
 <div className="splash__wrap">
@@ -39,8 +48,15 @@ import Install from "../components/Splash/install/install.mdx";
   </div>
 </div>
 
-Then run `webpack` on the command-line to create `bundle.js`.
+Then run `webpack` in your terminal to bundle your application and generate `bundle.js`.
+
+## Next Steps
+
+Now that you understand the basic workflow, continue with:
+
+- [Getting Started](/guides/getting-started)  
+- [Concepts](/concepts)  
 
-## Awesome, isn't it? Let's dive in!
+This will help you build a strong foundation in Webpack.
 
 **[Get Started](/guides/getting-started)** quickly in our **Guides** section, or dig into the **[Concepts](/concepts)** section for more high-level information on the core notions behind webpack.