diff --git a/.commitlintrc.json b/.commitlintrc.json
deleted file mode 100644
index 19aaa38bb..000000000
--- a/.commitlintrc.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "extends": ["@commitlint/config-conventional"],
-  "rules": {
-    "type-enum": [
-      2,
-      "always",
-      [
-        "add",
-        "change",
-        "deprecate",
-        "doc",
-        "fix",
-        "finish",
-        "refactor",
-        "release",
-        "remove",
-        "revert",
-        "test",
-        "upgrade"
-      ]
-    ]
-  }
-}
diff --git a/.husky/commit-msg b/.husky/commit-msg
deleted file mode 100755
index a78cc751d..000000000
--- a/.husky/commit-msg
+++ /dev/null
@@ -1 +0,0 @@
-npx commitlint --edit $1
diff --git a/lib/components/Card/Card.stories.tsx b/lib/components/Card/Card.stories.tsx
index 5271d9e2a..804b7c34a 100644
--- a/lib/components/Card/Card.stories.tsx
+++ b/lib/components/Card/Card.stories.tsx
@@ -29,15 +29,10 @@ export const Primary: Story = {
   render: (args) => (
     <Main maxWidth="3xl">
       <Card {...args}>
-        <Card.Header title="How to Write for the Web" />
+        <Card.Header title="How to Write for the Web" link="https://carleton.ca/webservices" />
         <Card.Body>
           <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
         </Card.Body>
-        <Card.Footer>
-          <a href="https://carleton.ca/webservices" className="cu-button cu-button--red cu-button--small">
-            More info
-          </a>
-        </Card.Footer>
       </Card>
     </Main>
   ),
@@ -53,15 +48,10 @@ export const NewsCard: Story = {
             <Card.Figure>
               <img src={image} alt={alt} width="400" height="300" />
             </Card.Figure>
-            <Card.Header title={title} datePrefix="Published on" date={date} readTime="7" />
+            <Card.Header title={title} link={link} datePrefix="Published on" date={date} readTime="7" />
             <Card.Body>
               <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                Read more
-              </a>
-            </Card.Footer>
           </Card>
         ))}
       </Column>
@@ -93,7 +83,7 @@ export const EventCard: Story = {
                 <img src={image} alt={alt} width={400} height={175} />
               </Card.Figure>
               <Card.DateThumb startDate={startDate} endDate={endDate} />
-              <Card.Header title={title} />
+              <Card.Header title={title} link={link} />
               <Card.Body>
                 <Card.EventMeta
                   startDateTime={startDate}
@@ -104,11 +94,6 @@ export const EventCard: Story = {
                   eventAddress={event_address}
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  More info
-                </a>
-              </Card.Footer>
             </Card>
           ),
         )}
@@ -127,15 +112,10 @@ export const FeaturedCards: Story = {
             <Card.ImageThumb>
               <img src={image} alt={alt} width="200" height="133" />
             </Card.ImageThumb>
-            <Card.Header title={title} />
+            <Card.Header title={title} link={link} />
             <Card.Body>
               <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst." />
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                Get informed
-              </a>
-            </Card.Footer>
           </Card>
         ))}
       </Column>
@@ -151,15 +131,10 @@ export const IconCard: Story = {
         {IconData.slice(0, 2).map(({ id, link, title, icon }) => (
           <Card key={id} {...args}>
             <Card.IconThumb icon={icon} />
-            <Card.Header title={title} />
+            <Card.Header title={title} link={link} />
             <Card.Body>
               <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst." />
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                More info
-              </a>
-            </Card.Footer>
           </Card>
         ))}
       </Column>
@@ -174,15 +149,10 @@ export const PageCard: Story = {
       <Column cols="2">
         {NewsData.slice(0, 2).map(({ id, link, title, date }) => (
           <Card key={id} {...args}>
-            <Card.Header title={title} date={date} datePrefix="Modified on " datePosition="bottom" />
+            <Card.Header title={title} link={link} date={date} datePrefix="Modified on " datePosition="bottom" />
             <Card.Body>
               <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                Read more
-              </a>
-            </Card.Footer>
           </Card>
         ))}
       </Column>
@@ -200,17 +170,12 @@ export const PeopleCard: Story = {
             <Card.Figure isRound>
               <img src={image} alt={alt} width={280} height={280} />
             </Card.Figure>
-            <Card.Header title={`${firstName} ${lastName}`} />
+            <Card.Header title={`${firstName} ${lastName}`} link={link} />
             <Card.Body>
               <Card.PeopleMeta jobTitle={jobTitle} phone={phone}>
                 <a href={`mailto:${email}`}>{email}</a>
               </Card.PeopleMeta>
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                More info
-              </a>
-            </Card.Footer>
           </Card>
         ))}
       </Column>
