diff --git a/README.md b/README.md
index ace33c78..3a180a85 100644
--- a/README.md
+++ b/README.md
@@ -71,6 +71,14 @@ Sponsors are hard-coded in `src/routes/LandingPage/SponsorshipSection/Sponsorshi
 
 Workshop slides and code are published in the [QuantSoc/workshop-materials](https://github.com/QuantSoc/workshop-materials) repo.
 
+### Updating the team page
+
+The executives shown on `/team` are listed in `src/routes/TeamPage/executives.js`, newest year first. The first year in the list is shown as the current executive. For a new year, copy a year's block to the top of the list and fill in the names, roles and (optional) LinkedIn links.
+
+### Updating the constitution
+
+The `/constitution` page is generated from `src/routes/ConstitutionPage/constitution.txt`. It can be updated directly from `constitution.txt`, or you can open it up on Google Docs, choose **File -> Download -> Plain text (.txt)**, and insert the new file instead of the old `constitution.text`.
+
 ### Updating Jobs Listings & Articles
 
 All the Job Listings are stored in the [Firebase Firestore](https://firebase.google.com/docs/firestore) database. Simply log into Firebase Hosting using quantsoc email OAuth, and then end it manually from there.
diff --git a/src/App.jsx b/src/App.jsx
index 13966d96..278f2c8c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -10,6 +10,8 @@ import Footer from 'components/Footer';
 import Mathsprint from 'routes/MathsprintPage/MathsprintPage';
 import ArticlesPage from 'routes/ArticlesPage';
 import ContactPage from 'routes/ContactPage/ContactPage';
+import TeamPage from 'routes/TeamPage/TeamPage';
+import ConstitutionPage from 'routes/ConstitutionPage/ConstitutionPage';
 
 const App = () => {
   return (
@@ -24,6 +26,8 @@ const App = () => {
           <Route path="/resources" element={<ResourcesPage />} />
           <Route path="/contact" element={<ContactPage />} />
           <Route path="/mathsprint" element={<Mathsprint />} />
+          <Route path="/team" element={<TeamPage />} />
+          <Route path="/constitution" element={<ConstitutionPage />} />
         </Routes>
         <Footer />
       </div>
diff --git a/src/components/BurgerMenu/BurgerMenu.jsx b/src/components/BurgerMenu/BurgerMenu.jsx
index 0ca394f4..0001e631 100644
--- a/src/components/BurgerMenu/BurgerMenu.jsx
+++ b/src/components/BurgerMenu/BurgerMenu.jsx
@@ -70,36 +70,45 @@ const BurgerMenu = () => {
           className="burger-menu-item"
           onKeyDown={() => {}}
           tabIndex={-1}
-          to='/#events'
+          smooth
+          to='/team#'
         >
-          Events
+          Team
         </HashLink>
         <HashLink
           className="burger-menu-item"
           onKeyDown={() => {}}
           tabIndex={-1}
           smooth
-          to='/resources#'
+          to='/constitution#'
         >
-          Resources
+          Constitution
+        </HashLink>
+        <HashLink
+          className="burger-menu-item"
+          onKeyDown={() => {}}
+          tabIndex={-1}
+          to='/#events'
+        >
+          Events
         </HashLink>
         <HashLink
           className="burger-menu-item"
           onKeyDown={() => {}}
           tabIndex={-1}
           smooth
-          to='/#sponsorships'
+          to='/resources#'
         >
-          Sponsors
+          Resources
         </HashLink>
         <HashLink
           className="burger-menu-item"
           onKeyDown={() => {}}
           tabIndex={-1}
           smooth
-          to='/articles#'
+          to='/#sponsorships'
         >
-          News
+          Sponsors
         </HashLink>
         <HashLink
             to='/contact#'
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 777e5c5c..1b02f159 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -44,6 +44,16 @@ const Footer = () => {
                   Resources
                 </a>
               </li>
+              <li>
+                <a className="nav-link" href="/team">
+                  Our Team
+                </a>
+              </li>
+              <li>
+                <a className="nav-link" href="/constitution">
+                  Constitution
+                </a>
+              </li>
               <li>
                 <a
                   className="nav-link"
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index ab6d138f..10a08259 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -47,6 +47,24 @@ const NavBar = () => {
         >
           About Us
         </HashLink>
+        <HashLink
+          tabIndex={-1}
+          onKeyDown={() => {}}
+          smooth
+          to='/team#'
+          className="text-main menu-item menu-item-mobile"
+        >
+          Team
+        </HashLink>
+        <HashLink
+          tabIndex={-1}
+          onKeyDown={() => {}}
+          smooth
+          to='/constitution#'
+          className="text-main menu-item menu-item-mobile"
+        >
+          Constitution
+        </HashLink>
         <HashLink
           tabIndex={-1}
           smooth
@@ -78,15 +96,6 @@ const NavBar = () => {
           Sponsors
         </HashLink>
         
-        <HashLink
-          tabIndex={-1}
-          onKeyDown={() => {}}
-          smooth
-          to='/articles#'
-          className="text-main menu-item menu-item-mobile"
-        >
-          News
-        </HashLink>
         <HashLink
           to='/contact#'
           smooth
diff --git a/src/components/PageHero/PageHero.jsx b/src/components/PageHero/PageHero.jsx
new file mode 100644
index 00000000..4667dd00
--- /dev/null
+++ b/src/components/PageHero/PageHero.jsx
@@ -0,0 +1,24 @@
+import './index.less';
+
+// Dark header used at the top of the Team and Constitution pages.
+// `title` can contain a <span> to highlight a word; anything passed as
+// children (stats, buttons, ...) is shown underneath the subtitle.
+const PageHero = ({
+  eyebrow = 'QuantSoc UNSW',
+  title,
+  subtitle,
+  children,
+}) => {
+  return (
+    <header className="page-hero">
+      <div className="page-hero__content">
+        <p className="page-hero__eyebrow">{eyebrow}</p>
+        <h1 className="page-hero__title">{title}</h1>
+        {subtitle && <p className="page-hero__subtitle">{subtitle}</p>}
+        {children}
+      </div>
+    </header>
+  );
+};
+
+export default PageHero;
diff --git a/src/components/PageHero/index.less b/src/components/PageHero/index.less
new file mode 100644
index 00000000..4520c76d
--- /dev/null
+++ b/src/components/PageHero/index.less
@@ -0,0 +1,135 @@
+@import '../../styles/constants.less';
+
+// Solid background with faint grid lines for a subtle "trading chart" feel
+.page-hero {
+  padding: 6rem 15% 5rem;
+  color: white;
+  font-family: 'Poppins';
+  text-align: left;
+  background-color: @black-purple;
+  background-image:
+    linear-gradient(fade(white, 5%) 1px, transparent 1px),
+    linear-gradient(90deg, fade(white, 5%) 1px, transparent 1px);
+  background-size: 48px 48px;
+
+  @media screen and (max-width: @tablet) {
+    padding: 5rem 8% 4rem;
+  }
+
+  @media screen and (max-width: @mobile) {
+    padding: 3.5rem 1.5rem 3rem;
+  }
+}
+
+.page-hero__content {
+  max-width: 760px;
+}
+
+.page-hero__eyebrow {
+  margin-bottom: 1rem;
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: 0.2em;
+  text-transform: uppercase;
+  color: @quantsoc-primary;
+}
+
+.page-hero__title {
+  margin: 0 0 1.5rem;
+  font-size: 64px;
+  font-weight: 600;
+  line-height: 1.1;
+  color: white;
+
+  span {
+    color: @quantsoc-primary;
+  }
+
+  @media screen and (max-width: @mobile) {
+    font-size: 40px;
+  }
+}
+
+.page-hero__subtitle {
+  max-width: 600px;
+  font-size: 20px;
+  line-height: 1.6;
+  color: fade(white, 80%);
+
+  @media screen and (max-width: @mobile) {
+    font-size: 16px;
+  }
+}
+
+.page-hero__stats {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem 3rem;
+  margin-top: 2.5rem;
+
+  @media screen and (max-width: @mobile) {
+    gap: 1rem 1.25rem;
+  }
+}
+
+.page-hero__stat {
+  display: flex;
+  flex-direction: column;
+  padding-left: 1rem;
+  border-left: 3px solid @mid-purple;
+
+  @media screen and (max-width: @mobile) {
+    padding-left: 0.75rem;
+  }
+}
+
+.page-hero__stat-value {
+  font-size: 36px;
+  font-weight: 600;
+  line-height: 1.2;
+  font-variant-numeric: tabular-nums;
+
+  @media screen and (max-width: @mobile) {
+    font-size: 28px;
+  }
+}
+
+.page-hero__stat-label {
+  font-size: 14px;
+  color: fade(white, 65%);
+}
+
+.page-hero__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  margin-top: 2.5rem;
+}
+
+.page-hero__button {
+  padding: 0.75rem 1.5rem;
+  border: 2px solid fade(white, 60%);
+  border-radius: 8px;
+  font-size: 17px;
+  font-weight: 500;
+  color: white;
+  text-decoration: none;
+  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease-out;
+
+  &:hover {
+    color: white;
+    border-color: white;
+    background-color: fade(white, 10%);
+    transform: translateY(-2px);
+  }
+}
+
+.page-hero__button--primary {
+  border-color: @mid-purple;
+  background-color: @mid-purple;
+
+  &:hover {
+    border-color: @dark-purple;
+    background-color: @dark-purple;
+  }
+}
diff --git a/src/routes/ConstitutionPage/ConstitutionPage.jsx b/src/routes/ConstitutionPage/ConstitutionPage.jsx
new file mode 100644
index 00000000..3bd0896a
--- /dev/null
+++ b/src/routes/ConstitutionPage/ConstitutionPage.jsx
@@ -0,0 +1,111 @@
+// To update the constitution, replace constitution.txt with a fresh
+// Google Docs plain-text export (File -> Download -> Plain text).
+import { useEffect, useState } from 'react';
+import PageHero from 'components/PageHero/PageHero';
+// eslint-disable-next-line import/no-unresolved, import/extensions
+import constitutionText from './constitution.txt?raw';
+import parseConstitution from './parseConstitution';
+import './index.less';
+
+const sections = parseConstitution(constitutionText);
+
+// Highlights the section currently being read in the contents sidebar
+const useActiveSection = () => {
+  const [activeId, setActiveId] = useState(sections[0]?.id);
+
+  useEffect(() => {
+    // The active section is the last one whose heading has scrolled up to just
+    // below the nav bar (or the final section once the page is scrolled to the bottom)
+    const update = () => {
+      const atBottom = window.innerHeight + window.scrollY
+        >= document.documentElement.scrollHeight - 2;
+      let current = sections[0]?.id;
+      sections.forEach((section) => {
+        const el = document.getElementById(section.id);
+        if (el && (atBottom || el.getBoundingClientRect().top <= 150)) {
+          current = section.id;
+        }
+      });
+      setActiveId(current);
+    };
+
+    update();
+    window.addEventListener('scroll', update, { passive: true });
+    window.addEventListener('resize', update);
+    return () => {
+      window.removeEventListener('scroll', update);
+      window.removeEventListener('resize', update);
+    };
+  }, []);
+
+  return activeId;
+};
+
+const ConstitutionPage = () => {
+  const activeId = useActiveSection();
+
+  return (
+    <div className="page" id="constitution-page">
+      <PageHero
+        title={(
+          <>
+            Our Constitution
+          </>
+        )}
+        subtitle="The rules that govern how QuantSoc is run, voted on by the members at the general meetings (typically the yearly AGM). QuantSoc is affiliated with Arc @ UNSW."
+      />
+
+      <div className="constitution">
+        <aside className="constitution__contents">
+          <p className="constitution__contents-title">Contents</p>
+          <ol>
+            {sections.map((section) => {
+              return (
+                <li key={section.id}>
+                  <a
+                    href={`#${section.id}`}
+                    className={section.id === activeId ? 'active' : ''}
+                  >
+                    <span>{section.number}</span>
+                    {section.title}
+                  </a>
+                </li>
+              );
+            })}
+          </ol>
+        </aside>
+
+        <article className="constitution__body">
+          {sections.map((section) => {
+            return (
+              <section key={section.id} id={section.id} className="constitution__section">
+                <h2>
+                  <span className="constitution__section-number">{section.number}</span>
+                  {section.title}
+                </h2>
+                {section.items.map((item, index) => {
+                  const key = `${section.id}-${index}`;
+                  if (item.type === 'subheading') {
+                    return <h3 key={key}>{item.text}</h3>;
+                  }
+                  return (
+                    <div
+                      key={key}
+                      className="constitution__clause"
+                      style={{ '--depth': item.depth }}
+                    >
+                      <span className="constitution__clause-number">{item.number}</span>
+                      <p>{item.text}</p>
+                    </div>
+                  );
+                })}
+              </section>
+            );
+          })}
+        </article>
+      </div>
+    </div>
+  );
+};
+
+export default ConstitutionPage;
diff --git a/src/routes/ConstitutionPage/constitution.txt b/src/routes/ConstitutionPage/constitution.txt
new file mode 100644
index 00000000..11f2d39b
--- /dev/null
+++ b/src/routes/ConstitutionPage/constitution.txt
@@ -0,0 +1,224 @@
+Quantitative Finance & Trading Society
+CONSTITUTION
+1 Introduction
+1.1        The official name of the club shall be the Quantitative Finance and Trading Society
+1.1.1        The club shall be otherwise known as QuantSoc
+1.2        The club shall be affiliated with Arc.
+1.3        The aims and objectives of the club are:
+1.3.1        To connect UNSW students interested in mathematical finance, quantitative trading and algorithmic market making to a community of like-minded students
+1.3.2        To prepare such resources and events as are relevant to the social, educational, intellectual, and professional interests of its members.
+1.3.3        To facilitate networking opportunities and connections between students and industry
+1.4        The society will comply with Anti-Discrimination legislation in all its activities and procedures, including the granting of society membership.
+1.5        In all matters not specifically dealt with herein, the procedures set out in the latest edition of Guide for Meetings and Organisations by N.E.R. Renton shall apply.
+Definitions
+1.6        For the purposes of this Constitution:
+1.6.1        The University shall mean the University of New South Wales;
+1.6.2        Arc shall mean Arc @ UNSW Limited;
+1.6.3        Members shall mean full members of the club;
+1.6.4        Associate members shall mean associate members of the club;
+1.6.5        The Executive shall mean the Executive of the club;
+1.6.6        The Committee shall mean the Executive of the club as well as any member appointed by the Executive to fill a specific role;
+1.6.7        The Annual General Meeting shall mean the Annual General Meeting of the club;
+1.6.8        An academic day shall mean a day during the first, second or third term of the University’s academic year which is not a Saturday, Sunday, Public Holiday or University Holiday; and
+1.6.9        Subjects shall mean units of study offered by the University in progression to the award of a degree.
+1.7        Unless a contrary statement appears in Section 7 of this Constitution, the club shall be bound by all the clauses in Section 2 to Section 6 of this Constitution.
+2 Not-For-Profit Status
+2.1        The assets and income of the organisation shall be applied solely in furtherance of its above-mentioned objects and no portion shall be distributed directly or indirectly to the members of the organisation except as bona fide compensation for services rendered or expenses incurred on behalf of the organisation.
+3 Membership
+3.1        Contact details for members of the Club are to remain with the Executive and Arc to have sole access. Contact details are not to be given or sold to any other person.
+3.2        Full membership of the Club shall be open to all UNSW students, and they shall be required to pay an annual Club membership fee set by the Club Executive, and complete a membership form.
+3.3        Associate membership shall be open to all persons who are not UNSW students, provided that they pay a membership fee that is set by the Club Executive, and they complete a membership form prepared by the Club Executive.
+3.4        A person’s membership commences on the date they purchase membership and remains valid until the end of Week Three of Term One of the following calendar year.
+3.5        The Club shall comply with Anti-Discrimination legislation in all its activities and procedures, including the granting of Club membership.
+3.6        Notwithstanding clause 3.9, a member of a Club Executive may have their position declared vacant according to the procedures set out in Section 4.8.
+3.7        Notwithstanding clauses 3.8 and 3.9, an Executive, a member or associate member of a Club may have their membership terminated after the following procedure is followed:
+3.7.1        A motion is carried by the Executive, or the Executive is petitioned by twenty (20) members to instigate impeachment proceedings;
+3.7.2        The members of the Club are notified of the proceedings formally as a motion on notice to an Extraordinary General Meeting under clauses 5.8 and 5.9;
+3.7.3        The member concerned is notified in writing of the procedures and reasons for proceedings at least seven (7) days prior to the meeting.
+3.7.4        The member concerned is given five (5) minutes to speak against the motion at the Extraordinary General Meeting.
+3.7.5        The motion is carried by the Extraordinary General Meeting.
+3.8        Notwithstanding clause 3.9, an Executive, a member or associate member of a Club may have their membership terminated if the following occurs:
+3.8.1        The person in question has acted in a way that has sabotaged the functions of the Club or disregarded the Constitution to the detriment of the Club’s membership; and/or,
+3.8.2        The person in question has instigated instances of bullying, harassment, assault and/or gendered violence to one or multiple individuals.
+3.8.3        The Club has liaised with Arc about the person in question and Arc has determined the issue is of a serious nature.
+3.8.4        That the Club has, in consultation with Arc, determined that a public EGM to remove the individual would cause undue harm to those that have been victimised or harmed.
+3.8.5        Notice of a General Meeting must then be presented via the email they provided when signing up to the Club, to the person(s) in question, and the Executive, at least seven (7) days prior to the meeting.
+3.8.6        This meeting must be held in-camera (privately) and the only people permitted to attend the meeting are:
+3.8.6.1        Executive as listed within their Constitution,
+3.8.6.2        the person(s) in question,
+3.8.6.3        a support person for each of the person(s) in question, as required
+3.8.6.4        Any member of Arc, as required
+3.8.7        The person(s) in question must be afforded procedural fairness, including five (5) minutes to speak against the motion. (refer to Arc Clubs Policy Section E, 33.5 - 33.11)
+3.8.8        The motion is carried by the General Meeting.
+3.9        Any member of a Club or Club Executive who believes they have been wrongly expelled may appeal to the Clubs Tribunal, who will arrive at the final resolution of the matter.
+3.10        Appeals must be submitted in writing within seven (7) days of receiving the penalty and must include a justification for seeking an appeal.
+4 Executive
+4.1        The Executive of the club shall be elected from the full members at the Annual General Meeting and shall consist of:
+4.1.1        Two Co-Presidents;
+4.1.2        A Secretary/Treasurer;
+4.1.3        An Administrator, representing Arc Delegate & Grievance Officer;
+4.1.4        A Vice President Marketing;
+4.1.5        A Vice President Events;
+4.1.6        A Vice President Technical;
+4.1.7        Two Vice Presidents External.
+4.2        One member is permitted to hold two Executive positions, provided that a minimum of three different members shall remain on the Executive at all times, with the exception that the positions of Co-President and Secretary/Treasurer may not be held by the same person.
+4.2.1        The term of office for each Executive elected at an AGM shall start at the conclusion of Term 3 in the current year and continue for a full calendar year;
+4.2.2        Any Executive elected at an EGM will serve from the date of their election until the end of the next Term 3 in any given calendar year.
+4.3        Job sharing of any Executive position other than Arc Delegate and Grievance Officer under the executive title of Administrator is not permitted.
+4.4        The Executive shall be responsible for the following duties:
+4.4.1        The activities of the club;
+4.4.2        The finances of the club;
+4.4.3        Appointing members to the Committee;
+a)        Appointments will be made by majority vote of the Executive.
+4.4.4        The maintenance and review of policies & procedures of the Club, including its Grievance Resolution Policy & Procedure.
+4.5        The Executive is at all times bound by the decisions of a club Annual or Extraordinary General Meeting.
+4.6        Any member of the Executive shall have their position declared vacant if they:
+4.6.1        Die;
+4.6.2        Cease to be a member of the club;
+4.6.3        Cease to be a UNSW student;
+4.6.4        Have their position declared vacant at an Extraordinary General Meeting;
+4.6.5        Are absent from any three (3) consecutive meetings of the Club without apology or leave.
+4.7        Any member of the Committee shall have their position declared vacant if they:
+4.7.1        Meet the criteria outlined in section 4.6; or
+4.7.2        Are removed from their role by majority vote of the executive.
+4.8        Any vacancy on the club Executive must be filled at an Extraordinary General Meeting, via the procedures outlined in Section 5.
+4.9        Executive positions that become vacant less than 1 month before the yearly affiliation period may be filled by majority vote of the Executive. People appointed this way will be ‘Acting’ in the position, may not be a Co-President or the Secretary/Treasurer, may not be a bank signatory and cannot act as Rubric administrators.
+4.10        Duties of the following Executive positions shall include but not be limited to:
+4.10.1 Co-Presidents
+a)        To chair all club, Committee, General and Annual General Meetings (held during their term) of the club;
+b)        To oversee and coordinate the activities and administration of the club;
+c)        To ensure that the elected officers of the club perform duties as laid down by the clubs’ Constitution, through regular e-mail updates, regularly advertised meetings, reports and notices and/or regular newsletters;
+d)        To ensure that all other tasks necessary for the running of the activities of the club are performed, properly either by doing them or delegating the duties;
+e)        To have a thorough knowledge of the club’s Constitution;
+f)        To plan the coming year’s activities;
+g)        To act as official spokesperson for the club;
+h)        To arrive at a membership fee with the Executive;
+i)        To liaise with fellow office bearers;
+j)        To acquaint each committee member with their function, responsibility, duties and maintain personal contact with them;
+k)        To liaise with Arc and departments of the University where necessary;
+l)        To ensure that an “Application for Affiliation” form accompanied by the minutes of the most recent Annual General Meeting and an updated membership list is submitted to Arc;
+m)        To ensure that the Secretary/Treasurer submits a Financial Report to the club at the AGM and to Arc and that they have the club’s finances in good order in preparation for Spot Audits by Arc;
+n)        To ensure that Arc is informed of changes to the Executive;
+o)        To pass on their knowledge to their successors; and
+p)        Other duties as in accordance with the Constitution of the club.
+4.10.2 Secretary/Treasurer
+a)        To be responsible for receiving and replying to all correspondence on behalf of the club;
+b)        To organise meetings, agendas (in consultation with the Co-Presidents), and minutes;
+c)        To keep relevant club papers in order;
+d)        To coordinate elections;
+e)        To maintain the membership list, updating when changes are made;
+f)        To keep and maintain all club financial records;
+g)        To hold cheque books, petty cash tins etc;
+h)        To keep the club informed of its financial position (at meetings, through regular e-mail reports, or regular newsletters);
+i)        To carry out financial transactions as directed by the club management;
+j)        To not lend money, under any circumstances to themselves, club members or other clubs;
+k)        To always ensure that the records are up to date and in good order so that if they are otherwise unable to continue in that capacity someone else can easily take over;
+l)        To not put the club in debt that cannot be repaid, but should endeavour to match costs and income as closely as possible;
+m)        To always insist on a receipt or docket to validate any expenditure by the club;
+n)        To always enter the payees name, the cheque amount and a brief explanation of the payment on the cheque butt;
+o)        To always provide a receipt to a person who gives money to the club for any reason and bank all money received IMMEDIATELY;
+p)        To ensure the Club has at least two and not more than three signatories who are Executive members to the cheque account;
+q)        To ensure that club funds are not misused at any time;
+r)        To ensure that when smaller amounts of money are spent (petty cash) a receipt or docket must be obtained; and
+s)        To ensure that under no circumstances are any expenses to be met without documentation.
+4.10.3 Administrator (Arc Delegate)
+a)        To be aware of the Arc funding system, its requirements and its possibilities for the club;
+b)        To communicate with the Executive before and after each Arc Clubs Briefing to pass on information (about grants etc);
+c)        To liaise with Arc and the club’s Executive;
+d)        To have a good working knowledge of Arc forms;
+e)        To collect mail on behalf of the Club from the Arc Clubs Space at least every two weeks; and
+f)        To attend Arc Clubs Briefings or nominate a fellow club member to attend on their behalf, or send apologies in advance (taking the form of an email detailing their name, club, and the date of the meeting they cannot attend);
+4.10.4 Administrator (Grievance Officer)
+a)        To receive complaints and grievances relating to the Club;
+b)        To foster an inclusive culture within the Club;
+c)        To lead efforts ensuring that your internal Club culture is positive and to prioritise and foster wellbeing and balance within the Club;
+d)        Ensure that Club events will not result in poor wellbeing outcomes and will not lead to grievances from Club members and/or executives;
+e)        To be an accessible contact for members, UNSW students and UNSW staff in receiving complaints and grievances relating to the Club and on any matters regarding equity of events and activities as well as conduct and diversity within the Club;
+f)        To investigate grievances (where necessary) and resolve grievances or make recommendations to the Club Executive on the resolution of grievances;
+g)        To act in a fair, ethical and confidential manner in the performance of their duties, and pass on their responsibilities for specific grievances to other Club Executives if they cannot act impartially; and
+h)        To notify those involved of the outcome of the grievance;
+i)        To not act as counsellor during any grievances, but to ensure that anyone experiencing distress is provided with adequate resources on who to speak to or where to go to seek professional advice or help;
+j)        To facilitate, promote, and engage non-majority demographics of the Club, and ensure that the Club takes into consideration the needs and requirements of non-majority demographics to make their events and activities as inclusive as possible;
+k)        Provide guidance to members and representatives of the Club on appropriate ways to behave and to communicate inclusively;
+l)        Ensure that all Club communications can be understood clearly by all students by avoiding the use of slang and idioms, where practicable;
+m)        Monitor engagement, membership and any significant issues from students relating to non-majority demographics within the Club and provide reports to Club Executive as required;
+n)        Undertake training as required to build understanding of how to look out for your peers and how to improve the internal culture of your Club; and,
+o)        Other relevant duties as required.
+4.10.5 Vice President Marketing
+a)        To coordinate and oversee marketing, including but not limited to social media posts;
+b)        To oversee and guide the Marketing portfolio within Quantsoc.
+4.10.6 Vice President Events
+a)        To coordinate and oversee internal matters relating to events and socials, including but not limited to internal team bonding events;
+b)        To oversee and guide the Event portfolio within Quantsoc.
+4.10.7 Vice President Technical
+a)        To coordinate and oversee the maintenance and improvement of Quantsoc’s website along with technical/IT requirements;
+b)        To oversee and guide the Technical portfolio within Quantsoc.
+4.10.8 Vice Presidents External
+a)        To coordinate and oversee the hosting of competition and education events, such as but not limited to Estimathons, informative talks etc
+b)        To oversee and guide the Competition and Education portfolios within Quantsoc
+5 Meetings
+5.1        At least one (1) Returning Officer must be appointed by the Executive prior to a General Meeting at which an election will take place.
+5.2        The Returning Officers duties are as follows:
+5.2.1        Returning Officer
+5.2.1.1        Ensure that they are at all times impartial and objective and cannot be determined to have a real or perceived conflict of interest by Club members, Executive or by Arc.
+5.2.1.2        Ensure that all elections are run fairly and in line with the rules set out by this Club’s Constitution and according to Arc Clubs Policy and Procedure.
+5.2.1.3        Prepare and circulate all notices of election, nominations, voting and proxies to be held as part of any General Meeting in which an election is to take place.
+5.2.1.4        Provide all members with access to an email address that is designated for use by the Returning Officer over the course of their duties.
+5.2.1.5        Accept all nominations submitted that satisfy the rules of this Club’s Constitution and Arc Clubs Policy and treat any defective or late nominations in the manner prescribed by this Club’s Constitution and/or Arc policy.
+5.2.1.6        If voting is to take place online, ensure that the appointed Returning Officer(s) are the only person(s), alongside Arc, with access to the voting forms and spreadsheets.
+5.2.1.7        If voting is to take place in person, ensure that they have provided all members with instructions surrounding proxies, have received any proxies via accepted channels and determined the validity of proxies submitted prior to the General Meeting taking place.
+5.2.1.8        Runs the portion of the General Meeting pertaining to the election of candidates
+5.2.1.9        Allows for at least 1 scrutineer per candidate, (who cannot be the candidate themselves) to be present for the counting of votes, if this is held in person, or for that person to be provided access to the voting sheets if the election was held online.
+5.2.1.10        To present a report announcing all successful candidates following the conclusion of the voting process.
+5.2.1.11        Where there is a clash between this Club’s Constitution and Arc Clubs Policy, Arc Clubs Policy takes precedence.
+Annual General Meetings
+5.3        There shall be one Annual General meeting every calendar year.
+5.4        Notice in the form of an agenda for the Annual General Meeting shall be no less than fourteen (14) days, and is to be:
+5.4.1        Given in writing to Arc;
+5.4.2        Given in writing to all Club members, or upon approval by Arc displayed in a way that will guarantee an acceptable level of exposure among Club members.
+5.5        Quorum for the Annual General Meeting shall be:
+5.5.1        Ten (10) or one half of the Club membership, whichever is the lesser, for all Clubs with less than 75 members, and for any other Club that has been active for less than 18 months from the time they first affiliated to Arc; or,
+5.5.2        Fifteen (15) ordinary members for all Clubs with more than 75 members that have been active for more than 18 months from the time they first affiliated to Arc. An ordinary member is defined as a member of the Club that did not serve as Executive in the current year.
+5.6        At an Annual General Meeting:
+5.6.1        Reports shall be presented by at least the Co-Presidents and the Secretary/Treasurer;
+5.6.2        Full financial reports shall be presented and adopted;
+5.6.3        Constitutional amendments and other motions on notice may be discussed and voted upon.
+5.6.4        The Chair will hand over the meeting to the Returning Officer who will:
+5.6.4.1        Hold elections for a new Executive; and/or if this has already happened online,
+5.6.4.2        Announce the winners and any other relevant information to attendees as required, before handing the meeting to one of the incoming Co-Presidents or, if neither is present, a duly elected Chair.
+5.7        Full minutes of this meeting, including a list of the new Executive, written financial reports, and constitutional amendments, shall be forwarded to Arc within fourteen (14) days of the meeting.
+Extraordinary General Meetings
+5.8        There shall be Extraordinary General Meetings as the Executive sees fit or as petitioned under clause 5.10.
+5.9        The format, procedures, notice and quorum for an Extraordinary General Meeting shall be the same as for an Annual General Meeting, except that Executive elections will not be held unless specifically notified.
+5.10        To petition for an Extraordinary General Meeting, twenty (20) members or half of the Club membership, whichever is the lesser, must petition the Executive in writing.
+5.11        Such a petitioned meeting must be held within twenty-one (21) days, but no sooner than fourteen (14) days.
+5.12        There shall be other general meetings of the Club as the Executive sees fit.
+Meetings
+5.13        General requirements for all meetings are as follows:
+5.13.1        All voting at meetings shall be with a simple majority required for a resolution to be passed;
+5.13.2        Each member is entitled to one vote;
+5.13.3        Directed proxies shall be allowed in meetings and the procedure shall comply with the requirements of Arc;
+5.13.4        Only a Returning Officer, or in their absence, meeting Chair, may hold proxy votes.
+5.13.5        Elections for Executive shall use the “Regular Single Transferable Vote (STV) / Instant Runoff Voting (IRV)” system;
+5.13.6        In the case of equality of voting a countback will be held, with the candidate that received the most first preference votes winning. If there is another tie, the second preference votes will determine the winner, and so on, until a winner is determined;
+5.13.7        In the event a vote is completely and evenly matched, a re-vote will be held.
+5.13.8        Constitutional changes must be in the form of a motion on notice to an Annual or Extraordinary General Meeting;
+5.13.9        Constitutional changes passed at an Annual or Extraordinary General Meeting must be approved by Arc for the Club to remain affiliated with Arc.
+5.13.10        Motions not pertaining to Constitutional changes may be raised at the Meeting from any member in attendance.
+6 Finance
+6.1        The club shall hold an account with a financial institution approved by Arc.
+6.2        The Executive must approve all accounts and expenditures for payment.
+6.3        All financial transactions shall require two signatures of members of the Executive.
+6.4        The club shall nominate three members of the Executive as possible signatories for the account, one of which must be the club Secretary/Treasurer
+6.5        The financial records of the club shall be open for inspection by Arc at all times.
+7 Dissolution
+7.1        Dissolution of the club will occur after the following conditions have been met:
+7.1.1        An Extraordinary General Meeting is petitioned in writing as set out in clause 5.10;
+7.1.2        Procedures for notification as set out in clauses 5.4 and 5.9 are followed, and the reasons for the proposed dissolution are included with the notification to Arc;
+7.1.3        Quorum for the meeting to dissolve the club shall be twenty (20) members or three-quarters of the club membership, whichever is the lesser;
+7.1.4        No other business may be conducted at the meeting to dissolve the club;
+7.1.5        After the petitioning body has stated its case any opposition must be given the opportunity to reply, with at least ten minutes set aside for this purpose;
+7.1.6        A vote is taken and the motion to dissolve lapses if opposed by fifteen (15) or more members of the club;
+7.1.7        If the motion to dissolve is carried, Arc must be notified within fourteen (14) days.
+7.2        Dissolution of the club will also occur if the club has been financially and administratively inactive for a period of eighteen (18) months.
+7.3        On dissolution of the club, the club is not to distribute assets to members. All assets are to be distributed to an organisation with similar goals or objectives that also prohibits the distribution of assets to members. This organisation may be nominated at the dissolution meeting of the club. If no other legitimate club or organisation is nominated, Arc will begin procedures to recover any property, monies or records belonging to the club which it perceives would be useful to other Arc-affiliated clubs. The club will be given twenty one (21) days to forward all relevant items to Arc before any action is instigated.
diff --git a/src/routes/ConstitutionPage/index.less b/src/routes/ConstitutionPage/index.less
new file mode 100644
index 00000000..7029017a
--- /dev/null
+++ b/src/routes/ConstitutionPage/index.less
@@ -0,0 +1,162 @@
+@import '../../styles/constants.less';
+
+// Below this width the contents sidebar moves above the text
+@constitution-single-column: 900px;
+
+.constitution {
+  display: grid;
+  grid-template-columns: 220px minmax(0, 1fr);
+  gap: 4rem;
+  margin: 4rem 10% 6rem;
+  text-align: left;
+
+  @media screen and (max-width: @constitution-single-column) {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 2rem;
+    margin: 2.5rem 5% 4rem;
+  }
+
+  @media screen and (max-width: @mobile) {
+    margin: 2rem 1.25rem 3rem;
+  }
+}
+
+// Contents: a sticky sidebar on desktop, a box above the text on mobile
+.constitution__contents {
+  position: sticky;
+  top: 130px;
+  align-self: start;
+
+  ol {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  a {
+    display: flex;
+    gap: 0.75rem;
+    padding: 0.5rem 0 0.5rem 1rem;
+    border-left: 2px solid @quantsoc-secondary;
+    font-size: 16px;
+    color: @text-secondary;
+    text-decoration: none;
+    transition: color 0.2s ease, border-color 0.2s ease;
+
+    span {
+      min-width: 1rem;
+      font-variant-numeric: tabular-nums;
+    }
+
+    &:hover {
+      color: @dark-purple;
+    }
+
+    &.active {
+      border-left-color: @mid-purple;
+      color: @dark-purple;
+      font-weight: 500;
+    }
+  }
+
+  @media screen and (max-width: @constitution-single-column) {
+    position: static;
+    padding: 1.25rem 1.5rem;
+    border-radius: 12px;
+    background-color: @lightest-purple;
+
+    a,
+    a.active {
+      border-left: none;
+      padding-left: 0;
+      font-weight: 300;
+      color: @dark-purple;
+    }
+  }
+}
+
+.constitution__contents-title {
+  margin-bottom: 0.75rem;
+  font-size: 13px;
+  font-weight: 500;
+  letter-spacing: 0.15em;
+  text-transform: uppercase;
+  color: @quantsoc-dark;
+}
+
+.constitution__body {
+  max-width: 820px;
+}
+
+.constitution__section {
+  margin: 0 0 3.5rem;
+  padding: 0;
+  // Keep headings clear of the sticky nav bar when jumping to them
+  // (adds to the global `scroll-padding-top: 3rem`, so headings land ~120px down)
+  scroll-margin-top: 72px;
+
+  h2 {
+    display: flex;
+    align-items: baseline;
+    gap: 1rem;
+    margin: 0 0 1.5rem;
+    padding-bottom: 0.75rem;
+    border-bottom: 1px solid @quantsoc-secondary;
+    font-size: 30px;
+  }
+
+  h3 {
+    margin: 2rem 0 1rem;
+    font-size: 19px;
+    font-weight: 500;
+    color: @darkest-purple;
+  }
+
+  @media screen and (max-width: @mobile) {
+    h2 {
+      font-size: 24px;
+    }
+  }
+}
+
+.constitution__section-number {
+  font-variant-numeric: tabular-nums;
+  color: @mid-purple;
+}
+
+.constitution__clause {
+  display: flex;
+  gap: 1rem;
+  margin-bottom: 0.75rem;
+  // Nested clauses (1.1.1, a), ...) are indented one step per level
+  padding-left: calc(var(--depth, 0) * 2rem);
+
+  p {
+    margin: 0;
+    font-size: 17px;
+    line-height: 1.7;
+  }
+
+  @media screen and (max-width: @mobile) {
+    padding-left: calc(var(--depth, 0) * 0.75rem);
+    gap: 0.5rem;
+
+    p {
+      font-size: 15px;
+    }
+  }
+}
+
+.constitution__clause-number {
+  flex-shrink: 0;
+  min-width: 4rem;
+  font-size: 15px;
+  line-height: 1.95; // lines the number up with the first line of the clause
+  color: @text-secondary;
+  font-variant-numeric: tabular-nums;
+
+  @media screen and (max-width: @mobile) {
+    min-width: 2.5rem;
+    font-size: 13px;
+  }
+}
diff --git a/src/routes/ConstitutionPage/parseConstitution.js b/src/routes/ConstitutionPage/parseConstitution.js
new file mode 100644
index 00000000..d4526ce7
--- /dev/null
+++ b/src/routes/ConstitutionPage/parseConstitution.js
@@ -0,0 +1,80 @@
+// Turns the plain-text export of the constitution (Google Docs -> File ->
+// Download -> Plain text) into sections the page can render. The export looks like:
+//
+//   1 Introduction                      <- section heading
+//   1.1        The official name ...    <- clause (number, 2+ spaces, text)
+//   4.10.1 Co-Presidents                <- sub-heading (number, 1 space, title)
+//   a)        To chair all ...          <- lettered item
+//   Definitions                         <- unnumbered sub-heading
+//
+// Anything before the first section heading (the document title) is ignored.
+
+const SECTION = /^(\d+) (\S.*)$/;
+const CLAUSE = /^(\d+(?:\.\d+)+)\s{2,}(\S.*)$/;
+const NUMBERED_SUBHEADING = /^(\d+(?:\.\d+)+) (\S.*)$/;
+const LETTERED = /^([a-z])\)\s+(\S.*)$/;
+
+const parseConstitution = (rawText) => {
+  const lines = rawText
+    .replace(/^\uFEFF/, '')
+    .split(/\r?\n/)
+    .map((line) => {
+      return line.trim();
+    })
+    .filter(Boolean);
+
+  const sections = [];
+  let current = null;
+  let lastDepth = 0;
+
+  lines.forEach((line) => {
+    let match = line.match(SECTION);
+    if (match) {
+      current = {
+        number: match[1],
+        title: match[2],
+        id: `section-${match[1]}`,
+        items: [],
+      };
+      sections.push(current);
+      lastDepth = 0;
+      return;
+    }
+    if (!current) return; // document title, before section 1
+
+    match = line.match(CLAUSE);
+    if (match) {
+      // 1.1 -> depth 0, 1.1.1 -> depth 1, 3.8.6.1 -> depth 2
+      lastDepth = match[1].split('.').length - 2;
+      current.items.push({
+        type: 'clause',
+        number: match[1],
+        text: match[2],
+        depth: lastDepth,
+      });
+      return;
+    }
+
+    match = line.match(LETTERED);
+    if (match) {
+      current.items.push({
+        type: 'clause',
+        number: `${match[1]})`,
+        text: match[2],
+        depth: lastDepth + 1,
+      });
+      return;
+    }
+
+    match = line.match(NUMBERED_SUBHEADING);
+    current.items.push({
+      type: 'subheading',
+      text: match ? `${match[1]} ${match[2]}` : line,
+    });
+    lastDepth = 0;
+  });
+
+  return sections;
+};
+
+export default parseConstitution;
diff --git a/src/routes/ContactPage/ContactForm/ContactForm.jsx b/src/routes/ContactPage/ContactForm/ContactForm.jsx
index 2cdb1108..280d56e9 100644
--- a/src/routes/ContactPage/ContactForm/ContactForm.jsx
+++ b/src/routes/ContactPage/ContactForm/ContactForm.jsx
@@ -7,29 +7,42 @@ import { FaUser } from "react-icons/fa";
 
 
 
