diff --git a/blog/2024-10-25-ccc-agenda/index.md~ b/blog/2024-10-25-ccc-agenda/index.md~
deleted file mode 100644
index ae1a6dce8a..0000000000
--- a/blog/2024-10-25-ccc-agenda/index.md~
+++ /dev/null
@@ -1,15 +0,0 @@
----
-layout: post
-title: Lorem Ipsum
-tags: [news]
-authors: [ivet]
-slug: fix-this-slug-for-post-url
----
-
-![](header.png "Blog Header Image")
-
-<h2>Lorem Ipsum</h2>
-
-Add content here
-
-<a class="button button--primary" href="https://cloudstack.apache.org/" target="_blank">BUTTON</a>
diff --git a/source/generate_who.py b/source/generate_who.py
index 472a9d9df8..a7767a9a8c 100644
--- a/source/generate_who.py
+++ b/source/generate_who.py
@@ -84,7 +84,7 @@ def generate_markdown(pmc_members, committers):
     pmc_members.sort(key=lambda x: locale.strxfrm(x[0].lower()))
     committers.sort(key=lambda x: locale.strxfrm(x[0].lower()))
     repo_path = get_repo_path()
-    with open(repo_path + "/src/pages/who.md", "w", encoding="utf-8") as f:
+    with open(repo_path + "/src/pages/who.mdx", "w", encoding="utf-8") as f:
         f.write("""---
 title: Apache CloudStack Project Membership
 ---
@@ -95,10 +95,13 @@ def generate_markdown(pmc_members, committers):
 
 Board Minutes: https://whimsy.apache.org/board/minutes/CloudStack.html
 
-""")
+````mdx-code-block
+import VP from "@site/src/components/VP";
+
+<VP/>
+````
 
-        pmc_chair = "Nicolás Vázquez (nvazquez)"
-        f.write(f"**PMC Chair**: {pmc_chair}\n\n")
+""")
 
         f.write("The following data is subject to change. The up-to-date information can be found on <a href=\"http://people.apache.org/committers-by-project.html#cloudstack-pmc\">the Apache Peoples site</a>:\n\n")
 
diff --git a/src/components/VP/index.tsx b/src/components/VP/index.tsx
new file mode 100644
index 0000000000..a0e653604d
--- /dev/null
+++ b/src/components/VP/index.tsx
@@ -0,0 +1,55 @@
+import React from "react";
+
+const pmc_chair_quote = `"Earlier this year, I was selected by my fellow PMC members as the project’s VP. The main role of the VP is to report
+        quarterly to the Apache Software Foundation Board,
+        representing CloudStack and providing updates on the health
+        and status of the project. I am grateful for the opportunity
+        to serve as the CloudStack VP and to work with amazing people
+        from the community to continue making CloudStack an even
+        greater cloud orchestration platform!"`
+
+const pmc_chair_name = "Nicolás Vázquez"
+const pmc_chair_picture = "/img/authors/nicolas.png"
+const pmc_chair_githandle = "nvazquez"
+const pmc_chair_linked = "nvazquezuy"
+
+const git_link = "https://github.com/"+pmc_chair_githandle
+const linked_link = "https://www.linkedin.com/in/"+pmc_chair_linked
+
+export default function VP(): JSX.Element {
+    return <>
+      <div className="row">
+        <div className="col col--3">
+
+<img src={pmc_chair_picture} alt={pmc_chair_name} className="blog-image"/>
+
+        </div>
+        <div className="col col--9">
+
+          <div className="row">
+            <div className="col">
+          <p>
+		PMC Chair: <b>{pmc_chair_name}</b>
+	  </p>
+	    </div>
+	    <div className="col col--2">
+	  <p>
+                <a href={git_link} target="_blank">
+		  <img src="/img/git_logo.svg" width="20px" alt=""/>
+		</a>
+		&nbsp;&nbsp;
+                <a href={linked_link} target="_blank">
+		  <img src="/img/social/LinkedIn-Blue.png" width="20px" alt=""/>
+		</a>
+	  </p>
+	    </div>
+	  </div>
+          <p>
+
+            {pmc_chair_quote}
+
+          </p>
+	</div>
+      </div>
+    </>
+}
diff --git a/src/pages/who.md b/src/pages/who.mdx
similarity index 98%
rename from src/pages/who.md
rename to src/pages/who.mdx
index 7c169edc27..812de3eabb 100644
--- a/src/pages/who.md
+++ b/src/pages/who.mdx
@@ -8,7 +8,11 @@ PMC Information: https://projects.apache.org/committee.html?cloudstack
 
 Board Minutes: https://whimsy.apache.org/board/minutes/CloudStack.html
 
-**PMC Chair**: Nicolás Vázquez (nvazquez)
+````mdx-code-block
+import VP from "@site/src/components/VP";
+
+<VP/>
+````
 
 The following data is subject to change. The up-to-date information can be found on <a href="http://people.apache.org/committers-by-project.html#cloudstack-pmc">the Apache Peoples site</a>:
 
diff --git a/static/img/social/LinkedIn-Blue.png b/static/img/social/LinkedIn-Blue.png
new file mode 100644
index 0000000000..62232662ca
Binary files /dev/null and b/static/img/social/LinkedIn-Blue.png differ