Merge branch 'layer5io:master' into improved-event-page-performance

Author: Vaibhavsg17

src/collections/blog/2025/10-09-2025-agents-instructions/post.mdx

@@ -157,7 +157,7 @@ A symbolic link (symlink) is a pointer to another file. You can create symlinks
 
 Open your terminal in the project root and run these commands for the tools you use:
 
-<pre><code class="language-shell">
+<pre><code class="language-markdown">
 # For Claude Code  
 ln -s AGENTS.md CLAUDE.md
 
@@ -176,13 +176,13 @@ Your tools continue to work as expected, but now they all draw their context fro
 
 Some agents support importing one markdown file into another. For example, in Claude Code's CLAUDE.md file, you can simply add a line to import your universal file:
 
-<pre><code>
-\# In ./CLAUDE.md
+```markdown
+# In ./CLAUDE.md
 
 @AGENTS.md
 
 # You can add Claude-specific instructions below if needed
-</code></pre>
+```
 
 This approach keeps your setup clean and ensures AGENTS.md remains the primary source of truth.
 
@@ -207,11 +207,11 @@ Purpose: Automate common, repeatable development tasks. A `.prompt.md`:
 
 ### What's Next: The Future of AI Collaboration
 
-AGENTS.md is more than just a configuration file; it's a step toward a future where AI and human developers collaborate seamlessly.
+`AGENTS.md` is more than just a configuration file; it's a step toward a future where AI and human developers collaborate seamlessly.
 
 Imagine a world where any AI agent can clone a repository and instantly understand its context, conventions, and goals. Onboarding a new AI assistant becomes as simple as pointing it to a URL. Open-source projects can accept high-quality contributions from autonomous agents because the rules of engagement are clearly defined.
 
-This is the future that a common standard like AGENTS.md enables. For now, we can use simple bridges like symlinks to make it work. But as the ecosystem evolves, expect more and more tools to adopt AGENTS.md as the default.
+This is the future that a common standard like `AGENTS.md` enables. For now, we can use simple bridges like symlinks to make it work. But as the ecosystem evolves, expect more and more tools to adopt AGENTS.md as the default.
 
 One file to guide them all. One file to align them. One file to bring them all and in the codebase bind them.
 

src/components/Pricing/PricingAddons/index.js

@@ -57,6 +57,11 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
     return getAddOns();
   }, []);
 