@@ -228,7 +193,7 @@ export const HoursCard: Story = {
             <Card.Figure>
               <img src={image} alt={alt} width="400" height="300" />
             </Card.Figure>
-            <Card.Header title={title} />
+            <Card.Header title={title} link={link} />
             <Card.Body>
               <Card.Content>
                 <p className="flex items-center gap-2">
@@ -236,11 +201,6 @@ export const HoursCard: Story = {
                 </p>
               </Card.Content>
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                Read more
-              </a>
-            </Card.Footer>
           </Card>
         ))}
         {NewsData.slice(1, 2).map(({ id, link, title, image, alt }) => (
@@ -248,7 +208,7 @@ export const HoursCard: Story = {
             <Card.Figure>
               <img src={image} alt={alt} width="400" height="300" />
             </Card.Figure>
-            <Card.Header title={title} />
+            <Card.Header title={title} link={link} />
             <Card.Body>
               <Card.Content>
                 <p className="flex items-center gap-2">
@@ -256,11 +216,6 @@ export const HoursCard: Story = {
                 </p>
               </Card.Content>
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                Read more
-              </a>
-            </Card.Footer>
           </Card>
         ))}
         {NewsData.slice(1, 2).map(({ id, link, title, image, alt }) => (
@@ -268,7 +223,7 @@ export const HoursCard: Story = {
             <Card.Figure>
               <img src={image} alt={alt} width="400" height="300" />
             </Card.Figure>
-            <Card.Header title={title} />
+            <Card.Header title={title} link={link} />
             <Card.Body>
               <Card.Content>
                 <p className="flex items-center gap-2">
@@ -276,11 +231,6 @@ export const HoursCard: Story = {
                 </p>
               </Card.Content>
             </Card.Body>
-            <Card.Footer>
-              <a href={link} className="cu-button cu-button--red cu-button--small">
-                Read more
-              </a>
-            </Card.Footer>
           </Card>
         ))}
       </Column>
diff --git a/lib/components/Card/Examples.stories.tsx b/lib/components/Card/Examples.stories.tsx
index c15681dac..0263e85a6 100644
--- a/lib/components/Card/Examples.stories.tsx
+++ b/lib/components/Card/Examples.stories.tsx
@@ -64,15 +64,10 @@ export const LayoutExamples: Story = {
                 <Card.Figure>
                   <img src={image} alt={alt} width="400" height="300" />
                 </Card.Figure>
-                <Card.Header title={title} date={date} readTime="7" />
+                <Card.Header title={title} link={link} date={date} readTime="7" />
                 <Card.Body>
                   <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Read more
-                  </a>
-                </Card.Footer>
               </Card>
             ))}
           </Column>
@@ -103,7 +98,7 @@ export const LayoutExamples: Story = {
                   <img src={image} alt={alt} width={400} height={175} />
                 </Card.Figure>
                 <Card.DateThumb startDate={startDate} endDate={endDate} />
-                <Card.Header title={title} />
+                <Card.Header title={title} link={link} />
                 <Card.Body>
                   <Card.EventMeta
                     startDateTime={startDate}
@@ -114,11 +109,6 @@ export const LayoutExamples: Story = {
                     eventAddress={event_address}
                   />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    More info
-                  </a>
-                </Card.Footer>
               </Card>
             ),
           )}
@@ -143,7 +133,7 @@ export const LayoutExamples: Story = {
                   <img src={image} alt={alt} width={400} height={175} />
                 </Card.Figure>
                 <Card.DateThumb startDate={startDate} endDate={endDate} />
-                <Card.Header title={title} />
+                <Card.Header title={title} link={link} />
                 <Card.Body>
                   <Card.EventMeta
                     startDateTime={startDate}
@@ -154,11 +144,6 @@ export const LayoutExamples: Story = {
                     eventAddress={event_address}
                   />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    More info
-                  </a>
-                </Card.Footer>
               </Card>
             ),
           )}
