diff --git a/src/sidebars/hpS.tsx b/src/sidebars/hpS.tsx
index 9c37197bcbbc6c9ab1c93ce48af33f5448422ebd..ef2d1dc9e6ca8a0770ca6cca49232c1ec3346299 100644
--- a/src/sidebars/hpS.tsx
+++ b/src/sidebars/hpS.tsx
@@ -1,13 +1,22 @@
+import { createSidebar } from "../utils/createSidebar";
 
 
 
 export function HpSidebar(){
-
-
+    let sidebar = createSidebar(tabs); 
     return(
         <div className="col-2 d-none d-lg-block">
-          
+           {sidebar}
         </div>
     )
 }
 
+const tabs = [
+    { tab: "Abstract" },
+    { tab: "Cystic Fibrosis", subtabs: ["Overview", "The CFTR Protein", "ΔF508", "Symptoms", "Diagnosis", "Treatment"]},
+    {tab: "Our Motivation"},
+    {tab: "Approach"},
+    {tab: "Delivery"},
+    {tab: "Our Vision"},
+    {tab: "References"}
+  ];
\ No newline at end of file