diff --git a/.gitignore b/.gitignore
index 8f322f0..cdf945b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+#env
+.env
\ No newline at end of file
diff --git a/README.md b/README.md
index d7f3159..6d84897 100644
--- a/README.md
+++ b/README.md
@@ -6,3 +6,13 @@ First, run the development server:
 npm i next
 npm run dev
 ```
+Create an .env file and add these variables:
+
+MEETUP_API_BASE_URL=https://www.meetup.com
+
+SETTINGS_BASE_URL=https://raw.githubusercontent.com/CodeandCoffeeCommunity/Code-and-Coffee-Website-Service-Settings/production/settings
+
+
+Reach out to Website Team to get these keys
+NOTION_API_KEY = secret...
+NOTION_API_DATABASE =
\ No newline at end of file
diff --git a/app/(routes)/organizers/page.tsx b/app/(routes)/organizers/page.tsx
index 768f937..53e2e36 100644
--- a/app/(routes)/organizers/page.tsx
+++ b/app/(routes)/organizers/page.tsx
@@ -1,193 +1,24 @@
+
 import "@/app/globals.css";
 import Wrapper from "@/components/layout/Wrapper";
 
-const team = [
-  {
-    name: "Daniel Kapper",
-    role: "Co-Organizer",
-    linkedinUrl: "https://www.linkedin.com/in/kapper/",
-    // teamLead: 'Team Lead:',
-    imageUrl:
-      "https://res.cloudinary.com/danielkapper-com/image/upload/v1584983915/49256474_10218714097030554_1619941130089005056_o.jpg_szwvwp.jpg",
-  },
-  {
-    name: "Brian Towne",
-    role: "Co-Organizer",
-    linkedinUrl: "https://www.linkedin.com/in/bjtowne/",
-    // teamLead: 'Team Lead:',
-
-    imageUrl:
-      "https://media.licdn.com/dms/image/C5603AQF4XNgseUCHyQ/profile-displayphoto-shrink_400_400/0/1655003018441?e=1694044800&v=beta&t=PCruuX2t6f9IkQ92e_z-OdSDIR2Qpf5WOuM7eOQ7KbM"
-  },
-  {
-    name: "Anton Shelkovnikov",
-    role: "Co-Organizer",
-    linkedinUrl: "https://www.linkedin.com/in/antonxdev/",
-    // teamLead: 'Team Lead:',
-    team: 'Volunteer Onboarding',
-    imageUrl:
-      "https://media.licdn.com/dms/image/C4E03AQHKGkWJ9knk4A/profile-displayphoto-shrink_400_400/0/1652227805550?e=1694044800&v=beta&t=FxfNvYBDkdkeTIl2SlBYJK4UWvhcY3GWBrzxbA64hsE"
-  },
-  {
-    name: "Alex Pereira",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/alexpereira7/",
-    // teamLead: 'Team Lead:',
-    team: 'Website',
-    imageUrl:
-      "https://media.licdn.com/dms/image/C4D03AQEQyicXIvVy7A/profile-displayphoto-shrink_200_200/0/1598730872972?e=1695254400&v=beta&t=ahPUkwrpSxlZJVKnDH-zfXAN_ckCHuIMrGDq9dPlD5Y"
-  },
-  {
-    name: "Cedric Jean-Philippe",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/cedric-jean-philippe/",
-    // teamLead: 'Team Lead:',
-    team: 'Website',
-    imageUrl:
-      "https://media.discordapp.net/attachments/1129423864502427748/1137149639762657321/IMG_8182.jpg"
-  },
-  {
-    name: "David Venegas",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/david-venegas-m/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D4E03AQFads4XHD4SUw/profile-displayphoto-shrink_200_200/0/1688920899517?e=1695254400&v=beta&t=uzUkKWBZnDz1f86sIkYN_9VRAXaXWP4gHTyV1miJKNU"
-  },
-  {
-    name: "Dhruv Parthasarathy",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/parthasarathydhruv/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.licdn.com/dms/image/C5603AQEotDJSBtAHjw/profile-displayphoto-shrink_200_200/0/1599589394348?e=1695254400&v=beta&t=RDeglWmH9uNW72xR1JgZyoaSHAF5OhJ_qsRFGteeZOQ"
-  },
-  {
-    name: "Hitomi Abiko",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/hitomiabiko/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D4E03AQHQ9HHXm8xKXQ/profile-displayphoto-shrink_200_200/0/1687606492253?e=1695254400&v=beta&t=RS2kaDkP2IU2gHdZfKLHhWlqrhj7RhMbc9DKBf3AK-M"
-  },
-  {
-    name: "Jarrod Kohl",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/jarrodkohl/",
-    // teamLead: 'Team Lead:',
-    team: 'Features',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D4E03AQHQ8rT5p0b8hQ/profile-displayphoto-shrink_200_200/0/1687527128902?e=1695254400&v=beta&t=2m2jtGGibeFC64K2HGRLp98QZYm8q7iWrooMPZSz69U"
-  },
-  {
-    name: "Jingying Huang",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/jingyinghuang/",
-    // teamLead: 'Team Lead:',
-    team: 'Social Media',
-    imageUrl:
-      "https://media.licdn.com/dms/image/C4E03AQFuDEdSgOJPBw/profile-displayphoto-shrink_200_200/0/1571248783675?e=1695254400&v=beta&t=n2dFY1bI2U2iGFcItLaB3C8-4YcaCNQJ9X1ttYNoHJA"
-  },
-  {
-    name: "Nicole Lyu",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/nicole-lyu/",
-    // teamLead: 'Team Lead:',
-    team: 'Social Media',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D5603AQHCSgPsJzXklg/profile-displayphoto-shrink_200_200/0/1691679645025?e=1698278400&v=beta&t=3h8qyd9yj2wpiCtnIlAwKUPoGsRUgVrD28FzQI2BzfA"
-  },
-  {
-    name: "Sergio Terrero",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/sergio-terrero-34045a11b/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D4E03AQH2PwcKtDoGAg/profile-displayphoto-shrink_200_200/0/1670726619198?e=1695254400&v=beta&t=pbrUCiZcFNtqf6pavxPvcCiYmAezxWbYABuOCnTrymQ"
-  },
-  {
-    name: "Shirly Spikes",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/shirly-spikes-725a413b/",
-    // teamLead: 'Team Lead:',
-    team: 'Features',
-    imageUrl:
-      "https://media.licdn.com/dms/image/C4D03AQF3qK7KUlfxHQ/profile-displayphoto-shrink_200_200/0/1609945840249?e=1695254400&v=beta&t=0WlFasb-0atWKFhlY4_XqyYP2W7CE1zAuE7z0WnK2h0"
-  },
-  {
-    name: "Sai Dutt",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/dutt-sai/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.discordapp.net/attachments/1130964544706056303/1133814348565975050/PXL_20230101_190254075_2.jpg?width=756&height=920"
-  },
-  {
-    name: "Sean Daly",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/seancdaly/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D5603AQEo8O0zmNabkA/profile-displayphoto-shrink_200_200/0/1689400196234?e=1695254400&v=beta&t=CIQJ7UX5cwpPA0mMQ7WyzsQ3TMKzbZ00CVNX59I--Z8"
-  },
-  {
-    name: "Claudio Olmedo",
-    role: "Volunteer",
-    linkedinUrl: "https://www.linkedin.com/in/claudioolmedo-com/",
-    // teamLead: 'Team Lead:',
-    team: '',
-    imageUrl:
-      "https://media.licdn.com/dms/image/D4E03AQE6q5fDJj5zcA/profile-displayphoto-shrink_200_200/0/1685118707659?e=1695254400&v=beta&t=MTVN3lH51OFLr27bpGGep401OW3RffbA8vNeANqZGZY"
-  },
-
+//import the function that fetches data from Notion
+import fetchDataFromNotion from "@/app/service/notion/NotionService"
 
 
-];
 
-export default function Organizers() {
-  const organizers = team.filter(person => person.role === 'Co-Organizer');
-  const volunteers = team.filter(person => person.role !== 'Co-Organizer');
 
+export default async function Organizers() {
+  const teamMembers = await fetchDataFromNotion()
   return (
-    <Wrapper title="" description="">
-      <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl "> Meet Our Organizers!</h2>
-      <ul
-        className="grid grid-cols-2 md:grid-cols-3 gap-2 justify-center flex-auto mt-10 text-center"
-      >
-        {organizers.map(({ name, imageUrl, team, role, linkedinUrl }) => (
-          <li key={name} className="m-4">
-            <a href={linkedinUrl}>
-              <img
-                className="mx-auto h-24 w-24 rounded-full"
-                src={imageUrl}
-                alt={name}
-              />
-            </a>
-            <h3 className="mt-6 text-base font-semibold leading-7 tracking-tight text-gray-900">
-              {name}
-            </h3>
-            <p className="text-sm leading-6 text-gray-600">{role}</p>
-            {/* <p className="text-sm leading-6 text-gray-600">{teamLead}</p> */}
-            <p className="text-sm leading-6 text-gray-600">{team}</p>
-          </li>
-        ))}
-      </ul>
 
-
-
-      <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl "> Meet Our Volunteers!</h2>
+    <Wrapper title="Team" description="Meet our Organizers!">
       <ul
         className="grid grid-cols-2 md:grid-cols-3 gap-2 justify-center flex-auto mt-10 text-center"
       >
-        {volunteers.map(({ name, imageUrl, team, role, linkedinUrl }) => (
+        {teamMembers.map(({ name, imageUrl, team, role, linkedInUrl }) => (
           <li key={name} className="m-4">
-            <a href={linkedinUrl}>
+            <a href={linkedInUrl}>
               <img
                 className="mx-auto h-24 w-24 rounded-full"
                 src={imageUrl}
@@ -198,7 +29,6 @@ export default function Organizers() {
               {name}
             </h3>
             <p className="text-sm leading-6 text-gray-600">{role}</p>
-            {/* <p className="text-sm leading-6 text-gray-600">{teamLead}</p> */}
             <p className="text-sm leading-6 text-gray-600">{team}</p>
           </li>
         ))}
@@ -206,3 +36,4 @@ export default function Organizers() {
     </Wrapper>
   );
 }
+
diff --git a/app/service/notion/NotionService.ts b/app/service/notion/NotionService.ts
new file mode 100644
index 0000000..822f0f5
--- /dev/null
+++ b/app/service/notion/NotionService.ts
@@ -0,0 +1,30 @@
+import { Client } from "@notionhq/client";
+
+const notion = new Client({ auth: process.env.NOTION_API_KEY });
+
+// this function fetches data from The Notion Database(Table). 
+const fetchDataFromNotion = async () => {
+    const databaseId = process.env.NOTION_API_DATABASE;
+    const response = await notion.databases.query({ database_id: databaseId });
+
+    // we map through the array of object to pull out the properties that we need for rendering.
+    const teamResults = response.results.map((page) => {
+        return {
+            id: page.id,
+            name: page.properties.Name.title[0]?.plain_text,
+            role: page.properties.Role.multi_select[0].name,
+            // team: page.properties.Teams.rich_text[0]?.plain_text,
+            imageUrl: page.properties.Image.files[0]?.file.url,
+            linkedInUrl: page.properties.LinkedIn.rich_text[0]?.plain_text,
+            notionId: page.properties.NotionId.rich_text[0]?.plain_text
+        };
+    });
+
+    //this function sorts the array by NotionId property that we set in the Notion table
+    teamResults.sort((a, b) => {
+        return parseInt(a.notionId) - parseInt(b.notionId);
+    });
+    return teamResults;
+};
+
+export default fetchDataFromNotion;
\ No newline at end of file
diff --git a/changelog.md b/changelog.md
index 4c271ab..8740041 100644
--- a/changelog.md
+++ b/changelog.md
@@ -21,7 +21,39 @@ N/A
 N/A
 
 -->
+---
+
+## [1.1.3] - 2023-10-24
+ 
+### Added
+- Added .env file with Notion API key and Notion database key variables
+- Added .env file to gitignore file
+- Added fetchDataFromNotion async function to get the data from Notion and sort the array to the separate file at /app/service/notion/NotionService
+
+
+### Updated
+- Updated Organizers function
+
+
+### Removed
+- removed the hardcoded array of team members
 
+---
+
+## [1.1.2] - 2023-09-08
+ 
+### Added
+- Added 2 new team members
+- Linked the new components in pastEvents pages
+
+### Updated
+- Updated Anton's and Brian's pictures in Organizers page
+- Updated everyone's roles to reflect the new structure
+- Updated the variables to reflect the new roles
+
+### Removed
+- Removed David Venegas
+- Removed h2 'Meet Our Volunteers!' 
 ---
 ## [1.1.3] - 2023-10-09
 ### Added
@@ -33,6 +65,7 @@ N/A
 ### Updated
 - Reordered main page buttons 
 
+
 ## [1.1.1] - 2023-08-24
 ### Updated
 - Updated Nicole Lyu's picture in Organizers page
diff --git a/package-lock.json b/package-lock.json
index 2d989f3..9f8a0de 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,11 +10,13 @@
       "dependencies": {
         "@headlessui/react": "^1.7.15",
         "@heroicons/react": "^2.0.18",
+        "@notionhq/client": "^2.2.13",
         "@tailwindcss/forms": "^0.5.3",
         "@types/node": "20.2.1",
         "@types/react": "18.2.6",
         "@types/react-dom": "18.2.4",
         "autoprefixer": "10.4.14",
+        "dotenv": "^16.3.1",
         "eslint-config-next": "13.4.3",
         "next": "13.4.3",
         "postcss": "8.4.23",
@@ -389,6 +391,37 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@notionhq/client": {
+      "version": "2.2.13",
+      "resolved": "https://registry.npmjs.org/@notionhq/client/-/client-2.2.13.tgz",
+      "integrity": "sha512-wJpEl30QUSy2K3/Q2c2knNiZlLXJ17JnQgaIiFbN68IMJy+2TE9fXLxvV1N/cMVs2+SpteAa6PlyrUgfGdlmDg==",
+      "dependencies": {
+        "@types/node-fetch": "^2.5.10",
+        "node-fetch": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@notionhq/client/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@pkgr/utils": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.4.1.tgz",
@@ -448,6 +481,15 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.1.tgz",
       "integrity": "sha512-DqJociPbZP1lbZ5SQPk4oag6W7AyaGMO6gSfRwq3PWl4PXTwJpRQJhDq4W0kzrg3w6tJ1SwlvGZ5uKFHY13LIg=="
     },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.6",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.6.tgz",
+      "integrity": "sha512-95X8guJYhfqiuVVhRFxVQcf4hW/2bCuoPwDasMf/531STFoNoWTT7YDnWdXHEZKqAGUigmpG31r2FE70LwnzJw==",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.0"
+      }
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -845,6 +887,11 @@
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
       "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag=="
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.14",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -1132,6 +1179,17 @@
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1258,6 +1316,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -1298,6 +1364,17 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.3.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
+      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/motdotla/dotenv?sponsor=1"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.433",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.433.tgz",
@@ -2000,6 +2077,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -2817,6 +2907,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mimic-fn": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
@@ -4109,6 +4218,11 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
@@ -4260,6 +4374,20 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index d3c4fd3..3514b4c 100644
--- a/package.json
+++ b/package.json
@@ -14,11 +14,13 @@
   "dependencies": {
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
+    "@notionhq/client": "^2.2.13",
     "@tailwindcss/forms": "^0.5.3",
     "@types/node": "20.2.1",
     "@types/react": "18.2.6",
     "@types/react-dom": "18.2.4",
     "autoprefixer": "10.4.14",
+    "dotenv": "^16.3.1",
     "eslint-config-next": "13.4.3",
     "next": "13.4.3",
     "postcss": "8.4.23",