diff --git a/src/sections/Counters/index.js b/src/sections/Counters/index.js
index 7f90f142f3e0d..a9bf3b24a7a79 100644
--- a/src/sections/Counters/index.js
+++ b/src/sections/Counters/index.js
@@ -12,8 +12,11 @@ const Counters = () => {
 
   useEffect(() => {
     fetch(URL)
-      .then(response => response.json())
-      .then(result => setPerformanceCount(result.total_runs));
+      .then((response) => response.json())
+      .then((result) => setPerformanceCount(result.totalRuns))
+      .catch((error) =>
+        console.error("Error fetching performance test count:", error),
+      );
   }, []);
 
   return (
diff --git a/src/sections/Meshery/Features-Col/index.js b/src/sections/Meshery/Features-Col/index.js
index 9b33e6683ad9b..549ad63470752 100644
--- a/src/sections/Meshery/Features-Col/index.js
+++ b/src/sections/Meshery/Features-Col/index.js
@@ -18,7 +18,22 @@ function getServiceFeature(service, index) {
       <tbody>
         <tr>
           <td className="icon">
-            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><rect width="40" height="40" fill="#C9FCF6" rx="5" /><path stroke="#00B39F" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M28 14L17 25L12 20" /></svg>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="40"
+              height="40"
+              fill="none"
+              viewBox="0 0 40 40"
+            >
+              <rect width="40" height="40" fill="#C9FCF6" rx="5" />
+              <path
+                stroke="#00B39F"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M28 14L17 25L12 20"
+              />
+            </svg>
           </td>
           <td className="service">{service.content}</td>
         </tr>
@@ -38,7 +53,7 @@ function getFeatureBlock(feature, index, performanceCount) {
       </FeatureTitleInfoContainer>
       <FeatureInfoContainer>
         {feature.services.map((service, index) =>
-          getServiceFeature(service, index)
+          getServiceFeature(service, index),
         )}
       </FeatureInfoContainer>
       <CountBlockContainer>
@@ -49,7 +64,12 @@ function getFeatureBlock(feature, index, performanceCount) {
             end={
               feature.count.value !== 0 ? feature.count.value : performanceCount
             }
-            suffix= {(feature.count.description == "components" || feature.count.description == "cloud native integrations") ? "+" : " "}
+            suffix={
+              feature.count.description == "components" ||
+              feature.count.description == "cloud native integrations"
+                ? "+"
+                : " "
+            }
           />
         </h1>
         <p className="count-desc">{feature.count.description}</p>
@@ -60,7 +80,8 @@ function getFeatureBlock(feature, index, performanceCount) {
 
 const Features = () => {
   const [performanceCount, setPerformanceCount] = useState(0);
-  const performanceCountEndpoint = "https://cloud.layer5.io/api/performance/results/total";
+  const performanceCountEndpoint =
+    "https://cloud.layer5.io/api/performance/results/total";
 
   useEffect(() => {
     fetch(performanceCountEndpoint)
@@ -72,13 +93,13 @@ const Features = () => {
         return response.json();
       })
       .then((resultcount) => {
-        if (resultcount && typeof resultcount.total_runs === "number") {
-          setPerformanceCount(resultcount.total_runs);
+        if (resultcount && typeof resultcount.totalRuns === "number") {
+          setPerformanceCount(resultcount.totalRuns);
         }
       })
       .catch((error) => {
-        console.log("Failed to fetch performance count:", error.message);
-      // Keep default value of 0 if fetch fails
+        console.error("Failed to fetch performance count:", error.message);
+        // Keep default value of 0 if fetch fails
       });
   }, []);
 
@@ -94,12 +115,11 @@ const Features = () => {
       </TitleContainer>
       <FeaturesSectionContainer>
         {data.map((feature, index) =>
-          getFeatureBlock(feature, index, performanceCount)
+          getFeatureBlock(feature, index, performanceCount),
         )}
       </FeaturesSectionContainer>
     </FeaturesSectionWrapper>
   );
 };
 
-
 export default Features;
diff --git a/src/sections/Meshery/How-meshery-works/specs/data-card.js b/src/sections/Meshery/How-meshery-works/specs/data-card.js
index 1925ab2a72e0c..d275f300a57fc 100644
--- a/src/sections/Meshery/How-meshery-works/specs/data-card.js
+++ b/src/sections/Meshery/How-meshery-works/specs/data-card.js
@@ -8,41 +8,39 @@ import Counter from "../../../../reusecore/Counter";
 import { URL } from "../../../Counters/index";
 
 const DataCardWrapper = styled.div`
-  background: ${props => props.theme.grey222222ToWhite};
+  background: ${(props) => props.theme.grey222222ToWhite};
   border-radius: 10px;
-  color: ${props => props.theme.text};
+  color: ${(props) => props.theme.text};
   padding: 2rem;
   transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-  
-  ul{
+
+  ul {
     list-style: none;
     padding: 0;
   }
-    .col-1 li{
-      display: flex;
-      align-items: center;
-      vertical-align: center;
-      margin-bottom: 1.5rem;
-      img{
-        margin-right: 1rem;
-      }
-      h5{
-        font-weight: 600;
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-      }
-     }
-     
-    .col-2 li {
-      h3{
-        color: ${props => props.theme.secondaryColor};
-        font-weight: 700;
-      }
-      p {
-        font-size: 16px;
-      }
-    } 
-     
-    
+  .col-1 li {
+    display: flex;
+    align-items: center;
+    vertical-align: center;
+    margin-bottom: 1.5rem;
+    img {
+      margin-right: 1rem;
+    }
+    h5 {
+      font-weight: 600;
+      transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+    }
+  }
+
+  .col-2 li {
+    h3 {
+      color: ${(props) => props.theme.secondaryColor};
+      font-weight: 700;
+    }
+    p {
+      font-size: 16px;
+    }
+  }
 `;
 
 const DataCard = () => {
@@ -51,7 +49,10 @@ const DataCard = () => {
   useEffect(() => {
     fetch(URL)
       .then((response) => response.json())
-      .then((result) => setPerformanceCount(result.total_runs));
+      .then((result) => setPerformanceCount(result.totalRuns))
+      .catch((error) =>
+        console.error("Error fetching performance test count:", error),
+      );
   }, []);
 
   return (
@@ -77,22 +78,13 @@ const DataCard = () => {
           <ul>
             <li>
               <h3>
-                <Counter
-                  duration={3}
-                  separator=","
-                  end={10000}
-                  suffix="+"
-                />
+                <Counter duration={3} separator="," end={10000} suffix="+" />
               </h3>
               <p>Users</p>
             </li>
             <li>
               <h3>
-                <Counter
-                  duration={3}
-                  separator=","
-                  end={performanceCount}
-                />
+                <Counter duration={3} separator="," end={performanceCount} />
               </h3>
               <p>Performance tests run</p>
             </li>
diff --git a/src/sections/Projects/Nighthawk/index.js b/src/sections/Projects/Nighthawk/index.js
index 89e71edf13df1..868457127783a 100644
--- a/src/sections/Projects/Nighthawk/index.js
+++ b/src/sections/Projects/Nighthawk/index.js
@@ -12,7 +12,8 @@ import cncf from "./images/cncf-white.svg";
 
 const explain1 = "./images/Rectangle 479.webp";
 const explain2 = "./images/optimizing-your-average-response-time.webp";
-const explain3 = "./images/Comparison-of-different-modes-of-delivery-of-service-mesh-network-functions.webp";
+const explain3 =
+  "./images/Comparison-of-different-modes-of-delivery-of-service-mesh-network-functions.webp";
 
 import { Gnhwrapper, CardsContainer } from "./gnh.style";
 
@@ -25,7 +26,10 @@ const Projects = () => {
   useEffect(() => {
     fetch(URL)
       .then((response) => response.json())
-      .then((result) => setPerformanceCount(result.total_runs));
+      .then((result) => setPerformanceCount(result.totalRuns))
+      .catch((error) =>
+        console.error("Error fetching performance test count:", error),
+      );
   }, []);
 
   return (
@@ -34,13 +38,18 @@ const Projects = () => {
         <div className="hero-section">
           <Row>
             <Col $lg={6} $md={6} $sm={12}>
-              <Logo className="logo" alt="Nighthawk Logo"/>
+              <Logo className="logo" alt="Nighthawk Logo" />
             </Col>
             <Col $lg={6} $md={6} $sm={12}>
               <div className="hero-text">
                 {/* <StaticImage src={icon} alt="Nighthawk Text Logo" /> */}
-                <h1>Unlock distributed systems behavioral performance analysis</h1>
-                <p>Meshery is the easiest way to get started with Nighthawk on any cloud or platform.</p>
+                <h1>
+                  Unlock distributed systems behavioral performance analysis
+                </h1>
+                <p>
+                  Meshery is the easiest way to get started with Nighthawk on
+                  any cloud or platform.
+                </p>
               </div>
             </Col>
           </Row>
@@ -49,19 +58,27 @@ const Projects = () => {
         <div className="stats">
           <Row>
             <Col $lg={3} $md={3} $sm={6}>
-              <h3><Counter duration={3} end={12} /></h3>
+              <h3>
+                <Counter duration={3} end={12} />
+              </h3>
               <p>Histogram Statistics</p>
             </Col>
             <Col $lg={3} $md={3} $sm={6}>
-              <h3><Counter duration={6} end={performanceCount} separator="," /></h3>
+              <h3>
+                <Counter duration={6} end={performanceCount} separator="," />
+              </h3>
               <p>Meshery Tests</p>
             </Col>
             <Col $lg={3} $md={3} $sm={6}>
-              <h3><Counter duration={3} end={2} suffix=" modes" /></h3>
+              <h3>
+                <Counter duration={3} end={2} suffix=" modes" />
+              </h3>
               <p>Closed and Open-loop</p>
             </Col>
             <Col $lg={3} $md={3} $sm={6}>
-              <h3><Counter duration={3} end={9} /></h3>
+              <h3>
+                <Counter duration={3} end={9} />
+              </h3>
               <p>Percentiles calculated</p>
             </Col>
           </Row>
@@ -69,10 +86,17 @@ const Projects = () => {
 
         <div className="explain-1">
           <h1>What is Nighthawk?</h1>
-          <p>Nighthawk is a versatile HTTP load testing tool built out of a need to drill HTTP services with a constant request rate or with an adaptive request rate. Layer5 offers a custom distribution of Nighthawk with intelligent adaptive load controllers to automatically identify optimal configurations for your service mesh deployment.
-          As a Layer 7 performance characterization tool supporting HTTP/HTTPS/HTTP2, Nighthawk is Meshery's (and Envoy's) load generator and is written in C++.
+          <p>
+            Nighthawk is a versatile HTTP load testing tool built out of a need
+            to drill HTTP services with a constant request rate or with an
+            adaptive request rate. Layer5 offers a custom distribution of
+            Nighthawk with intelligent adaptive load controllers to
+            automatically identify optimal configurations for your service mesh
+            deployment. As a Layer 7 performance characterization tool
+            supporting HTTP/HTTPS/HTTP2, Nighthawk is Meshery's (and Envoy's)
+            load generator and is written in C++.
           </p>
-          <StaticImage src={explain1} alt="explanation"/>
+          <StaticImage src={explain1} alt="explanation" />
         </div>
 
         <div className="explain-2">
@@ -80,7 +104,11 @@ const Projects = () => {
             <Col $lg={6} $md={6} $sm={12}>
               <div className="text">
                 <h2>Nighthawk and Meshery</h2>
-                <p>Meshery integrates Nighthawk as one of (currently) three choices of load generator for characterizing and managing the performance of service meshes and their workloads. </p>
+                <p>
+                  Meshery integrates Nighthawk as one of (currently) three
+                  choices of load generator for characterizing and managing the
+                  performance of service meshes and their workloads.{" "}
+                </p>
               </div>
             </Col>
             <Col $lg={6} $md={6} $sm={12}>
@@ -97,8 +125,22 @@ const Projects = () => {
             <Col $lg={6} $md={6} $sm={12}>
               <div className="text">
                 <h2>Easing Management of the Nighthawk Lifecycle</h2>
-                <p>As with a lot of open source projects, there is a lack of consistent tooling. This makes it difficult to have easily repeatable tests in that the building, deploying, and maintaining of Nighthawk instances (potentially a fleet of Nighthawk instances) is a burden without additional tooling. </p>
-                <Button $primary id="learn" type="button" title="Learn More" $url="https://getnighthawk.dev" $external={true}/>
+                <p>
+                  As with a lot of open source projects, there is a lack of
+                  consistent tooling. This makes it difficult to have easily
+                  repeatable tests in that the building, deploying, and
+                  maintaining of Nighthawk instances (potentially a fleet of
+                  Nighthawk instances) is a burden without additional
+                  tooling.{" "}
+                </p>
+                <Button
+                  $primary
+                  id="learn"
+                  type="button"
+                  title="Learn More"
+                  $url="https://getnighthawk.dev"
+                  $external={true}
+                />
               </div>
             </Col>
           </Row>
@@ -106,8 +148,19 @@ const Projects = () => {
 
         <div className="explain-1">
           <h1>Distributed Performance Management</h1>
-          <p>Distributed load testing offers insight into system behaviors that arguably more accurately represent real world behaviors of services under load as that load comes from any number of sources.</p>
-          <p>Engineers need multi-variate load generation and analysis techniques offered through distributed performance analysis. Nighthawk is being improved so that it can be horizontally scalable - such that multiple instances will be cognizant of one another and able to coordinate amongst each other. Nighthawk is growing in popularity with Layer5, Google, Red Hat, and AWS investing into it.</p>
+          <p>
+            Distributed load testing offers insight into system behaviors that
+            arguably more accurately represent real world behaviors of services
+            under load as that load comes from any number of sources.
+          </p>
+          <p>
+            Engineers need multi-variate load generation and analysis techniques
+            offered through distributed performance analysis. Nighthawk is being
+            improved so that it can be horizontally scalable - such that
+            multiple instances will be cognizant of one another and able to
+            coordinate amongst each other. Nighthawk is growing in popularity
+            with Layer5, Google, Red Hat, and AWS investing into it.
+          </p>
           <div className="cards">
             <Row>
               <CardsContainer>
@@ -116,7 +169,15 @@ const Projects = () => {
                     <SmpIcon className="smp" alt="smp logo" />
                   </div>
                   <h2>SERVICE MESH PERFORMANCE COMPATIBILITY</h2>
-                  <p>Enabling Standards-based, Distributed Performance Management - Nighthawk integrates Meshery and Nighthawk. Through this integration Meshery facilitates <Link to="/projects/cloud-native-performance">Service Mesh Performance (SMP)</Link> compatibility for Nighthawk.</p>
+                  <p>
+                    Enabling Standards-based, Distributed Performance Management
+                    - Nighthawk integrates Meshery and Nighthawk. Through this
+                    integration Meshery facilitates{" "}
+                    <Link to="/projects/cloud-native-performance">
+                      Service Mesh Performance (SMP)
+                    </Link>{" "}
+                    compatibility for Nighthawk.
+                  </p>
                 </div>
                 <div className="card">
                   <div className="circle">
@@ -142,8 +203,16 @@ const Projects = () => {
                     <img src={cpu} alt="cpu image" />
                   </div>
                   <h2>SCHEDULING AND ANALYSIS</h2>
-                  <p>Nighthawk integrates with <Link to="/meshery">Meshery</Link> and provides you with the ability to schedule performance tests or insert them into your CI pipeline.</p>
-                  <p>Adaptive analysis in which you may run multi-stage performance tests and persist their results in a historical archive is also enabled through integration with Meshery.</p>
+                  <p>
+                    Nighthawk integrates with <Link to="/meshery">Meshery</Link>{" "}
+                    and provides you with the ability to schedule performance
+                    tests or insert them into your CI pipeline.
+                  </p>
+                  <p>
+                    Adaptive analysis in which you may run multi-stage
+                    performance tests and persist their results in a historical
+                    archive is also enabled through integration with Meshery.
+                  </p>
                 </div>
               </CardsContainer>
             </Row>
@@ -154,53 +223,134 @@ const Projects = () => {
           <Row>
             <Col $lg={6} $md={6} $sm={12}>
               <div className="text">
-                <img src={distributedPerf} className="distributedPerf" alt="Cloud Native Distributed Performance Management" />
+                <img
+                  src={distributedPerf}
+                  className="distributedPerf"
+                  alt="Cloud Native Distributed Performance Management"
+                />
                 <h2>Standards-based, distributed performance management</h2>
-                <p>Nighthawk will provide generally-available distributions of Nighthawk under different architectures and platforms and easy-to-use tooling for installation and operation. This will include creating distributions of Nighthawk as well as augmenting existing tooling, Meshery, to retrieve these arch-specific packages and update their deployments.</p>
+                <p>
+                  Nighthawk will provide generally-available distributions of
+                  Nighthawk under different architectures and platforms and
+                  easy-to-use tooling for installation and operation. This will
+                  include creating distributions of Nighthawk as well as
+                  augmenting existing tooling, Meshery, to retrieve these
+                  arch-specific packages and update their deployments.
+                </p>
               </div>
-
             </Col>
             <Col $lg={6} $md={6} $sm={12}>
               <div className="listed">
                 <table className="table">
                   <tbody>
                     <tr>
-                      <td className="icon"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><rect width="40" height="40" fill="#C9FCF6" rx="5"/><path stroke="#00B39F" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M28 14L17 25L12 20"/></svg></td>
+                      <td className="icon">
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          width="40"
+                          height="40"
+                          fill="none"
+                          viewBox="0 0 40 40"
+                        >
+                          <rect width="40" height="40" fill="#C9FCF6" rx="5" />
+                          <path
+                            stroke="#00B39F"
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth="2"
+                            d="M28 14L17 25L12 20"
+                          />
+                        </svg>
+                      </td>
                       <td className="service">
                         <h4>
-                        Further the state of distributed <br />
-                        performance management.
+                          Further the state of distributed <br />
+                          performance management.
                         </h4>
-                      Enable standards-based, distributed performance management through compatibility with the Service Mesh Performance (SMP) specification.
+                        Enable standards-based, distributed performance
+                        management through compatibility with the Service Mesh
+                        Performance (SMP) specification.
                       </td>
                     </tr>
                     <tr>
-                      <td className="icon"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><rect width="40" height="40" fill="#C9FCF6" rx="5"/><path stroke="#00B39F" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M28 14L17 25L12 20"/></svg></td>
+                      <td className="icon">
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          width="40"
+                          height="40"
+                          fill="none"
+                          viewBox="0 0 40 40"
+                        >
+                          <rect width="40" height="40" fill="#C9FCF6" rx="5" />
+                          <path
+                            stroke="#00B39F"
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth="2"
+                            d="M28 14L17 25L12 20"
+                          />
+                        </svg>
+                      </td>
                       <td className="service">
-                        <h4>
-                        Facilitate Nighthawk adoption.
-                        </h4>
-                      Deliver trusted, certified builds, distributed via the most popular package managers: apt, yum, Homebrew, and platforms: Docker and Meshery.
-                      Bridge Nighthawk’s C++ with the lingua franca of Cloud Native: Golang.
+                        <h4>Facilitate Nighthawk adoption.</h4>
+                        Deliver trusted, certified builds, distributed via the
+                        most popular package managers: apt, yum, Homebrew, and
+                        platforms: Docker and Meshery. Bridge Nighthawk’s C++
+                        with the lingua franca of Cloud Native: Golang.
                       </td>
                     </tr>
                     <tr>
-                      <td className="icon"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><rect width="40" height="40" fill="#C9FCF6" rx="5"/><path stroke="#00B39F" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M28 14L17 25L12 20"/></svg></td>
+                      <td className="icon">
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          width="40"
+                          height="40"
+                          fill="none"
+                          viewBox="0 0 40 40"
+                        >
+                          <rect width="40" height="40" fill="#C9FCF6" rx="5" />
+                          <path
+                            stroke="#00B39F"
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth="2"
+                            d="M28 14L17 25L12 20"
+                          />
+                        </svg>
+                      </td>
                       <td className="service">
                         <h4>
-                        Deliver easy-to-use, repeatable <br />
-                        tooling.
+                          Deliver easy-to-use, repeatable <br />
+                          tooling.
                         </h4>
-                      To leverage Nighthawk as the performance characterization tool as used in the 30 patterns in the Service Mesh Patterns book.
+                        To leverage Nighthawk as the performance
+                        characterization tool as used in the 30 patterns in the
+                        Service Mesh Patterns book.
                       </td>
                     </tr>
                     <tr>
-                      <td className="icon"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><rect width="40" height="40" fill="#C9FCF6" rx="5"/><path stroke="#00B39F" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M28 14L17 25L12 20"/></svg></td>
+                      <td className="icon">
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          width="40"
+                          height="40"
+                          fill="none"
+                          viewBox="0 0 40 40"
+                        >
+                          <rect width="40" height="40" fill="#C9FCF6" rx="5" />
+                          <path
+                            stroke="#00B39F"
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth="2"
+                            d="M28 14L17 25L12 20"
+                          />
+                        </svg>
+                      </td>
                       <td className="service">
-                        <h4>
-                        Educate the ecosystem
-                        </h4>
-                      Educate the ecosystem through the CNCF Service Mesh Working Group.
+                        <h4>Educate the ecosystem</h4>
+                        Educate the ecosystem through the CNCF Service Mesh
+                        Working Group.
                       </td>
                     </tr>
                   </tbody>
@@ -212,8 +362,11 @@ const Projects = () => {
       </Container>
       <div className="callout">
         <img src={cncf} alt="cncf logo" />
-        <p> Participate in the state of the art. <br />
-          Join us in the Cloud Native Computing Foundation's Service Mesh Working Group.
+        <p>
+          {" "}
+          Participate in the state of the art. <br />
+          Join us in the Cloud Native Computing Foundation's Service Mesh
+          Working Group.
         </p>
         <Button $primary title="Join Us" $url="/community/calendar#meetings" />
       </div>