Merge branch 'master' into inr-fix

Author: Namanv0509

package-lock.json

@@ -64,7 +64,7 @@
     "gatsby-plugin-image": "^3.11.0",
     "gatsby-plugin-loadable-components-ssr": "^4.3.2",
     "gatsby-plugin-manifest": "^5.15.0",
-    "gatsby-plugin-mdx": "^5.0.0",
+    "gatsby-plugin-mdx": "^5.15.0",
     "gatsby-plugin-meta-redirect": "github:layer5labs/gatsby-plugin-meta-redirect",
     "gatsby-plugin-netlify": "^5.1.1",
     "gatsby-plugin-preload-fonts": "^4.11.0",

package.json

@@ -1,20 +1,23 @@
 ---
 title: "Hacktoberfest Prep 2025: Design with Meshery"
 description: "Prepare for Hacktoberfest with Layer5 MeshMates and Maintainers. Join seasoned open source maintainers, hack through easy issues, and grow your skills. Discover Newcomers resources and explore the Layer5 Community Handbook."
-thumbnail: 
-darkthumbnail: 
-date: 2025-00-03
-eurl: 
+thumbnail: ./hacktoberfest-layer5-first-pr.webp
+darkthumbnail: ./hacktoberfest-layer5-first-pr.webp
+date: 2025-10-03
+#eurl: https://hacktoberfest.com
 type: Event
-speakers: []
-published: false
+speakers: [Ritesh Karankal, Naman Verma, Aabid Sofi]
+published: true
 upcoming: true
 register: true
 ---
 
 import { Link } from "gatsby" ;
-// import preptemberslides from "./hacktoberfest-prep-2024-extending-meshery-models.pdf"
 import hacktoberfestBadge from "./layer5-hacktoberfest11-badge-large.png";
+import hacktoberfestFirstPR from "./hacktoberfest-layer5-first-pr.webp";
+import hacktoberfestOpenArms from "./hacktoberfest-layer5-open-arms.webp";
+
+<img src={hacktoberfestOpenArms} style="width: 250px; margin-right: 20px; float: right;"/>
 
 <p>
 <Link to="/programs/hacktoberfest">Hacktoberfest</Link> is just around the corner. You'd be surprised to know how small changes can make a big impact on a project. The more a project scales, the easier it is for small errors to live within it. You can make a real difference by fixing these relatively easier issues and continue to grow from there.
@@ -32,7 +35,7 @@ Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects t
 
 <ul>
     <li><strong>DATE:</strong>October 3, 2025</li>
-    <li><strong>TIME:</strong>9AM CT | 3PM WAT | 7:30PM IST</li>
+    <li><strong>TIME:</strong>9AM CT | 2PM CEST |3PM WAT | 7:30PM IST</li>
     {/* <li><strong>LIVESTREAM:</strong> <a href="https://www.youtube.com/watch?v=iKe52yMWWK4">YouTube</a></li> */}
 </ul>
 

src/collections/events/2025/hacktoberfest-2025/hacktoberfest-layer5-first-pr.webp

@@ -401,7 +401,7 @@ export const PricingAddons = ({ isYearly = false, setIsYearly ,currency,enterpri
                                         sm: "0.9rem",
                                       }
                                     }}>
-                                    {formatPrice(isYearly ? option.yearlyPerUser : option.monthlyPerUser)}<br />{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
+                                    {Number(isYearly ? option.yearlyPerUser : option.monthlyPerUser).toFixed(2)}<br />{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
                                   </Box>
                                 </Box>
                               ),
@@ -520,16 +520,17 @@ export const PricingAddons = ({ isYearly = false, setIsYearly ,currency,enterpri
                           {subAddOn.name} × {subAddOn.pricing?.[quantityIndex]?.learners || 0}/{isYearly ? "yearly" : "monthly"}
                         </Typography>
                         <Typography variant="body1" sx={typographyStyles.pricingItemRight} fontWeight="500">
-                          {formatPrice(
+                          {(
                             (() => {
                               const subAddOnPricing = subAddOn.pricing && subAddOn.pricing[quantityIndex];
                               if (subAddOnPricing) {
                                 const subAddOnPerUserCost = isYearly ? subAddOnPricing.yearlyPerUser : subAddOnPricing.monthlyPerUser;
-                                return subAddOnPerUserCost * subAddOnPricing.learners;
+                                const totalCost = subAddOnPerUserCost * subAddOnPricing.learners;
+                                return formatPrice(totalCost);
                               }
                               return 0;
                             })()
-                          )}
+                          )}/{isYearly ? "yearly" : "monthly"}
                         </Typography>
                       </Box>
                     )
@@ -549,13 +550,13 @@ export const PricingAddons = ({ isYearly = false, setIsYearly ,currency,enterpri
                       />
                     </Box>
                     <Typography variant="body1" fontWeight="500" sx={typographyStyles.pricingItemRight}>
-                      {formatPrice((isYearly ? enterprisePlan.yearlyprice : enterprisePlan.monthlyprice) * (enterpriseUsers > 0 ? enterpriseUsers : 1))}/{isYearly ? "monthly" : "yearly"}
+                      {formatPrice((isYearly ? enterprisePlan.yearlyprice : enterprisePlan.monthlyprice) * (enterpriseUsers > 0 ? enterpriseUsers : 1))}/{isYearly ? "yearly" : "monthly"}
                     </Typography>
                   </Box>
 
                   <Box sx={boxStyles.flexBetween}>
                     <Typography variant="body1" gutterBottom sx={typographyStyles.subheading}>
-                      {isYearly ? "Yearly" : "Monthly"} Cost
+                      Total Cost
                     </Typography>
                     <Typography variant="h4" fontWeight="bold" sx={typographyStyles.qanelasFont}>
                       {formatPrice(totalPrice)}

src/collections/events/2025/hacktoberfest-2025/hacktoberfest-layer5-open-arms.webp

@@ -166,8 +166,8 @@ const KanvasDesignBanner = () => {
         <Button $secondary title="Experience context-aware design" $url="https://kanvas.new" external={ true } />
         <h5>Upload your Helm Chart or Kubernetes manifest to have your infra diagrammed</h5>
       </div>
-      <img className="dots-upper" src={BackgroundDotsPattern}  />
-      <img className="dots-lower" src={BackgroundDotsPattern}  />
+      <img className="dots-upper" src={BackgroundDotsPattern} alt="" aria-hidden="true" />
+      <img className="dots-lower" src={BackgroundDotsPattern} alt="" aria-hidden="true" />
     </DesignBannerWrapper>
 
   );

src/collections/events/2025/hacktoberfest-2025/hacktoberfest-meshery-theme.webp

@@ -131,7 +131,7 @@ const KanvasIntegrationsSection = () => {
           </h1>
         </div>
         <div>
-          <img className="underline-img" src={UnderlineImg} />
+          <img className="underline-img" src={UnderlineImg} alt="" />
         </div>
         <div>
           <h4>