Relocate /assets/images/partner to static/partners

src/collections/blog/2023/2023-09-05-unlocking-the-power-of-webassembly-in-service-mesh-management/index.mdx

@@ -3,8 +3,8 @@ title: "Unlocking the Power of WebAssembly in Service Mesh Management"
 subtitle: "Layer5 and Intel Collaboration"
 date: 2023-09-05 10:30:05 -0530
 author: Lee Calcote
-thumbnail_svg: "../../../../assets/images/partners/intel-grey.svg"
-darkthumbnail_svg: "../../../../assets/images/partners/intel_white.svg"
+thumbnail_svg: "/partners/intel-grey.svg"
+darkthumbnail_svg: "/partners/intel_white.svg"
 
 category: "Partners"
 description: "This is a short summary of my blog post. This text will show in the blog's list view and in community newsletters."

src/collections/blog/2024/04-26-docker-compose-with-meshery/docker-compose-with-meshery.mdx

@@ -15,12 +15,13 @@ featured: false
 published: true
 ---
 
-import { BlogWrapper } from "../../Blog.style.js";
+import { BlogWrapper } from "../../Blog.style.js"
 import { Link } from "gatsby";
 import Button from "../../../../reusecore/Button";
-import DockerLogo from "../../../../assets/images/partners/docker.svg";
 import dockercompose_logo from "../../../../assets/images/dockercompose-logo/dockercompose-logo.webp";
 
+const DockerLogo = "/partners/docker.svg";
+
 <BlogWrapper>
 <div className="intro">
 Experience the power and ease of the Docker Meshery Extension. Download the extension from <a href="https://hub.docker.com/extensions/meshery/docker-extension-meshery">Docker Hub</a> and start streamlining your multi-container application development and management today.

src/collections/events/2022/servicemeshcon-EU-2022/index.mdx

@@ -12,9 +12,10 @@ speakers: ["Lee Calcote","Mrittika Ganguli"]
 ---
 
 import { Link } from "gatsby";
-import IntelLogo from "../../../../assets/images/partners/intel_blue.svg";
 import Layer5Logo from "../../../../assets/images/layer5/layer5-only/svg/layer5-no-trim.svg";
 
+const IntelLogo = "/partners/intel_blue.svg";
+
 Join Layer5 at ServiceMeshCon Europe 2022. <a href="https://events.linuxfoundation.org/servicemeshcon-europe/">ServiceMeshCon</a> is a vendor-neutral conference on service mesh technologies. Topics include getting started with and adopting a mesh, lessons learned from production deployments, and technical sessions from service mesh maintainers.
 
 <h3><a href="https://smp-spec.io/meshmark">MeshMark</a>: Service Mesh Value Measurement</h3>

src/sections/Careers/Careers-Internship-grid/index.js

@@ -8,8 +8,8 @@ import ProgramsGrid from "../Careers-Programs-grid/index";
 import FAQ from "../../General/Faq";
 
 