@@ -180,7 +165,7 @@ export const LayoutExamples: Story = {
             }) => (
               <Card key={id} noImage>
                 <Card.DateThumb startDate={startDate} endDate={endDate} />
-                <Card.Header title={title} />
+                <Card.Header title={title} link={link} />
                 <Card.Body>
                   <Card.EventMeta
                     startDateTime={startDate}
@@ -191,11 +176,6 @@ export const LayoutExamples: Story = {
                     eventAddress={event_address}
                   />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    More info
-                  </a>
-                </Card.Footer>
               </Card>
             ),
           )}
@@ -210,15 +190,10 @@ export const LayoutExamples: Story = {
               <Card.ImageThumb>
                 <img src={image} alt={alt} width="200" height="133" />
               </Card.ImageThumb>
-              <Card.Header title={title} />
+              <Card.Header title={title} link={link} />
               <Card.Body>
                 <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst." />
               </Card.Body>
-              <Card.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Get informed
-                </a>
-              </Card.Footer>
             </Card>
           ))}
         </Column>
@@ -228,15 +203,10 @@ export const LayoutExamples: Story = {
             {IconData.slice(0, 4).map(({ id, link, title, icon }) => (
               <Card key={id}>
                 <Card.IconThumb icon={icon} />
-                <Card.Header title={title} />
+                <Card.Header title={title} link={link} />
                 <Card.Body>
                   <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst." />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    More info
-                  </a>
-                </Card.Footer>
               </Card>
             ))}
           </Column>
@@ -255,15 +225,10 @@ export const LayoutExamples: Story = {
         <Column cols="3">
           {NewsData.slice(0, 3).map(({ id, link, title, date }) => (
             <Card key={id}>
-              <Card.Header title={title} date={date} datePrefix="Modified on " datePosition="bottom" />
+              <Card.Header title={title} link={link} date={date} datePrefix="Modified on " datePosition="bottom" />
               <Card.Body>
                 <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
               </Card.Body>
-              <Card.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Read more
-                </a>
-              </Card.Footer>
             </Card>
           ))}
         </Column>
@@ -275,17 +240,12 @@ export const LayoutExamples: Story = {
                 <Card.Figure isRound>
                   <img src={image} alt={alt} width={280} height={280} />
                 </Card.Figure>
-                <Card.Header title={`${firstName} ${lastName}`} />
+                <Card.Header title={`${firstName} ${lastName}`} link={link} />
                 <Card.Body>
                   <Card.PeopleMeta jobTitle={jobTitle} phone={phone}>
                     <a href={`mailto:${email}`}>{email}</a>
                   </Card.PeopleMeta>
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    More info
-                  </a>
-                </Card.Footer>
               </Card>
             ))}
           </Column>
