diff --git a/website/app/components/footer/footer.tsx b/website/app/components/footer/footer.tsx
index 72b76a4..5284532 100644
--- a/website/app/components/footer/footer.tsx
+++ b/website/app/components/footer/footer.tsx
@@ -4,68 +4,68 @@ import { Box, Divider, Flex, Grid, styled } from '../../../styled-system/jsx'
 import { socialsData } from '../../config/socials-data'
 
 export const Footer = () => (
-    <Box
-        mt={48}
-        gap={6}
-        mx="5"
-        xl={{
-            mx: 0,
-        }}
+  <Box
+    mt={48}
+    gap={6}
+    mx="5"
+    xl={{
+      mx: 0,
+    }}
+  >
+    <Divider color="#8D8DFF33" mb={6} />
+    <Grid
+      gridTemplateColumns="1fr"
+      md={{ gridTemplateColumns: 'repeat(4, 1fr)' }}
+      width="full"
+      gap={6}
+      maxW="1200px"
+      mx="auto"
     >
-        <Divider color="#8D8DFF33" mb={6} />
-        <Grid
-            gridTemplateColumns="1fr"
-            md={{ gridTemplateColumns: 'repeat(4, 1fr)' }}
-            width="full"
-            gap={6}
-            maxW="1200px"
-            mx="auto"
-        >
-            <Flex flexGrow={2}>
-                <Logo width={153} />
-            </Flex>
-            <Flex direction="column" gap={1} fontWeight="medium">
-                <styled.a href={`/agenda`} color="white" _hover={{ color: '#8282FB' }}>
-                    Previous Years Sessions
-                </styled.a>
-                {/* <styled.a href={`/speakers`} color="white" _hover={{ color: '#8282FB' }}>
+      <Flex flexGrow={2}>
+        <Logo width={153} />
+      </Flex>
+      <Flex direction="column" gap={1} fontWeight="medium">
+        <styled.a href={`/agenda#previous-years`} color="white" _hover={{ color: '#8282FB' }}>
+          Previous Years Sessions
+        </styled.a>
+        {/* <styled.a href={`/speakers`} color="white" _hover={{ color: '#8282FB' }}>
                     Speakers
                 </styled.a> */}
-                <styled.a href={`/agenda`} color="white" _hover={{ color: '#8282FB' }}>
-                    Agenda
-                </styled.a>
-                {/* <styled.a href={`/sponsorship`} color="white" _hover={{ color: '#8282FB' }}>
+        <styled.a href={`/agenda`} color="white" _hover={{ color: '#8282FB' }}>
+          Agenda
+        </styled.a>
+        {/* <styled.a href={`/sponsorship`} color="white" _hover={{ color: '#8282FB' }}>
                     Sponsorship
                 </styled.a> */}
-                <styled.a href={`/about`} color="white" _hover={{ color: '#8282FB' }}>
-                    About
-                </styled.a>
-                {/* <styled.a href={`/blog`} color="white" _hover={{ color: '#8282FB' }}>
+        <styled.a href={`/about`} color="white" _hover={{ color: '#8282FB' }}>
+          About
+        </styled.a>
+        {/* <styled.a href={`/blog`} color="white" _hover={{ color: '#8282FB' }}>
                 Blog
                 </styled.a> */}
-                <styled.a href={`/faq`} color="white" _hover={{ color: '#8282FB' }}>
-                    FAQ
-                </styled.a>
-            </Flex>
-            <Flex direction="column" gap={1} fontWeight="medium">
-                <styled.a href={`/code-of-conduct`} color="white" _hover={{ color: '#8282FB' }}>
-                    Code Of Conduct
-                </styled.a>
-                <styled.a href={`/venue`} color="white" _hover={{ color: '#8282FB' }}>
-                    Venue
-                </styled.a>
-                <styled.a href={`/health-policy`} color="white" _hover={{ color: '#8282FB' }}>
-                    Health Policy
-                </styled.a>
-                <styled.a href={`/volunteer`} color="white" _hover={{ color: '#8282FB' }}>
-                    Work With Us
-                </styled.a>
-                <styled.a href={`mailto:info@dddperth.com`} color="#8282FB" _hover={{ color: 'white' }}>
-                    info@dddperth.com
-                </styled.a>
-            </Flex>
-            <Flex direction="column" gap={4}>
-                {/* <styled.p color="#C2C2FF" fontSize="2xl" lineHeight={1.2} textWrap="balance">
+        <styled.a href={`/faq`} color="white" _hover={{ color: '#8282FB' }}>
+          FAQ
+        </styled.a>
+      </Flex>
+      <Flex direction="column" gap={1} fontWeight="medium">
+        <styled.a href={`/code-of-conduct`} color="white" _hover={{ color: '#8282FB' }}>
+          Code Of Conduct
+        </styled.a>
+        <styled.a href={`/venue`} color="white" _hover={{ color: '#8282FB' }}>
+          Venue
+        </styled.a>
+        <styled.a href={`/health-policy`} color="white" _hover={{ color: '#8282FB' }}>
+          Health Policy
+        </styled.a>
+        <styled.a href={`/volunteer`} color="white" _hover={{ color: '#8282FB' }}>
+          Work With Us
+        </styled.a>
+        <styled.a href={`mailto:info@dddperth.com`} color="#8282FB" _hover={{ color: 'white' }}>
+          info@dddperth.com
+        </styled.a>
+      </Flex>
+      <Flex direction="column" gap={4}>
+        {/* <styled.p color="#C2C2FF" fontSize="2xl" lineHeight={1.2} textWrap="balance">
                     Subscribe for the latest DDD updates
                 </styled.p>
                 <styled.input
@@ -81,30 +81,30 @@ export const Footer = () => (
                     _placeholder={{ color: '#8282FB' }}
                     mb={4}
                 /> */}
-                <Flex direction="row" gap={1}>
-                    {socialsData.map((item) => (
-                        <styled.a
-                            aria-label={`Visit us on ${item.title}`}
-                            key={item.link}
-                            href={item.link}
-                            target={`_blank`}
-                            rel={`nofollow noopener`}
-                            display="flex"
-                            justifyContent="flex-start"
-                            alignItems="center"
-                        >
-                            <item.icon
-                                className={css({
-                                    w: '8',
-                                    color: '#8282FB',
-                                    transition: 'colors',
-                                    _hover: { color: 'white' },
-                                })}
-                            />
-                        </styled.a>
-                    ))}
-                </Flex>
-            </Flex>
-        </Grid>
-    </Box>
+        <Flex direction="row" gap={1}>
+          {socialsData.map((item) => (
+            <styled.a
+              aria-label={`Visit us on ${item.title}`}
+              key={item.link}
+              href={item.link}
+              target={`_blank`}
+              rel={`nofollow noopener`}
+              display="flex"
+              justifyContent="flex-start"
+              alignItems="center"
+            >
+              <item.icon
+                className={css({
+                  w: '8',
+                  color: '#8282FB',
+                  transition: 'colors',
+                  _hover: { color: 'white' },
+                })}
+              />
+            </styled.a>
+          ))}
+        </Flex>
+      </Flex>
+    </Grid>
+  </Box>
 )
diff --git a/website/app/routes/_layout.agenda.($year).tsx b/website/app/routes/_layout.agenda.($year).tsx
index f2fd84f..ec8929b 100644
--- a/website/app/routes/_layout.agenda.($year).tsx
+++ b/website/app/routes/_layout.agenda.($year).tsx
@@ -327,12 +327,12 @@ export default function Agenda() {
 function ConferenceBrowser({ conferences }: { conferences: { year: Year }[] }) {
   return (
     <styled.div padding="4" color="white">
-      <styled.h2 fontSize="xl" marginBottom="2">
-        Other Conferences
+      <styled.h2 fontSize="xl" marginBottom="2" id="previous-years">
+        View Previous Conferences
       </styled.h2>
-      <styled.div display="flex" flexWrap="wrap" justifyContent="space-around" gap="4">
+      <styled.div display="flex" flexWrap="wrap" gap={4}>
         {conferences.map((conf) => (
-          <styled.a key={conf.year} href={`/agenda/${conf.year}`}>
+          <styled.a key={conf.year} href={`/agenda/${conf.year}`} color="#8282FB">
             <styled.span fontSize="lg">{conf.year}</styled.span>
           </styled.a>
         ))}