+const FALLBACK_ERROR = "Sorry, your message couldn't be sent. Please try again, or email us at unsw.quantsoc@gmail.com.";
+
 const ContactForm = () => {
     const [result, setResult] = useState("");
+    const [isSending, setIsSending] = useState(false);
 
   const onSubmit = async (event) => {
     event.preventDefault();
+    const form = event.target;
+    setIsSending(true);
     setResult("Sending....");
-    const formData = new FormData(event.target);
+    const formData = new FormData(form);
 
     formData.append("access_key", "019b2d5b-9e3d-472c-9f1f-476f8684fdfa");
 
-    const response = await fetch("https://api.web3forms.com/submit", {
-      method: "POST",
-      body: formData
-    });
+    try {
+      const response = await fetch("https://api.web3forms.com/submit", {
+        method: "POST",
+        body: formData
+      });
 
-    const data = await response.json();
+      const data = await response.json();
 
-    if (data.success) {
-      setResult("Form Submitted Successfully");
-      event.target.reset();
-    } else {
-      console.log("Error", data);
-      setResult(data.message);
+      if (data.success) {
+        setResult("Form Submitted Successfully");
+        form.reset();
+      } else {
+        console.log("Error", data);
+        setResult(data.message || FALLBACK_ERROR);
+      }
+    } catch (error) {
+      // Network failure, or the form service returned something that isn't JSON
+      console.log("Error", error);
+      setResult(FALLBACK_ERROR);
+    } finally {
+      setIsSending(false);
     }
   };
 
@@ -39,19 +52,19 @@ const ContactForm = () => {
         <form onSubmit={onSubmit} id="contact-form-container">
           <div className="contact-input contact-floating-label-group">
             <input type="text" name="name" required/>
-            <label class="floating-label">Company/Name</label>
+            <label className="floating-label">Company/Name</label>
             <FaUser className="contact-input-icon"/>
           </div>
           <br/>
           <div className="contact-input contact-floating-label-group">
             <input type="email" name="email" required/>
-            <label class="floating-label">Email</label>
+            <label className="floating-label">Email</label>
             <IoIosMail id="contact-mail-icon" className="contact-input-icon" />
           </div>
             
           <textarea name="message" placeholder="Message" required></textarea>
 
-          <button type="submit">Submit</button>
+          <button type="submit" disabled={isSending}>Submit</button>
       </form>
       <span>{result}</span>
     </section>
diff --git a/src/routes/ContactPage/ContactForm/index.less b/src/routes/ContactPage/ContactForm/index.less
index 9e1b651a..c1fe4b4b 100644
--- a/src/routes/ContactPage/ContactForm/index.less
+++ b/src/routes/ContactPage/ContactForm/index.less
@@ -63,6 +63,13 @@
             filter: drop-shadow(3px 3px 10px @mid-purple);
             background: linear-gradient(to right, @darkest-purple, @mid-purple);
           }
+
+        // While a message is sending
+        &:disabled {
+            opacity: 0.6;
+            cursor: wait;
+            pointer-events: none;
+        }
     }
 
     textarea {
diff --git a/src/routes/TeamPage/ExecutiveCard/ExecutiveCard.jsx b/src/routes/TeamPage/ExecutiveCard/ExecutiveCard.jsx
new file mode 100644
index 00000000..6b28e7eb
--- /dev/null
+++ b/src/routes/TeamPage/ExecutiveCard/ExecutiveCard.jsx
@@ -0,0 +1,31 @@
+import { BsLinkedin } from 'react-icons/bs';
+import './index.less';
+
+const ExecutiveCard = ({
+  name,
+  role,
+  linkedin,
+  compact = false,
+}) => {
+  return (
+    <div className={`executive-card${compact ? ' executive-card--compact' : ''}`}>
+      <div className="executive-card__text">
+        <p className="executive-card__name">{name}</p>
+        <p className="executive-card__role">{role}</p>
+      </div>
+      {linkedin && (
+        <a
+          className="executive-card__linkedin"
+          href={linkedin}
+          target="_blank"
+          rel="noreferrer"
+          aria-label={`${name} on LinkedIn`}
+        >
+          <BsLinkedin />
+        </a>
+      )}
+    </div>
+  );
+};
+
+export default ExecutiveCard;
diff --git a/src/routes/TeamPage/ExecutiveCard/index.less b/src/routes/TeamPage/ExecutiveCard/index.less
new file mode 100644
index 00000000..eb90eb56
--- /dev/null
+++ b/src/routes/TeamPage/ExecutiveCard/index.less
@@ -0,0 +1,85 @@
+@import '../../../styles/constants.less';
+
+.executive-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 1.75rem 1rem 1.5rem;
+  border-top: 4px solid @mid-purple;
+  border-radius: 15px;
+  background-color: white;
+  text-align: center;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
+  transition: box-shadow 0.3s ease, transform 0.3s ease-out;
+
+  &:hover {
+    box-shadow: 0 0 20px @quantsoc-primary;
+    transform: translateY(-3px);
+  }
+
+  p {
+    margin: 0;
+  }
+}
+
+.executive-card__name {
+  font-size: 20px;
+  font-weight: 500;
+}
+
+.executive-card__role {
+  font-size: 16px;
+  color: @text-secondary;
+}
+
+.executive-card__linkedin {
+  display: flex;
+  color: @quantsoc-dark;
+  transition: color 0.2s ease;
+
+  &:hover {
+    color: #0a66c2; // LinkedIn blue
+  }
+
+  svg {
+    width: 24px;
+    height: 24px;
+  }
+}
+
+@media screen and (max-width: @mobile) {
+  .executive-card:not(.executive-card--compact) {
+    padding: 1.25rem 0.5rem 1rem;
+
+    .executive-card__name {
+      font-size: 16px;
+    }
+
+    .executive-card__role {
+      font-size: 14px;
+    }
+  }
+}
+
+// Smaller horizontal layout used for past executives
+.executive-card--compact {
+  flex-direction: row;
+  gap: 1rem;
+  padding: 1rem 1.25rem;
+  border-top: none;
+  border-left: 4px solid @mid-purple;
+  text-align: left;
+
+  .executive-card__text {
+    flex: 1;
+  }
+
+  .executive-card__name {
+    font-size: 17px;
+  }
+
+  .executive-card__role {
+    font-size: 15px;
+  }
+}
diff --git a/src/routes/TeamPage/TeamPage.jsx b/src/routes/TeamPage/TeamPage.jsx
new file mode 100644
index 00000000..233621d4
--- /dev/null
+++ b/src/routes/TeamPage/TeamPage.jsx
@@ -0,0 +1,97 @@
+import { Link } from 'react-router-dom';
+import PageHero from 'components/PageHero/PageHero';
+import ExecutiveCard from './ExecutiveCard/ExecutiveCard';
+import executives from './executives';
+import './index.less';
+
+const [currentTeam, ...pastTeams] = executives;
+const firstYear = executives[executives.length - 1].year;
+const uniqueExecutives = new Set(
+  executives.flatMap((team) => {
+    return team.members.map((member) => {
+      return member.name;
+    });
+  }),
+).size;
+
+const heroStats = [
+  { value: executives.length, label: 'Executive teams' },
+  { value: uniqueExecutives, label: 'Executives' },
+  { value: firstYear, label: 'Leading since' },
+];
+
+const TeamPage = () => {
+  return (
+    <div className="page" id="team-page">
+      <PageHero
+        title={(
+          <>
+            Meet the Executives
+          </>
+        )}
+        subtitle="The Executives who lead QuantSoc, promoting quant trading at UNSW through workshops, competitions and industry events."
+      >
+        <div className="page-hero__stats">
+          {heroStats.map((stat) => {
+            return (
+              <div key={stat.label} className="page-hero__stat">
+                <span className="page-hero__stat-value">{stat.value}</span>
+                <span className="page-hero__stat-label">{stat.label}</span>
+              </div>
+            );
+          })}
+        </div>
+        <div className="page-hero__actions">
+          <a className="page-hero__button page-hero__button--primary" href="#current-team">
+            {`See the ${currentTeam.year} team`}
+          </a>
+          <Link className="page-hero__button" to="/constitution">
+            Read our constitution
+          </Link>
+        </div>
+      </PageHero>
+
+      <section className="articles-page-body team-section" id="current-team">
+        <h1>{`${currentTeam.year} Executives`}</h1>
+        <div className="team-grid">
+          {currentTeam.members.map((member) => {
+            return (
+              <ExecutiveCard
+                key={member.name}
+                name={member.name}
+                role={member.role}
+                linkedin={member.linkedin}
+              />
+            );
+          })}
+        </div>
+      </section>
+
+      <section className="articles-page-body team-section">
+        <h1>Past Executives</h1>
+        {pastTeams.map((team) => {
+          return (
+            <div key={team.year} className="team-section__year">
+              <h2>{team.year}</h2>
+              <div className="team-grid team-grid--compact">
+                {team.members.map((member) => {
+                  return (
+                    <ExecutiveCard
+                      key={`${team.year}-${member.name}`}
+                      name={member.name}
+                      role={member.role}
+                      linkedin={member.linkedin}
+                      compact
+                    />
+                  );
+                })}
+              </div>
+            </div>
+          );
+        })}
+      </section>
+    </div>
+  );
+};
+
+export default TeamPage;
diff --git a/src/routes/TeamPage/executives.js b/src/routes/TeamPage/executives.js
new file mode 100644
index 00000000..5d4b3169
--- /dev/null
+++ b/src/routes/TeamPage/executives.js
@@ -0,0 +1,60 @@
+// Executive team for each year, newest first. The first entry is shown as the
+// current executive. To add a new year, copy a block and put it at the top.
+// `linkedin` is optional - leave it out if we don't have one.
+
+const executives = [
+  {
+    year: 2026,
+    members: [
+      { name: 'Xuanyu Liu', role: 'President', linkedin: 'https://www.linkedin.com/in/xuanyu-liu-5b6305261/' },
+      { name: 'Thomas Petkovic', role: 'Treasurer', linkedin: 'https://www.linkedin.com/in/thomaspetkovic/' },
+      { name: 'Kei Yu Kong', role: 'Secretary', linkedin: 'https://www.linkedin.com/in/kei-yu/' },
+      { name: 'Callan Vom', role: 'Arc Delegate & Grievance Officer' },
+      { name: 'Will Tarrant', role: 'VP External', linkedin: 'https://www.linkedin.com/in/will-tarrant/' },
+      { name: 'Max Campbell', role: 'VP External', linkedin: 'https://www.linkedin.com/in/max-campbell-33b368318/' },
+      { name: 'Rayan Sharara', role: 'VP Technical', linkedin: 'https://www.linkedin.com/in/rayan-sharara-bb8672292/' },
+      { name: 'Daria Poleshchuk', role: 'VP Internal', linkedin: 'https://www.linkedin.com/in/polluckk/' },
+    ],
+  },
+  {
+    year: 2025,
+    members: [
+      { name: 'Victor Tang', role: 'President', linkedin: 'https://www.linkedin.com/in/victortang423/' },
+      { name: 'Andrew Li', role: 'Treasurer' },
+      { name: 'Sankalpa Tripathee', role: 'Secretary', linkedin: 'https://www.linkedin.com/in/sankalpa-tripathee-8b28a927a/' },
+      { name: 'Xuanyu Liu', role: 'Arc Delegate', linkedin: 'https://www.linkedin.com/in/xuanyu-liu-5b6305261/' },
+      { name: 'Bhavi Chauhan', role: 'Grievance Officer' },
+    ],
+  },
+  {
+    year: 2024,
+    members: [
+      { name: 'Peter Boylan', role: 'President', linkedin: 'https://www.linkedin.com/in/peter-boylan-0350b613b/' },
+      { name: 'Austin Hoe', role: 'Treasurer', linkedin: 'https://www.linkedin.com/in/austin-hoe/' },
+      { name: 'Yovonne L', role: 'Secretary' },
+      { name: 'Victor Tang', role: 'Arc Delegate', linkedin: 'https://www.linkedin.com/in/victortang423/' },
+      { name: 'Vincent Lim', role: 'Grievance Officer' },
+    ],
+  },
+  {
+    year: 2023,
+    members: [
+      { name: 'Yuelanda Dai', role: 'President', linkedin: 'https://www.linkedin.com/in/yuelanda-dai/' },
+      { name: 'Kevin Zhu', role: 'Treasurer' },
+      { name: 'Yifan Jia', role: 'Secretary' },
+      { name: 'Marco Musa', role: 'Arc Delegate' },
+      { name: 'Oden Petersen', role: 'Grievance Officer', linkedin: 'https://www.linkedin.com/in/oden-petersen/' },
+    ],
+  },
+  {
+    year: 2022,
+    members: [
+      { name: 'Oden Petersen', role: 'President', linkedin: 'https://www.linkedin.com/in/oden-petersen/' },
+      { name: 'William Li', role: 'Treasurer' },
+      { name: 'Harry Braithwaite', role: 'Secretary & Grievance Officer' },
+      { name: 'Lehan Zhang', role: 'Arc Delegate' },
+    ],
+  },
+];
+
+export default executives;
diff --git a/src/routes/TeamPage/index.less b/src/routes/TeamPage/index.less
new file mode 100644
index 00000000..a86c1ec5
--- /dev/null
+++ b/src/routes/TeamPage/index.less
@@ -0,0 +1,32 @@
+@import '../../styles/constants.less';
+
+.team-section {
+  text-align: left;
+  scroll-margin-top: 62px; // + global scroll-padding-top (3rem) clears the sticky nav bar
+
+  h1 {
+    margin-bottom: 2rem;
+  }
+
+  h2 {
+    margin: 2.5rem 0 1rem;
+  }
+}
+
+.team-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 1.5rem;
+}
+
+@media screen and (max-width: @mobile) {
+  .team-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 0.75rem;
+  }
+}
+
+.team-grid.team-grid--compact {
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 1rem;
+}