resolve heap size

docusaurus.config.js

@@ -216,6 +216,20 @@ const config = {
   },
 
   plugins: [
+    [
+      "@docusaurus/plugin-content-docs",
+      /** @type {import('@docusaurus/plugin-content-docs').Options} */
+      {
+        id: "dsa-interview",
+        path: "dsa-interview",
+        routeBasePath: "dsa-interview",
+        sidebarPath: require.resolve("./dsa-interview-sidebars.js"),
+        remarkPlugins: [remarkMath],
+        rehypePlugins: [rehypeKatex],
+        showLastUpdateAuthor: true,
+        showLastUpdateTime: true,
+      },
+    ],
     [
       path.join(__dirname, "/plugins/my-plugin",),
       {

dsa-interview-sidebars.js

@@ -0,0 +1,12 @@
+
+// @ts-check
+
+/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
+const sidebarsDSAInterview = {
+    // By default, Docusaurus generates a sidebar from the docs folder structure
+    tutorialSidebar: [{type: 'autogenerated', dirName: '.'}], 
+
+  };
+
+  export default sidebarsDSAInterview;
+

dsa-interview/index.md

@@ -0,0 +1,43 @@
+---
+id: dsa-interview
+title: "Welcome to DSA Interview Preparation"
+sidebar_label: DSA Interview Preparation
+sidebar_position: 1
+slug: /
+description: "DSA Interview Preparation is your gateway to mastering Data Structures and Algorithms (DSA) for technical interviews. Whether you're a coding enthusiast, a student, or a professional looking to enhance your programming skills, DSA Interview Preparation is here to guide you through the intricate world of DSA."
+tags: [dsa, data structures, algorithms, interview-preparation]
+---
+
+DSA Interview Preparation is your gateway to mastering Data Structures and Algorithms (DSA) for technical interviews. Whether you're a coding enthusiast, a student, or a professional looking to enhance your programming skills, DSA Interview Preparation is here to guide you through the intricate world of DSA.
+
+<Ads />
+
+## What Sets DSA Interview Preparation Apart?
+
+### Comprehensive Learning Pathways
+
+DSA Interview Preparation provides carefully curated learning pathways designed to take you from a DSA novice to a proficient coder. Our structured approach ensures a smooth learning curve, starting with the basics and gradually progressing to advanced topics.
+
+### Interactive Coding Challenges
+
+Learning by doing is at the heart of DSA Interview Preparation. Engage in hands-on coding challenges that reinforce your understanding of key concepts. Our interactive platform allows you to apply what you've learned in a practical and engaging manner.
+
+<Ads />
+
+### Supportive Community
+
+Join a vibrant community of learners, mentors, and industry experts who are passionate about DSA. Collaborate, share knowledge, and grow together as you embark on your coding journey.
+
+### Personalized Learning Experience
+
+DSA Interview Preparation's adaptive learning platform tailors the content to your skill level and learning pace. Whether you're a beginner or an experienced coder, DSA Interview Preparation provides a personalized learning experience that meets your unique needs.
+
+## Get Started with DSA Interview Preparation
+
+Ready to dive into the world of Data Structures and Algorithms for technical interviews? Start your learning journey with DSA Interview Preparation today! Explore our learning pathways, tackle coding challenges, and connect with a community of like-minded individuals who share your passion for coding.
+
+---
+
+<h2 className="text-center">Feedback and Support</h2>
+
+<GiscusComponent />

src/components/Homepage/HeroSection.tsx

@@ -5,7 +5,7 @@ import { default as Link } from "@docusaurus/Link"; // Fixed import statement fo
 
 const HeroSection = () => {
   return (
-    <section className="relative bg-gray-100 dark:bg-gray-900 min-h-screen flex items-center justify-center py-16 px-8">
+    <section className="relative min-h-screen flex items-center justify-center py-16 px-8 noise-bg">
       <div className="max-w-4xl text-center">
         <h1 className="text-4xl md:text-6xl font-bold text-gray-900 dark:text-white mb-6">
           Data Structures & Algorithms

src/css/custom.css

@@ -123,6 +123,19 @@ a:hover {
   color: transparent;
 }
 
+.noise-bg {
+  background-image: linear-gradient(
+      to bottom,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.6)
+    ),
+    url('/landing/grid-light.svg');
+}
+
+html[data-theme='dark'] .noise-bg {
+  background-image: url('/landing/grid-dark.svg');
+}
+
 .footer {
   background-color: #001;
 }