diff --git a/netlify.toml b/netlify.toml
index dad3d47..8b83239 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,6 +1,6 @@
 [build]
-  publish = "dist/eccom-prj/browser" 
-  command = "ng build"  
+  publish = "dist/eccom-prj/browser"
+  command = "ng build --prod"
 
 [[redirects]]
   from = "/*"
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index 6f2db75..9ecd1ab 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -10,7 +10,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/21.6.10/i18next.min.js"></script>
-  
+
   <!-- <iframe
 src="https://www.chatbase.co/chatbot-iframe/L51AYDMWE0tDQxPXKTgeX"
 width="100%"
@@ -116,13 +116,13 @@
         <img src="a.png" alt="Logo" style="height: 70px; width: 75px; border-radius: 50%; margin-right: 10px;" />
         <a href="#hero" style="color: white; font-size: 1.5rem; text-decoration: none; white-space: nowrap;">GraphExplorer Pro</a>
       </div>
-  
+
       <div class="menu-icon" id="menu-icon" style="display: none;"> <!-- Hidden in this setup -->
         <div class="bar1"></div>
         <div class="bar2"></div>
         <div class="bar3"></div>
       </div>
-  
+
       <div class="nav-links" id="nav-links" style="display: flex; gap: 20px;">
         <a class="nav-item" href="#features" data-i18n="features" style="color: white; text-decoration: none; font-size: 1rem;">⚙️Features</a>
         <a class="nav-item" href="#graph-types" data-i18n="graph-types" style="color: white; text-decoration: none; font-size: 1rem;"> 📈Graph Types</a>
@@ -140,7 +140,7 @@
       </div>
     </nav>
   </header>
-  
+
 
   <section id="hero" class="hero">
     <div class="container">
@@ -165,7 +165,6 @@ <h1 data-i18n="hero-title">Unlock the Power of Graph Algorithms</h1>
     <div class="container mx-auto px-4 py-16">
       <div class="flex flex-col items-center text-center space-y-8 mb-16">
         <h1 class="text-5xl md:text-7xl font-bold text-white tracking-tight graph-a">
-
           Graph Algorithms
           <span class="block text-2xl md:text-3xl mt-2 text-indigo-200" style=" color: #7b95ff;">Visualized &
             Simplified</span>
@@ -174,16 +173,6 @@ <h1 class="text-5xl md:text-7xl font-bold text-white tracking-tight graph-a">
           Master advanced graph theory through interactive visualizations and hands-on exploration with GraphExplorer
           Pro.
         </p>
-        <div class="flex gap-4">
-          <button
-            class="bg-white text-indigo-600 px-8 py-3 rounded-full font-semibold flex items-center gap-2 hover:bg-indigo-50 transition-colors">
-            Start Exploring <span class="arrow-right-icon">→</span>
-          </button>
-          <button
-            class="border-2 border-white text-white px-8 py-3 rounded-full font-semibold flex items-center gap-2 hover:bg-white/10 transition-colors">
-            Watch Demo
-          </button>
-        </div>
       </div>
 
       <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
@@ -277,14 +266,14 @@ <h2 data-i18n="explore-graph-types">Explore Various Graph Types</h2>
           <a href="../Graphs/directedgraph.html">
           <h3 data-i18n="directed-graphs">Directed Graphs</h3>
          </a>
-          
+
         </div>
         <div class="graph-item">
           <div class="graph-icon">⇔</div>
           <a href="../Graphs/undirectedgraph.html">
           <h3 data-i18n="undirected-graphs">Undirected Graphs</h3>
         </a>
-     
+
         </div>
         <div class="graph-item">
           <div class="graph-icon">⚖️</div>
@@ -386,7 +375,7 @@ <h3 data-i18n="floydWarshall-full">Floyd-Warshall Algorithm</h3>
             <li data-i18n="floydWarshall-use-2">Transitive closure computation</li>
           </ul>
         </div>
-         
+
         <!-- Tarjan's Algorithm Content -->
 <div *ngIf="activeTab === 'tarjans'" id="tarjan-content">
   <h3 data-i18n="tarjan-full">Tarjan's Algorithm</h3>
@@ -429,7 +418,7 @@ <h2 data-i18n="interactive-graph-visualizer">Interactive Graph Visualizer</h2>
             alt="BFS Algorithm Visualization"
           />
         </div>
-  
+
         <!-- DFS Button -->
         <button class="algo-button" (click)="startDFS()">Start DFS</button>
         <div *ngIf="showDFSGif" class="gif-container">
@@ -438,7 +427,7 @@ <h2 data-i18n="interactive-graph-visualizer">Interactive Graph Visualizer</h2>
             alt="DFS Algorithm Visualization"
           />
         </div>
-  
+
         <!-- Dijkstra Button -->
         <button class="algo-button" (click)="startDijkstra()">Start Dijkstra</button>
         <div *ngIf="showDijkstraGif" class="gif-container">
@@ -450,7 +439,7 @@ <h2 data-i18n="interactive-graph-visualizer">Interactive Graph Visualizer</h2>
       </div>
     </div>
   </section>
-  
+
 
   <h1 class="canvas_1" style="color: #40444b;">CANVAS</h1>
 
@@ -480,19 +469,19 @@ <h2>All Threads</h2>
 
 
 
-  
 
-  
+
+
     <div class="testimonials-wrap">
       <div class="container">
         <div class="heading-section">
           <span class="sub-heading">Testimonials</span>
           <h2>Happy Clients &amp; Feedbacks</h2>
         </div>
-  
+
         <div class="carousel-testimonial">
           <div class="arrow left-arrow" onclick="prevSlide()"><i class="fa fa-arrow-left"></i></div>
-  
+
           <div class="testimonial-container">
             <div class="testimonial-items">
               <div class="item">
@@ -506,7 +495,7 @@ <h2>Happy Clients &amp; Feedbacks</h2>
                   </div>
                 </div>
               </div>
-  
+
               <div class="item">
                 <div class="testimonial-box">
                   <div class="user-img" style="background-image: url(https://randomuser.me/api/portraits/women/79.jpg)"></div>
@@ -518,7 +507,7 @@ <h2>Happy Clients &amp; Feedbacks</h2>
                   </div>
                 </div>
               </div>
-  
+
               <div class="item">
                 <div class="testimonial-box">
                   <div class="user-img" style="background-image: url(https://randomuser.me/api/portraits/men/88.jpg)"></div>
@@ -532,15 +521,15 @@ <h2>Happy Clients &amp; Feedbacks</h2>
               </div>
             </div>
           </div>
-  
+
           <div class="arrow right-arrow" onclick="nextSlide()"><i class="fa fa-arrow-right"></i></div>
         </div>
       </div>
     </div>
 
-  
 
-  
+
+
    <script>
 let currentIndex = 0;
 const items = document.querySelectorAll('.testimonial-items .item');