+  const formatLearners = (learners) => {
+  if (typeof learners === "string") return learners;
+  return learners.toLocaleString("en-US");
+};
+
   // Helper function to render icons based on type
   const renderIcon = (iconType) => {
     switch (iconType) {
@@ -361,47 +366,36 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                           step={null}
                           sx={getSliderStyle(sliderStyles.base, "1rem")}
                           marks={(() => {
-                            // Determine which sub-addon to show pricing for based on selection
-                            let targetSubAddon = null;
-                            if (selectedSubAddOns["academy-practical"]) {
-                              targetSubAddon = selectedAddon?.subAddOns?.find(sub => sub.id === "academy-practical");
-                            } else {
-                              targetSubAddon = selectedAddon?.subAddOns?.find(sub => sub.id === "academy-theory");
-                            }
-
-                            return targetSubAddon?.pricing?.map((option, index) => ({
-                              value: index,
-                              label: (
-                                <Box sx={{ textAlign: "center", fontSize: "1.25rem", fontWeight: "bold" }}>
-                                  <Box>{option.learners === "2500+" ? "2,500+" : option.learners}</Box>
-                                  {isYearly && (
-                                    <Box
-                                      sx={{
-                                        fontSize: {
-                                          xs: "0.75rem",
-                                          sm: "0.9rem",
-                                        }
-                                      }}
-                                    >
-                                      {formatSliderPrice((option.yearlyPerUser / 12) * (selectedSubAddOns["academy-practical"] ? 2 : 1), currency)}<br />{targetSubAddon.unitLabelSingular}/month
-                                    </Box>
-                                  )}
-                                  <Box
-                                    sx={{
-                                      color: "text.secondary",
-                                      mb: 1.5,
-                                      fontSize: {
-                                        xs: "0.75rem",
-                                        sm: "0.9rem",
-                                      }
-                                    }}>
-                                    {formatSliderPrice((isYearly ? option.yearlyPerUser : option.monthlyPerUser) * (selectedSubAddOns["academy-practical"] ? 2 : 1), currency)}<br />{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
-                                  </Box>
-                                </Box>
-                              ),
-                            })) || [];
-                          })()}
-                        />
+                                          let targetSubAddon = null;
+                                          if (selectedSubAddOns["academy-practical"]) {
+                                            targetSubAddon = selectedAddon?.subAddOns?.find(sub => sub.id === "academy-practical");
+                                          } else {
+                                            targetSubAddon = selectedAddon?.subAddOns?.find(sub => sub.id === "academy-theory");
+                                          }
+                                          return targetSubAddon?.pricing?.map((option, index) => ({
+                                            value: index,
+                                            label: (
+                                              <Box sx={{ textAlign: "center", fontSize: "1.25rem", fontWeight: "bold" }}>
+                                                <Box>{formatLearners(option.learners)}</Box> {/* Changed from ternary */}
+                                                <Box
+                                                  sx={{
+                                                    color: "text.secondary",
+                                                    mb: 1.5,
+                                                    fontSize: { xs: "0.75rem", sm: "0.9rem" },
+                                                  }}
+                                                >
+                                                  {formatSliderPrice(
+                                                    (isYearly ? option.yearlyPerUser : option.monthlyPerUser) * (selectedSubAddOns["academy-practical"] ? 2 : 1),
+                                                    currency
+                                                  )}
+                                                  <br />
+                                                  {targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
+                                                </Box>
+                                              </Box>
+                                            ),
+                                          })) || [];
+                                        })()}
+                                  />
                         <Box sx={boxStyles.disclaimerSection}>
                           <Typography variant="body2" sx={typographyStyles.italic}>
                             Looking for a plan larger than 2,500 learners? Great! <a href="/company/contact">Let us know</a>.

src/components/Pricing/PricingAddons/styles.js

@@ -243,7 +243,7 @@ export const boxStyles = {
     margin: 0
   },
   priceComponent: {
-    fontSize: ".8rem",
+    fontSize: "1rem",
     fontFamily: QANELAS_FONT
   },
   buttonSection: {
@@ -375,7 +375,8 @@ export const featureDetailsStyles = {
   base: {
     display: "flex",
     flexDirection: "row",
-    flexWrap: "wrap"
+    flexWrap: "wrap",
+    fontFamily: QANELAS_FONT
   }
 };
 

src/sections/Community/Handbook/repo-data.js

@@ -165,18 +165,18 @@ export const repo_data = [
         image: five,
         site: "https://docs.layer5.io/",
         language: "Hugo",
-        maintainers_name: ["Zihan Kuang"],
-        link: ["https://layer5.io/community/members/zihan-kuang"],
+        maintainers_name: ["Vacant"],
+        link: ["#"],
         repository: "https://github.com/layer5io/docs",
       },
       {
         project: "Academy Theme",
         image: five,
         site: "https://github.com/layer5io/academy-theme",
         language: "Hugo",
-        maintainers_name: ["Zihan Kuang", "Aabid Sofi"],
+        maintainers_name: ["Aabid Sofi"],
         link: [
-          "https://layer5.io/community/members/zihan-kuang",
+          "#",
           "https://layer5.io/community/members/aabid-sofi"
         ],
         repository: "https://github.com/layer5io/academy-theme",
@@ -195,8 +195,8 @@ export const repo_data = [
         image: five,
         site: "https://github.com/layer5io/academy-example",
         language: "Hugo",
-        maintainers_name: ["Zihan Kuang"],
-        link: ["https://layer5.io/community/members/zihan-kuang"],
+        maintainers_name: ["Vacant"],
+        link: ["#"],
         repository: "https://github.com/layer5io/academy-example",
       },
       {

src/sections/Kanvas/Kanvas-visualize/index.js

@@ -5,6 +5,8 @@ import KanvasVisualizerFeatures from "./kanvas-visualize-features";
 import KanvasVisualizerViews from "./kanvas-visualize-views";
 import BackgroundImage from "./images/oval-blur-shape.svg";
 import Reviews from "../../Pricing/review-slider";
+import KanvasHeroSection from "../../Kanvas/Kanvas-design/kanvas-design-hero";
+import DesignDefault from "../../Home/MeshmapDesignHighlight/index.js";
 
 const KanvasVisualize = () => {
   return (
@@ -15,8 +17,8 @@ const KanvasVisualize = () => {
       <KanvasVisualizeBanner />
       <KanvasVisualizerFeatures />
       <KanvasVisualizerViews />
-      {/* <KanvasHeroSection /> */}
-      {/* <DesignDefault /> */}
+      <KanvasHeroSection />
+      <DesignDefault />
       <Reviews />
     </KanvasVisualizeWrapper>
   );

src/sections/Pricing/feature_data.json

@@ -925,7 +925,7 @@
       "teamOperator": "x",
       "enterprise": "x"
     },
-    "docs": "https://docs.layer5.io/cloud/catalog/exploring-the-catalog/"
+    "docs": ""
   },
   {
     "theme": "",
@@ -1183,4 +1183,4 @@
     },
     "docs": ""
   }
-]
+]