-const UEM_Img = "../../../assets/images/partners/uem_partner.webp";
-const Univ_Texas_Img = "../../../assets/images/partners/texas_partner.webp";
+const UEM_Img = "/partners/uem_partner.webp";
+const Univ_Texas_Img = "/partners/texas_partner.webp";
 const Peek_Img = "../../../assets/images/layer5/layer5-peek-card-edited.svg";
 
 const InternshipPage = ({ hide_heading }) => {
@@ -138,8 +138,9 @@ const InternshipPage = ({ hide_heading }) => {
                 <Col className="partner-col">
                   <div className="partners-card">
                     <div className="partner-image">
-                      <StaticImage src={Univ_Texas_Img}
+                      <img src={Univ_Texas_Img}
                         alt="University of Texas, Austin"
+                        loading="lazy"
                       />
                     </div>
                     <h5>UT Austin Coding Boot Camp</h5>
@@ -148,7 +149,7 @@ const InternshipPage = ({ hide_heading }) => {
                 <Col className="partner-col">
                   <div className="partners-card">
                     <div className="partner-image">
-                      <StaticImage src={UEM_Img} alt="UEM Jaipur" />
+                      <img src={UEM_Img} alt="UEM Jaipur" loading="lazy"/>
                     </div>
                     <h5>UEM Jaipur</h5>
                   </div>

src/sections/Company/Cloud-Native/index.js

@@ -1,7 +1,8 @@
 import React from "react";
 import Button from "../../../reusecore/Button";
 import CloudNativeWrapper from "./cloud-native.style";
-import cncf from "../../../assets/images/partners/cncf-stacked-white-color.svg";
+
+const cncf = "/partners/cncf-stacked-white-color.svg";
 
 const CloudNativeLeaders = () => {
   return (

src/sections/Home/Partners-home/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React from "react";
 import { Container, Row } from "../../../reusecore/Layout";
 import SectionTitle from "../../../reusecore/SectionTitle";
 import PartnerItemWrapper from "./partnerSection.style";
@@ -27,22 +27,13 @@ const settings = {
 };
 
 const LazyPartnerImage = ({ partner }) => {
-  const [imageSrc, setImageSrc] = useState("");
-
-  useEffect(() => {
-    partner.imageLink().then(module => {
-      setImageSrc(module.default);
-    });
-  }, [partner.imageLink]);
-
-  if (!imageSrc) return null;
 
   return (
     <img
       className="partner-image"
       id={partner.name}
       loading="lazy"
-      src={imageSrc}
+      src={partner.imageLink}
       alt={partner.name}
       width={partner.imageWidth}
       height={partner.imageHeight}

src/sections/Home/Partners-home/partners-home-data.js

@@ -3,119 +3,119 @@
 export const partners = [
   {
     name: "Redhat",
-    imageLink: () => import("../../../assets/images/partners/redhat_black.svg"),
+    imageLink: "/partners/redhat_black.svg",
     imageRoute: "/partners#redhat",
     innerDivStyle: "partner__block__inner horizontal",
     imageHeight: 90,
     imageWidth: 382,
   },
   {
     name: "Intel",
-    imageLink: () => import("../../../assets/images/partners/intel-grey.svg"),
+    imageLink: "/partners/intel-grey.svg",
     imageRoute: "/partners#intel",
     innerDivStyle: "partner__block__inner",
     imageHeight: 533,
     imageWidth: 809,
   },
   {
     name: "University of Texas at Austin partnership with Layer5",
-    imageLink: () => import("../../../assets/images/partners/ut-austin_black.svg"),
+    imageLink: "/partners/ut-austin_black.svg",
     imageRoute: "/partners#utaustin",
     innerDivStyle: "partner__block__inner horizontal",
     imageHeight: 78,
     imageWidth: 278,
   },
   {
     name: "Citrix",
-    imageLink: () => import("../../../assets/images/partners/citrix.svg"),
+    imageLink: "/partners/citrix.svg",
     imageRoute: "/partners#Citrix",
     innerDivStyle: "partner__block__inner",
     imageHeight: 144,
     imageWidth: 144,
   },
   {
     name: "Hashicorp partnership with Layer5",
-    imageLink: () => import("../../../assets/images/partners/hashicorp_vertical_black.svg"),
+    imageLink: "/partners/hashicorp_vertical_black.svg",
     imageRoute: "/company/news/layer5-and-hashicorp-launch-service-mesh-partnership",
     innerDivStyle: "partner__block__inner",
     imageHeight: 113,
     imageWidth: 113,
   },
   {
     name: "Hewlett-Packard Enterprise",
-    imageLink: () => import("../../../assets/images/partners/hpe_side_black.svg"),
+    imageLink: "/partners/hpe_side_black.svg",
     imageRoute: "/partners#hpe",
     innerDivStyle: "partner__block__inner",
     imageHeight: 69,
     imageWidth: 178,
   },
   {
     name: "National Institute of Technology Karnataka",
-    imageLink: () => import("../../../assets/images/partners/nitk_black.svg"),
+    imageLink: "/partners/nitk_black.svg",
     imageRoute: "/partners#nitk",
     innerDivStyle: "partner__block__inner",
     imageHeight: 433,
     imageWidth: 409,
   },
   {
     name: "Rackspace Technology",
-    imageLink: () => import("../../../assets/images/partners/rackspace_black.svg"),
+    imageLink: "/partners/rackspace_black.svg",
     imageRoute: "/partners#rackspace",
     innerDivStyle: "partner__block__inner",
     imageHeight: 124,
     imageWidth: 400,
   },
   {
     name: "UEM",
-    imageLink: () => import("../../../assets/images/partners/uem_black.svg"),
+    imageLink: "/partners/uem_black.svg",
     imageRoute: "/partners#uem",
     innerDivStyle: "partner__block__inner",
     imageHeight: 164,
     imageWidth: 302,
   },
   {
     name: "VMware",
-    imageLink: () => import("../../../assets/images/partners/vmware.svg"),
+    imageLink: "/partners/vmware.svg",
     imageRoute: "/partners#VMware",
     innerDivStyle: "partner__block__inner",
     imageHeight: 31,
     imageWidth: 190,
   },
   {
     name: "CNCF",
-    imageLink: () => import("../../../assets/images/partners/cncf/horizontal/black/cncf-black.svg"),
+    imageLink: "/partners/cncf/horizontal/black/cncf-black.svg",
     imageRoute: "/partners#cncf",
     innerDivStyle: "partner__block__inner ",
     imageHeight: 130,
     imageWidth: 120,
   },
   {
     name: "Metabit Trading",
-    imageLink: () => import("../../../assets/images/partners/metabit-trading-logo-gray.svg"),
+    imageLink: "/partners/metabit-trading-logo-gray.svg",
     imageRoute: "/partners#metabittrading",
     innerDivStyle: "partner__block__inner ",
     imageHeight: 130,
     imageWidth: 120,
   },
   {
     name: "DigitalOcean",
-    imageLink: () => import("../../../assets/images/partners/digitalocean-black.svg"),
+    imageLink: "/partners/digitalocean-black.svg",
     imageRoute: "/partners#digitalocean",
     innerDivStyle: "partner__block__inner ",
     imageHeight: 533,
     imageWidth: 809,
   },
   {
     name: "Citibank",
-    imageLink: () => import("../../../assets/images/partners/citibank_black.svg"),
+    imageLink: "/partners/citibank_black.svg",
     imageRoute: "/partners#citibank",
     innerDivStyle: "partner__block__inner ",
     imageHeight: 130,
     imageWidth: 120,
   },
   {
     name: "Aya Pay",
-    imageLink: () => import("../../../assets/images/partners/aya_pay_black.svg"),
+    imageLink: "/partners/aya_pay_black.svg",
     imageRoute: "/partners",
     innerDivStyle: "partner__block__inner ",
     imageHeight: 130,

src/sections/Home/Proud-maintainers/index.js

@@ -6,15 +6,17 @@ import Traefik from "../../../assets/images/service-mesh-icons/traefik.svg";
 import Istio from "../../../assets/images/service-mesh-icons/istio.svg";
 import ImageHub from "../../../assets/images/image-hub/layer5-image-hub.svg";
 
-import { ReactComponent as CNCF } from "../../../assets/images/partners/cncf/horizontal/color/cncf-colorMode.svg";
-import { ReactComponent as OAM } from "../../../assets/images/partners/oam-colorMode.svg";
 import { ReactComponent as Linkerd } from "../../../assets/images/service-mesh-icons/linkerd/horizontal/color/linkerd-horizontal-colorMode.svg";
 import { ReactComponent as Meshery } from "../../../assets/images/meshery/meshery-logo-colorMode.svg";
 import { ReactComponent as Envoy } from "../../../assets/images/service-mesh-icons/envoy/horizontal/color/envoy-horizontal-colorMode.svg";
 import { ReactComponent as OSM } from "../../../assets/images/service-mesh-icons/open-service-mesh/stacked/color/openservicemesh-stacked-colorMode.svg";
 import { ReactComponent as SMP } from "../../../assets/images/service-mesh-performance/horizontal/smp-colorMode.svg";
 import { ReactComponent as SMI } from "../../../assets/images/service-mesh-icons/service-mesh-interface/horizontal-stackedtext/color/servicemeshinterface-horizontal-stackedtext-colorMode.svg";
 
+
+const CNCF = "/partners/cncf/horizontal/color/cncf-colorMode.svg";
+const OAM = "/partners/oam-colorMode.svg";
+
 const ProudMaintainers = () => {
   return (
     <ProjectItemWrapper>

src/sections/Meshery/Meshery-terminal/index.js

@@ -13,9 +13,11 @@ import Helm from "../Meshery-platforms/supported-icons/helm-icon-color.webp";
 import WSL2 from "../Meshery-platforms/supported-icons/wsl2.svg";
 import GKE from "../Meshery-platforms/supported-icons/gke.svg";
 import Docker from "../Meshery-platforms/supported-icons/docker.svg";
-import OAM from "../../../assets/images/partners/oam.svg";
 import ImageHub from "../../../assets/images/image-hub/layer5-image-hub.svg";
 import SMP from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
+
+const OAM = "/partners/oam.svg";
+
 const MesheryTerminal = () => {
   return (
     <MesheryWrapper>