add sistent link on /projects

Signed-off-by: lakshya <[email protected]>
layer5io · Mar 8, 2024 · f5bc7d5 · f5bc7d5
1 parent ac5b413
commit f5bc7d5
Show file tree

Hide file tree

Showing 3 changed files with 490 additions and 456 deletions.
diff --git a/src/assets/images/sistent/sistent-logo.svg b/src/assets/images/sistent/sistent-logo.svg
diff --git a/src/sections/Projects/Project-grid/index.js b/src/sections/Projects/Project-grid/index.js
@@ -18,9 +18,9 @@ import L5gray from "../../../assets/images/layer5/5 icon/svg/gray/5-gray-60.svg"
 import nighthawk from "../../../assets/images/nighthawk/icon-only/SVG/nighthawk-logo.svg";
 import meshmap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
 import catalog from "../../../assets/images/catalog-icon/catalog.svg";
+import sistent from "../../../assets/images/sistent/sistent-logo.svg";
 import SoSpecial from "../../Home/So-Special-Section";
 
-
 const ProjectPage = () => {
   const { isDark } = useContext(ThemeManagerContext);
   return (
@@ -37,13 +37,22 @@ const ProjectPage = () => {
       <div className="project-page-wrapper">
         <Container>
           <div className="project__grid">
+            <Link to="/projects/sistent" className="project__card sistent">
+              <div className="project__card-container project__card-container_one">
+                <img src={sistent} alt="Sistent" />
+                <h5>Sistent</h5>
+              </div>
+            </Link>
             <Link to="/service-mesh-landscape" className="project__card one">
               <div className="project__card-container project__card-container_one">
                 <img src={landscape} alt="Landscape" />
                 <h5>Landscape</h5>
               </div>
             </Link>
-            <Link to="/cloud-native-management/meshery" className="project__card two">
+            <Link
+              to="/cloud-native-management/meshery"
+              className="project__card two"
+            >
               <div className="project__card-container project__card-container_meshery">
                 <img src={meshery} alt="Meshery" />
                 <h5>Meshery</h5>
@@ -69,7 +78,10 @@ const ProjectPage = () => {
               className="project__card five"
             >
               <div className="project__card-container">
-                <img src={isDark ? smp_light : smp_dark} alt="Cloud Native Performance" />
+                <img
+                  src={isDark ? smp_light : smp_dark}
+                  alt="Cloud Native Performance"
+                />
                 <h5>Cloud Native Performance</h5>
               </div>
             </Link>
@@ -92,10 +104,7 @@ const ProjectPage = () => {
             >
               <div className="project__card-container-seven">
                 <Row>
-                  <img
-                    src={extension}
-                    alt="Meshery Docker Extension"
-                  />
+                  <img src={extension} alt="Meshery Docker Extension" />
                   <h5> Meshery Docker Extension </h5>
                 </Row>
               </div>
@@ -109,7 +118,10 @@ const ProjectPage = () => {
                 <h5> Cloud Native Patterns</h5>
               </div>
             </Link>
-            <Link to="/cloud-native-management/catalog" className="project__card ten">
+            <Link
+              to="/cloud-native-management/catalog"
+              className="project__card ten"
+            >
               <div className="project__card-container project__card-container_nighthawk">
                 <img src={catalog} alt="Catalog" />
                 <h5>Catalog</h5>
@@ -134,7 +146,7 @@ const ProjectPage = () => {
         </Container>
       </div>
       {/* <ProudMaintainers /> */}
-      <SoSpecial/>
+      <SoSpecial />
     </ProjectWrapper>
   );
 };