From 229098519131bd717847b7328790bb8b845e3d23 Mon Sep 17 00:00:00 2001
From: tejaswiverma <tejaswiverma121@gmail.com>
Date: Sun, 13 Sep 2026 13:52:14 +0530
Subject: [PATCH] fix: resolve <linearGradient> -nan attributes and SRL context
 errors

- Fix invalid -nan attributes in solutions-cost.svg by replacing with valid line coordinates
- Wrap application with SimpleReactLightbox at root level in root-wrapper.js to provide global lightbox context
- Add standard SEO Head export to orchestration-management page

Fixes #8048

Signed-off-by: tejaswiverma <tejaswiverma121@gmail.com>
---
 root-wrapper.js                                   |  5 ++++-
 .../solutions/orchestration-management/index.js   | 15 +++++++++++++--
 src/sections/Solutions/images/solutions-cost.svg  |  2 +-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/root-wrapper.js b/root-wrapper.js
index 7472bcbe0ea329..1ad353871488d2 100644
--- a/root-wrapper.js
+++ b/root-wrapper.js
@@ -7,6 +7,7 @@ import CTA_Bottom from "./src/components/Call-To-Actions/CTA_Bottom";
 import { ContextWrapper } from "./context-wrapper";
 import { IoIosCopy } from "@react-icons/all-files/io/IoIosCopy";
 import { IoIosCheckmark } from "@react-icons/all-files/io/IoIosCheckmark";
+import SimpleReactLightbox from "simple-react-lightbox";
 
 // Custom image component for better CLS scores
 const OptimizedImage = (props) => {
@@ -118,6 +119,8 @@ const components = {
 
 export const wrapRootElement = ({ element }) => (
   <ContextWrapper>
-    <MDXProvider components={components}>{element}</MDXProvider>
+    <SimpleReactLightbox>
+      <MDXProvider components={components}>{element}</MDXProvider>
+    </SimpleReactLightbox>
   </ContextWrapper>
 );
diff --git a/src/pages/solutions/orchestration-management/index.js b/src/pages/solutions/orchestration-management/index.js
index 897fea8c6d762f..a5fd294ec78da1 100644
--- a/src/pages/solutions/orchestration-management/index.js
+++ b/src/pages/solutions/orchestration-management/index.js
@@ -1,14 +1,25 @@
 import React from "react";
 import Orchestration from "../../../sections/OrchestrationManagement";
 import ServiceMeshFocused from "../../../sections/Home/Service-mesh-focussed";
+import SEO from "../../../components/seo";
 
 const OrchestrationManagement = () => {
   return (
     <>
-      <Orchestration/>
+      <Orchestration />
       <ServiceMeshFocused bookName={"enterprise-path"} />
     </>
   );
 };
 
-export default OrchestrationManagement;
\ No newline at end of file
+export default OrchestrationManagement;
+
+export const Head = () => {
+  return (
+    <SEO
+      title="Orchestration Management | Layer5"
+      description="Optimize and streamline operations through strategic orchestration of your infrastructure."
+      image="/images/solutions-collaborate.webp"
+    />
+  );
+};
diff --git a/src/sections/Solutions/images/solutions-cost.svg b/src/sections/Solutions/images/solutions-cost.svg
index 8166df76b8f80f..792abdaae672e8 100644
--- a/src/sections/Solutions/images/solutions-cost.svg
+++ b/src/sections/Solutions/images/solutions-cost.svg
@@ -143,7 +143,7 @@
 <stop offset="0.0308" stop-color="#1ED1BD"/>
 <stop offset="1" stop-color="#1ED1BD"/>
 </linearGradient>
-<linearGradient id="paint3_linear_19833_22701" x1="-nan" y1="-nan" x2="-nan" y2="-nan" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint3_linear_19833_22701" x1="28.0469" y1="328.661" x2="503.776" y2="328.661" gradientUnits="userSpaceOnUse">
 <stop stop-color="#93FFFF"/>
 <stop offset="1" stop-color="#98D2FC"/>
 </linearGradient>