diff --git a/config/_default/menus.yaml b/config/_default/menus.yaml
index be2c05d..5edd529 100644
--- a/config/_default/menus.yaml
+++ b/config/_default/menus.yaml
@@ -76,12 +76,16 @@ main:
     weight: 1
     url: "publications/"
     parent: "Resources"
-  - name: "Grants & Projects"
+  - name: "Online Resources"
     weight: 2
+    url: "online-resources/"
+    parent: "Resources"
+  - name: "Grants & Projects"
+    weight: 3
     url: "grants-and-projects/"
     parent: "Resources"
   - name: "Policies"
-    weight: 3
+    weight: 4
     url: "policies/"
     parent: "Resources"
   
@@ -127,9 +131,12 @@ resources:
   - name: "Publications"
     weight: 1
     url: "/publications"
-  - name: "Grants & Projects"
+  - name: "Online Resources"
     weight: 2
+    url: "/online-resources"
+  - name: "Grants & Projects"
+    weight: 3
     url: "/grants-and-projects"
   - name: "Policies"
-    weight: 3
+    weight: 4
     url: "/policies"
diff --git a/content/online-resources/_index.md b/content/online-resources/_index.md
new file mode 100644
index 0000000..07e1509
--- /dev/null
+++ b/content/online-resources/_index.md
@@ -0,0 +1,75 @@
+---
+title: "Online Resources"
+weight: 4
+resources_section:
+  enable: true
+  title: "Project Websites"
+  content: "Find information about NWB on our various websites"
+  boxes:
+    - title: "Main Website"
+      content: "The primary NWB project website"
+      image: "/images/portfolio.png"
+      url: "https://www.nwb.org/"
+    - title: "Hackathons"
+      content: "NWB Hackathon events and information"
+      image: "/images/hackathon_icon.png"
+      url: "https://neurodatawithoutborders.github.io/nwb_hackathons/"
+    - title: "NWB Neurodata Extension (NDX) Catalog"
+      content: "Discover NWB extensions"
+      image: "/images/ndxcatalog_logo_framed.png"
+      url: "https://nwb-extensions.github.io/"
+
+support_section:
+  enable: true
+  title: "Online Support and Social Media"
+  content: "Connect with the NWB community through various online platforms"
+  boxes:
+    - title: "Helpdesk"
+      content: "Get support from the NWB community"
+      image: "/images/github.png"
+      url: "https://github.com/NeurodataWithoutBorders/helpdesk/discussions"
+    - title: "Mailing List"
+      content: "Subscribe to NWB announcements"
+      image: "/images/mail.png"
+      url: "https://mailchi.mp/fe2a9bc55a1a/nwb-signup"
+    - title: "Slack"
+      content: "Join the NWB community on Slack"
+      image: "/images/slack.png"
+      url: "https://bit.ly/3jK6Gm1"
+    - title: "Twitter"
+      content: "Follow NWB on Twitter"
+      image: "/images/twitter.png"
+      url: "https://twitter.com/neurodatawb"
+    - title: "Bluesky"
+      content: "Follow NWB on Bluesky"
+      image: "/images/Bluesky_Logo.svg"
+      url: "https://bsky.app/profile/nwb.org"
+    - title: "YouTube"
+      content: "Watch NWB tutorials and presentations"
+      image: "/images/youtube.png"
+      url: "https://www.youtube.com/c/NeurodataWithoutBorders"
+
+training_section:
+  enable: true
+  title: "General Training"
+  content: "Learn about NWB through training resources"
+  boxes:
+    - title: "INCF Training Space"
+      content: "NWB training resources on INCF"
+      image: "/images/incf.png"
+      url: "https://training.incf.org/collection/neurodata-without-borders-neurophysiology-nwbn"
+    - title: "NWB Overview"
+      content: "Comprehensive overview of NWB"
+      image: "/images/nwb-guide.png"
+      url: "https://nwb-overview.readthedocs.io/"
+
+docs_section:
+  enable: true
+  title: "Core Tool Documentation"
+  content: "Access documentation for NWB core tools"
+  boxes:
+    - title: "Core Tools"
+      content: "Documentation for NWB core tools"
+      image: "/images/r-docs.png"
+      url: "https://neurodatawithoutborders.github.io/tools/core/"
+---
diff --git a/content/publications/online-and-social-media.md b/content/publications/online-and-social-media.md
deleted file mode 100644
index b647b62..0000000
--- a/content/publications/online-and-social-media.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: "Online and Social Media"
-weight: 2
-icon: "/images/online.png"
-socials: true
-boxes:
-    - icon: "/images/youtube.png"
-      title: "NWB YouTube Channel"
-      content: "Visit our YouTube channel to find recordings of tutorials"
-    - icon: "/images/twitter.png"
-      title: "NWB Twitter"
-      content: "Follow NWB on twitter"
----
\ No newline at end of file
diff --git a/layouts/online-resources/list.html b/layouts/online-resources/list.html
new file mode 100644
index 0000000..59c290a
--- /dev/null
+++ b/layouts/online-resources/list.html
@@ -0,0 +1,123 @@
+{{ define "main" }}
+{{/* Hero Section */}}
+<section class="hero teamSect d-flex justify-content-center align-items-center position-relative"
+         style="background: radial-gradient(#063053e5, #062e52e5), url('/images/essentials/aboutBg.png');">
+    <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify }}</h1>
+    <div class="position-absolute ellipses">
+        <img src="/images/essentials/ellipses.png" alt="" class="ellipseW">
+    </div>
+</section>
+{{/* End Hero Section */}}
+
+{{/* Project Websites Section */}}
+{{ with .Params.resources_section }}
+{{ if .enable }}
+<section class="section bg-dark-100">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <a href="{{ .url }}" class="col-12 col-sm-6 col-md-4 col-lg-4" target="_blank">
+                <div class="bg-white h-100 rounded-3 p-4 shadow-sm">
+                    <div class="d-flex flex-column row-gap-4">
+                        <img src="{{ .image }}" alt="" width="40">
+                        <div class="">
+                            <h5 class="inter-700 text-18 dark-900 mb-2">{{ .title | markdownify }}</h5>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </a>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Project Websites Section */}}
+
+{{/* Support and Social Media Section */}}
+{{ with .Params.support_section }}
+{{ if .enable }}
+<section class="section bg-white">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <a href="{{ .url }}" class="col-12 col-sm-6 col-md-4 col-lg-4" target="_blank">
+                <div class="bg-dark-100 h-100 rounded-3 p-4 shadow-sm">
+                    <div class="d-flex flex-column row-gap-4">
+                        <img src="{{ .image }}" alt="" width="40">
+                        <div class="">
+                            <h5 class="inter-700 text-18 dark-900 mb-2">{{ .title | markdownify }}</h5>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </a>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Support and Social Media Section */}}
+
+{{/* Training Section */}}
+{{ with .Params.training_section }}
+{{ if .enable }}
+<section class="section bg-dark-100">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <a href="{{ .url }}" class="col-12 col-sm-6 col-md-4 col-lg-4" target="_blank">
+                <div class="bg-white h-100 rounded-3 p-4 shadow-sm">
+                    <div class="d-flex flex-column row-gap-4">
+                        <img src="{{ .image }}" alt="" width="40">
+                        <div class="">
+                            <h5 class="inter-700 text-18 dark-900 mb-2">{{ .title | markdownify }}</h5>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </a>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Training Section */}}
+
+{{/* Documentation Section */}}
+{{ with .Params.docs_section }}
+{{ if .enable }}
+<section class="section bg-white">
+    <div class="container-lg">
+        <h3 class="inter-700 text-40 dark-900 mb-3">{{ .title | markdownify }}</h3>
+        <p class="inter-400 text-16 dark-700 lh-base">{{ .content | markdownify }}</p>
+        <div class="row g-4 justify-content-center pt-4">
+            {{ range .boxes }}
+            <a href="{{ .url }}" class="col-12 col-sm-6 col-md-4 col-lg-4" target="_blank">
+                <div class="bg-dark-100 h-100 rounded-3 p-4 shadow-sm">
+                    <div class="d-flex flex-column row-gap-4">
+                        <img src="{{ .image }}" alt="" width="40">
+                        <div class="">
+                            <h5 class="inter-700 text-18 dark-900 mb-2">{{ .title | markdownify }}</h5>
+                            <p class="inter-400 text-14 dark-700">{{ .content | markdownify }}</p>
+                        </div>
+                    </div>
+                </div>
+            </a>
+            {{ end }}
+        </div>
+    </div>
+</section>
+{{ end }}
+{{ end }}
+{{/* End Documentation Section */}}
+{{ end }}
diff --git a/static/images/Bluesky_Logo.svg b/static/images/Bluesky_Logo.svg
new file mode 100644
index 0000000..c71e201
--- /dev/null
+++ b/static/images/Bluesky_Logo.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="600" height="530" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="#1185fe"/>
+</svg>
diff --git a/static/images/hackathon_icon.png b/static/images/hackathon_icon.png
new file mode 100644
index 0000000..164a495
Binary files /dev/null and b/static/images/hackathon_icon.png differ