diff --git a/lib/components/Listing/Listing.stories.tsx b/lib/components/Listing/Listing.stories.tsx
index fae6b66a6..3a1962954 100644
--- a/lib/components/Listing/Listing.stories.tsx
+++ b/lib/components/Listing/Listing.stories.tsx
@@ -30,13 +30,8 @@ export const Default: Story = {
     <Main>
       <Listing {...args}>
         <Listing.Body>
-          <Listing.Header title="How to Write for the Web" />
+          <Listing.Header title="How to Write for the Web" link="https://carleton.ca/webservices" />
           <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
-          <Listing.Footer>
-            <a href="https://carleton.ca/webservices" className="cu-button cu-button--red cu-button--small">
-              More info
-            </a>
-          </Listing.Footer>
         </Listing.Body>
       </Listing>
     </Main>
@@ -54,13 +49,8 @@ export const SingleNewsListing: Story = {
               <img src={image} alt={alt} width="400" height="300" />
             </Listing.Figure>
             <Listing.Body>
-              <Listing.Header title={title} date={date} />
+              <Listing.Header title={title} link={link} date={date} />
               <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Read more
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -80,13 +70,8 @@ export const MultipleNewsListings: Story = {
               <img src={image} alt={alt} width="400" height="300" />
             </Listing.Figure>
             <Listing.Body>
-              <Listing.Header title={title} date={date} />
+              <Listing.Header title={title} link={link} date={date} />
               <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Read more
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -115,7 +100,7 @@ export const SingleEventListing: Story = {
             <Listing key={id} {...args}>
               <Listing.DateThumb startDate={startDate} endDate={endDate} />
               <Listing.Body>
-                <Listing.Header title={title} />
+                <Listing.Header title={title} link={link} />
                 <Listing.EventMeta
                   startDateTime={startDate}
                   endDateTime={endDate}
@@ -124,11 +109,6 @@ export const SingleEventListing: Story = {
                   onCampusRoomNumber={on_campus_room_number}
                   eventAddress={event_address}
                 />
-                <Listing.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Event details
-                  </a>
-                </Listing.Footer>
               </Listing.Body>
             </Listing>
           ),
@@ -158,7 +138,7 @@ export const MultipleEventListings: Story = {
             <Listing key={id} {...args}>
               <Listing.DateThumb startDate={startDate} endDate={endDate} />
               <Listing.Body>
-                <Listing.Header title={title} />
+                <Listing.Header title={title} link={link} />
                 <Listing.EventMeta
                   startDateTime={startDate}
                   endDateTime={endDate}
@@ -167,11 +147,6 @@ export const MultipleEventListings: Story = {
                   onCampusRoomNumber={on_campus_room_number}
                   eventAddress={event_address}
                 />
-                <Listing.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Event details
-                  </a>
-                </Listing.Footer>
               </Listing.Body>
             </Listing>
           ),
@@ -190,13 +165,8 @@ export const SingleIconListing: Story = {
           <Listing key={id} {...args}>
             <Listing.IconThumb icon={icon} />
             <Listing.Body>
-              <Listing.Header title={title} />
+              <Listing.Header title={title} link={link} />
               <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst." />
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Get informed
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -214,13 +184,8 @@ export const MultipleIconListing: Story = {
           <Listing key={id} {...args}>
             <Listing.IconThumb icon={icon} />
             <Listing.Body>
-              <Listing.Header title={title} />
+              <Listing.Header title={title} link={link} />
               <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst." />
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Get informed
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -237,13 +202,8 @@ export const SinglePageListing: Story = {
         {NewsData.slice(0, 1).map(({ id, link, title, date }) => (
           <Listing key={id} {...args}>
             <Listing.Body>
-              <Listing.Header title={title} date={date} datePrefix="Modified on " datePosition="bottom" />
+              <Listing.Header title={title} link={link} date={date} datePrefix="Modified on " datePosition="bottom" />
               <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Read more
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -260,13 +220,8 @@ export const MultiplePageListing: Story = {
         {NewsData.slice(1, 5).map(({ id, link, title, date }) => (
           <Listing key={id} {...args}>
             <Listing.Body>
-              <Listing.Header title={title} date={date} datePrefix="Modified on " datePosition="bottom" />
+              <Listing.Header title={title} link={link} date={date} datePrefix="Modified on " datePosition="bottom" />
               <Listing.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Read more
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -286,15 +241,10 @@ export const SinglePeopleListing: Story = {
               <img src={image} alt={alt} width="280" height="280" />
             </Listing.Figure>
             <Listing.Body>
-              <Listing.Header title={`${firstName} ${lastName}`} />
+              <Listing.Header title={`${firstName} ${lastName}`} link={link} />
               <Listing.PeopleMeta jobTitle={jobTitle} phone={phone}>
                 <a href={`mailto:${email}`}>{email}</a>
               </Listing.PeopleMeta>
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  View profile
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
@@ -314,15 +264,10 @@ export const MultiplePeopleListing: Story = {
               <img src={image} alt={alt} width="280" height="280" />
             </Listing.Figure>
             <Listing.Body>
-              <Listing.Header title={`${firstName} ${lastName}`} />
+              <Listing.Header title={`${firstName} ${lastName}`} link={link} />
               <Listing.PeopleMeta jobTitle={jobTitle} phone={phone}>
                 <a href={`mailto:${email}`}>{email}</a>
               </Listing.PeopleMeta>
-              <Listing.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  View profile
-                </a>
-              </Listing.Footer>
             </Listing.Body>
           </Listing>
         ))}
diff --git a/lib/components/Listing/ListingExcerpt.tsx b/lib/components/Listing/ListingExcerpt.tsx
index 47eb8f7c2..28c586b36 100644
--- a/lib/components/Listing/ListingExcerpt.tsx
+++ b/lib/components/Listing/ListingExcerpt.tsx
@@ -6,7 +6,7 @@ export interface ListingExcerptProps {
 export const ListingExcerpt = ({ text, hasMore }: ListingExcerptProps) => {
   return (
     <p className="text-base text-cu-black-700">
-      {text && text.length > 200 ? `${text.substring(0, 200)}...` : text}
+      {text && text.length > 300 ? `${text.substring(0, 300)}...` : text}
       {hasMore && <span className="font-semibold"> More</span>}
     </p>
   )
diff --git a/lib/components/Listing/ListingHeader.tsx b/lib/components/Listing/ListingHeader.tsx
index 684bd720d..a3744c3d3 100644
--- a/lib/components/Listing/ListingHeader.tsx
+++ b/lib/components/Listing/ListingHeader.tsx
@@ -1,5 +1,8 @@
+import { useLinkContext } from '../LinkProvider/useLinkContext'
+
 export interface ListingHeaderProps {
   title: string
+  link?: string
   as?: 'h2' | 'h3'
   date?: string | Date
   datePrefix?: string
@@ -9,12 +12,14 @@ export interface ListingHeaderProps {
 
 export const ListingHeader = ({
   title = 'No title available',
+  link,
   as = 'h2',
   date,
   datePrefix,
   readTime,
   datePosition = 'top',
 }: ListingHeaderProps) => {
+  const LinkComponent = useLinkContext()
   const HeaderComponent = as
   const formattedDate = date
     ? new Date(date).toLocaleString('en-US', {
@@ -41,7 +46,7 @@ export const ListingHeader = ({
       )}
 
       <HeaderComponent className="line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8">
-        {title}
+        {link ? <LinkComponent href={link}>{title}</LinkComponent> : title}
       </HeaderComponent>
 
       {date && datePosition === 'bottom' && (
diff --git a/lib/components/Listing/styles.css b/lib/components/Listing/styles.css
index 6209daeb1..a859dea05 100644
--- a/lib/components/Listing/styles.css
+++ b/lib/components/Listing/styles.css
@@ -63,6 +63,11 @@
   @apply inline-flex;
 }
 
+.cu-listing header h2 a,
+.cu-listing header h3 a {
+  @apply block hover:text-cu-red-700;
+}
+
 .cu-listing img:not(.cu-icon-thumb) {
   @apply object-cover w-full h-full rounded-md;
 }
diff --git a/lib/components/Pagination/Examples.stories.tsx b/lib/components/Pagination/Examples.stories.tsx
index b4891e5bc..42547b1ab 100644
--- a/lib/components/Pagination/Examples.stories.tsx
+++ b/lib/components/Pagination/Examples.stories.tsx
@@ -60,12 +60,7 @@ export const LayoutExamples: Story = {
                 <Card.Figure>
                   <img src={image} alt={alt} width="400" height="300" />
                 </Card.Figure>
-                <Card.Header title={title} date={date} />
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Read more
-                  </a>
-                </Card.Footer>
+                <Card.Header title={title} link={link} date={date} />
               </Card>
             ))}
           </Column>
@@ -79,12 +74,7 @@ export const LayoutExamples: Story = {
         <Column cols="3">
           {NewsData.slice(0, 6).map(({ id, link, title, date }) => (
             <Card key={id}>
-              <Card.Header title={title} date={date} />
-              <Card.Footer>
-                <a href={link} className="cu-button cu-button--red cu-button--small">
-                  Read more
-                </a>
-              </Card.Footer>
+              <Card.Header title={title} link={link} date={date} />
             </Card>
           ))}
         </Column>
@@ -98,12 +88,7 @@ export const LayoutExamples: Story = {
           <Column cols="4">
             {NewsData.slice(0, 8).map(({ id, link, title, date }) => (
               <Card key={id}>
-                <Card.Header title={title} date={date} />
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Read more
-                  </a>
-                </Card.Footer>
+                <Card.Header title={title} link={link} date={date} />
               </Card>
             ))}
           </Column>
diff --git a/lib/components/Splash/Splash.stories.tsx b/lib/components/Splash/Splash.stories.tsx
index 7c86694d9..a020e84bb 100644
--- a/lib/components/Splash/Splash.stories.tsx
+++ b/lib/components/Splash/Splash.stories.tsx
@@ -58,11 +58,6 @@ export const ImageWithCards: Story = {
                   truncateOnMobile
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href="#" className="cu-button cu-button--red cu-button--small">
-                  Visit Go Ravens
-                </a>
-              </Card.Footer>
             </Card>
             <Card isCenterDesktop isDark>
               <Card.Header title="Community" />
@@ -72,11 +67,6 @@ export const ImageWithCards: Story = {
                   truncateOnMobile
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href="#" className="cu-button cu-button--red cu-button--small">
-                  View Programs
-                </a>
-              </Card.Footer>
             </Card>
             <Card isCenterDesktop isDark>
               <Card.Header title="Students" />
@@ -86,11 +76,6 @@ export const ImageWithCards: Story = {
                   truncateOnMobile
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href="#" className="cu-button cu-button--red cu-button--small">
-                  Campus Facilities
-                </a>
-              </Card.Footer>
             </Card>
           </Column>
         </Splash.Content>
@@ -140,11 +125,6 @@ export const WithVideoAndCards: Story = {
                   truncateOnMobile
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href="#" className="cu-button cu-button--red cu-button--small">
-                  Visit Go Ravens
-                </a>
-              </Card.Footer>
             </Card>
             <Card isCenterDesktop isDark>
               <Card.Header title="Community" />
@@ -154,11 +134,6 @@ export const WithVideoAndCards: Story = {
                   truncateOnMobile
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href="#" className="cu-button cu-button--red cu-button--small">
-                  View Programs
-                </a>
-              </Card.Footer>
             </Card>
             <Card isCenterDesktop isDark>
               <Card.Header title="Students" />
@@ -168,11 +143,6 @@ export const WithVideoAndCards: Story = {
                   truncateOnMobile
                 />
               </Card.Body>
-              <Card.Footer>
-                <a href="#" className="cu-button cu-button--red cu-button--small">
-                  Campus Facilities
-                </a>
-              </Card.Footer>
             </Card>
           </Column>
         </Splash.Content>
diff --git a/lib/examples/projects/cutheme/Homepage.stories.tsx b/lib/examples/projects/cutheme/Homepage.stories.tsx
index 6b5471378..8bffbdc5a 100644
--- a/lib/examples/projects/cutheme/Homepage.stories.tsx
+++ b/lib/examples/projects/cutheme/Homepage.stories.tsx
@@ -84,15 +84,10 @@ export const Homepage: Story = {
                   </BadgeGroup>
                   <img src={image} alt={alt} width="400" height="300" />
                 </Card.Figure>
-                <Card.Header title={title} date={date} />
+                <Card.Header title={title} link={link} date={date} />
                 <Card.Body>
                   <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Read more
-                  </a>
-                </Card.Footer>
               </Card>
             ))}
           </Column>
@@ -133,15 +128,10 @@ export const Homepage: Story = {
                   </BadgeGroup>
                   <img src={image} alt={alt} width="400" height="300" />
                 </Card.Figure>
-                <Card.Header title={title} />
+                <Card.Header title={title} link={link} />
                 <Card.Body>
                   <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Read more
-                  </a>
-                </Card.Footer>
               </Card>
             ))}
           </Column>
@@ -224,7 +214,7 @@ export const Homepage: Story = {
                     <img src={image} alt={alt} width={400} height={175} />
                   </Card.Figure>
                   <Card.DateThumb startDate={startDate} endDate={endDate} />
-                  <Card.Header title={title} />
+                  <Card.Header title={title} link={link} />
                   <Card.Body>
                     <Card.EventMeta
                       startDateTime={startDate}
@@ -235,11 +225,6 @@ export const Homepage: Story = {
                       eventAddress={event_address}
                     />
                   </Card.Body>
-                  <Card.Footer>
-                    <a href={link} className="cu-button cu-button--red cu-button--small">
-                      More info
-                    </a>
-                  </Card.Footer>
                 </Card>
               ),
             )}
diff --git a/lib/examples/projects/event-calendar/Homepage.stories.tsx b/lib/examples/projects/event-calendar/Homepage.stories.tsx
index a6ce9b692..a3ed1d15c 100644
--- a/lib/examples/projects/event-calendar/Homepage.stories.tsx
+++ b/lib/examples/projects/event-calendar/Homepage.stories.tsx
@@ -84,7 +84,7 @@ export const Homepage: Story = {
                     <img src={image} alt={alt} width={400} height={175} />
                   </Card.Figure>
                   <Card.DateThumb startDate={startDate} endDate={endDate} />
-                  <Card.Header title={title} />
+                  <Card.Header title={title} link={link} />
                   <Card.Body>
                     <Card.EventMeta
                       startDateTime={startDate}
@@ -95,11 +95,6 @@ export const Homepage: Story = {
                       eventAddress={event_address}
                     />
                   </Card.Body>
-                  <Card.Footer>
-                    <a href={link} className="cu-button cu-button--red cu-button--small">
-                      More info
-                    </a>
-                  </Card.Footer>
                 </Card>
               ),
             )}
diff --git a/lib/examples/projects/futurefunder/BrowseProjects.stories.tsx b/lib/examples/projects/futurefunder/BrowseProjects.stories.tsx
index bfa50bcd9..6bb1d3361 100644
--- a/lib/examples/projects/futurefunder/BrowseProjects.stories.tsx
+++ b/lib/examples/projects/futurefunder/BrowseProjects.stories.tsx
@@ -62,15 +62,10 @@ export const BrowseProjects: Story = {
                 <Card.Figure>
                   <img src={image} alt={alt} width="400" height="300" />
                 </Card.Figure>
-                <Card.Header title={title} date={date} />
+                <Card.Header title={title} link={link} date={date} />
                 <Card.Body>
                   <Card.Excerpt text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pharetra laoreet lobortis. In hac habitasse platea dictumst. Nulla porta posuere est, aliquam mollis mi accumsan id. Morbi mauris ex, gravida eu sodales sed, tempor vel mauris." />
                 </Card.Body>
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    Read more
-                  </a>
-                </Card.Footer>
               </Card>
             ))}
           </Column>
diff --git a/lib/layouts/ImageCover/ImageCover.stories.tsx b/lib/layouts/ImageCover/ImageCover.stories.tsx
index 1cbfcd3db..995a59b4c 100644
--- a/lib/layouts/ImageCover/ImageCover.stories.tsx
+++ b/lib/layouts/ImageCover/ImageCover.stories.tsx
@@ -78,24 +78,19 @@ export const WithChildren: Story = {
       <ImageCover {...args}>
         <Section as="div" maxWidth="7xl">
           <PageHeader as="h2" header="Attend Carleton" size="md" />
-          <Column cols="4" maxWidth="7xl">
+          <Column cols="4">
             {PromoData.slice(0, 4).map(({ id, link, title, image, alt }) => (
               <Card key={id} noHover>
                 <Card.Figure>
                   <img src={image} alt={alt} width="200" height="133" />
                 </Card.Figure>
-                <Card.Header title={title} />
-                <Card.Footer>
-                  <a href={link} className="cu-button cu-button--red cu-button--small">
-                    More info
-                  </a>
-                </Card.Footer>
+                <Card.Header title={title} link={link} />
               </Card>
             ))}
           </Column>
         </Section>
         <Section as="div" maxWidth="7xl">
-          <Embed maxWidth="7xl">
+          <Embed>
             <Embed.YouTube title="test" url="https://www.youtube.com/watch?v=ZISHr6sPNCE" />
           </Embed>
         </Section>
diff --git a/package.json b/package.json
index 7d0fa35ac..6d3e11a9b 100644
--- a/package.json
+++ b/package.json
@@ -71,8 +71,6 @@
     "yup": "1.7.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "20.4.1",
-    "@commitlint/config-conventional": "20.4.1",
     "@cypress/react": "9.0.1",
     "@size-limit/preset-big-lib": "12.0.0",
     "@storybook/addon-a11y": "10.2.10",