chore: update navbar

src/components/Header/Navbar.tsx

@@ -12,6 +12,7 @@ export const navItems = [
   // { name: 'Location', href: '#location' },
   // { name: 'Programme', href: '#programme' },
   { name: 'FAQs', href: '#faqs' },
+  { name: 'Tickets', href: '#tickets' },
 ]
 
 const Navbar: React.FC = () => {

src/components/Home/HomePage.tsx

@@ -33,7 +33,7 @@ const HomePage: React.FC = () => {
         <FAQSection />
         {/* <TicketsSection /> */}
         <CustomLink href="https://lu.ma/psc1" target="_blank">
-          <RegisterButton>REGISTER FOR TICKETS</RegisterButton>
+          <RegisterButton id="tickets">REGISTER FOR TICKETS</RegisterButton>
         </CustomLink>
       </Main>
       <Footer />
@@ -82,6 +82,8 @@ const RegisterButton = styled.button`
   margin-top: 104px;
   cursor: pointer;
 
+  scroll-margin-top: 20px;
+
   @media (max-width: 768px) {
     padding: 6px 12px;
     margin-top: 56px;