diff --git a/package.json b/package.json
index 23cd6913..5d9969fe 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "academicons": "https://github.com/jpswalsh/academicons#v1.9.3",
     "babel-jest": "29.5.0",
     "bootstrap": "5.2.3",
+    "canvas-confetti": "^1.9.3",
     "classnames": "2.3.2",
     "dotenv": "16.0.3",
     "fs-extra": "11.1.1",
@@ -93,6 +94,7 @@
     "@types/react-dom": "18.2.1",
     "@types/react-helmet": "6.1.6",
     "@types/react-slick": "0.23.10",
+    "@types/canvas-confetti": "^1.6.4",
     "@typescript-eslint/eslint-plugin": "5.59.2",
     "@typescript-eslint/parser": "5.59.2",
     "babel-preset-gatsby": "3.9.0",
diff --git a/src/components/ftsrg30page-components/BannerSection.tsx b/src/components/ftsrg30page-components/BannerSection.tsx
new file mode 100644
index 00000000..5f592f65
--- /dev/null
+++ b/src/components/ftsrg30page-components/BannerSection.tsx
@@ -0,0 +1,126 @@
+import { StaticImage } from 'gatsby-plugin-image'
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React, { useEffect, useRef } from 'react'
+import { Col, Container, Row } from 'react-bootstrap'
+import { useDeviceSelectors } from 'react-device-detect'
+import useIsClient from '~hooks/useIsClient'
+import confetti from 'canvas-confetti'
+
+const BannerSection: React.FC = () => {
+  const { t, language } = useI18next()
+  const { isClient, key } = useIsClient()
+  const confettiCanvas = useRef() as React.MutableRefObject<HTMLCanvasElement>
+
+  const isMobile = isClient ? (useDeviceSelectors(window.navigator.userAgent)[0].isMobile as boolean) : false
+
+  function confettiFrame(myConfetti: confetti.CreateTypes) {
+    window.requestAnimationFrame(() => {
+      // launch a few confetti from the left edge
+      myConfetti({
+        particleCount: 40,
+        angle: 30,
+        spread: 55,
+        decay: 0.94,
+        origin: { x: 0, y: 0.7 }
+      })
+      // and launch a few from the right edge
+      myConfetti({
+        particleCount: 40,
+        angle: 150,
+        spread: 55,
+        decay: 0.94,
+        origin: { x: 1, y: 0.7 }
+      })
+    })
+  }
+
+  useEffect(() => {
+    const myConfetti = confetti.create(confettiCanvas.current, {
+      resize: true
+    })
+    const confettiIdx = setInterval(() => confettiFrame(myConfetti), 2500)
+    return () => {
+      clearInterval(confettiIdx)
+    }
+  })
+
+  return (
+    <div id="banner" key={key}>
+      <div className="overlay" />
+      {isClient && !isMobile && (
+        <video
+          playsInline
+          autoPlay
+          muted
+          loop
+          preload="none"
+          style={{ display: 'none' }}
+          onCanPlayThrough={(e) => {
+            e.currentTarget.style.display = ''
+          }}
+        >
+          <source src="/images/drone-banner.mp4" type="video/mp4" />
+        </video>
+      )}
+      <canvas
+        width={1000}
+        height={600}
+        ref={confettiCanvas}
+        style={{
+          position: 'absolute',
+          top: '50%',
+          left: '50%',
+          minWidth: '100%',
+          minHeight: '100%',
+          width: 'auto',
+          height: 'auto',
+          zIndex: 2,
+          transform: 'translateX(-50%) translateY(-50%)'
+        }}
+      />
+      <div className="intro intro-section background-4">
+        <StaticImage src="../../../static/images/drone-banner-poster.jpg" alt="..." layout="fullWidth" className="bannerImage" />
+        <Container>
+          <Row className="align-items-center">
+            <Col lg="12" className="mx-auto text-center">
+              <StaticImage
+                src="../../../static/images/ftsrg-large-white.png"
+                placeholder="none"
+                width={400}
+                alt={t('commons.ftsrgFullName')}
+                className="intro-img mx-auto"
+              />
+              <h1>
+                {language === 'hu' && (
+                  <>
+                    <span style={{ fontSize: '5rem' }}>30 éves</span>
+                    <br />
+                    <span>a Kritikus Rendszerek Kutatócsoport</span>
+                  </>
+                )}
+                {language === 'en' && (
+                  <>
+                    <span style={{ fontSize: '5rem' }}>30 years</span>
+                    <br />
+                    <span>of the Critical Systems Research Group</span>
+                  </>
+                )}
+              </h1>
+              <hr className="mx-5" />
+              <h2 className="font-italic">
+                {language === 'hu' && <span>Ünnepelj és emlékezz velünk július 4-én</span>}
+                {language === 'en' && (
+                  <span>
+                    Celebrate and reminisce with us on July 4<sup>th</sup>
+                  </span>
+                )}
+              </h2>
+            </Col>
+          </Row>
+        </Container>
+      </div>
+    </div>
+  )
+}
+
+export default BannerSection
diff --git a/src/components/ftsrg30page-components/EducationSection.tsx b/src/components/ftsrg30page-components/EducationSection.tsx
new file mode 100644
index 00000000..fbb492e5
--- /dev/null
+++ b/src/components/ftsrg30page-components/EducationSection.tsx
@@ -0,0 +1,31 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Container } from 'react-bootstrap'
+import EducationCounters from '~components/indexpage-components/EducationCounters'
+import { SpecializationsCarousel } from '~components/carousels'
+import { SpecializationProps } from '~utils/props'
+
+type Props = {
+  specializations: Array<SpecializationProps>
+}
+
+const EducationSection: React.FC<Props> = ({ specializations }) => {
+  const { t } = useI18next()
+
+  return (
+    <div id="education" className="site-section">
+      <Container>
+        <div className="mb-5 text-center">
+          <h2 className="section-title-underline">
+            <span>{t('home.education.title')}</span>
+          </h2>
+        </div>
+        <EducationCounters />
+
+        <SpecializationsCarousel nodes={specializations} />
+      </Container>
+    </div>
+  )
+}
+
+export default EducationSection
diff --git a/src/components/ftsrg30page-components/EventsSection.tsx b/src/components/ftsrg30page-components/EventsSection.tsx
new file mode 100644
index 00000000..e3672b71
--- /dev/null
+++ b/src/components/ftsrg30page-components/EventsSection.tsx
@@ -0,0 +1,26 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Container } from 'react-bootstrap'
+import { EventsCarousel } from '~components/carousels'
+import { EventProps } from '~utils/props'
+
+type Props = {
+  events: Array<EventProps>
+}
+
+const EventsSection: React.FC<Props> = ({ events }) => {
+  const { t } = useI18next()
+
+  return (
+    <div id="events" className="site-section">
+      <Container>
+        <h2 className="section-title-underline mb-5">
+          <span>{t('research.events.title')}</span>
+        </h2>
+        <EventsCarousel nodes={events} />
+      </Container>
+    </div>
+  )
+}
+
+export default EventsSection
diff --git a/src/components/ftsrg30page-components/InvitationSection.tsx b/src/components/ftsrg30page-components/InvitationSection.tsx
new file mode 100644
index 00000000..ecb49573
--- /dev/null
+++ b/src/components/ftsrg30page-components/InvitationSection.tsx
@@ -0,0 +1,64 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Col, Row } from 'react-bootstrap'
+import { CgPerformance } from 'react-icons/cg'
+import { FaBug } from 'react-icons/fa'
+import { VscRocket } from 'react-icons/vsc'
+import Hero from '~components/Hero'
+import { ImageDataLike, StaticImage } from 'gatsby-plugin-image'
+
+const compentencesData = [
+  {
+    icon: <VscRocket size="3.75rem" />,
+    title: 'home.competences.c1.title',
+    desc: 'home.competences.c1.desc'
+  },
+  {
+    icon: <FaBug size="3.65rem" />,
+    title: 'home.competences.c2.title',
+    desc: 'home.competences.c2.desc'
+  },
+  {
+    icon: <CgPerformance size="4rem" />,
+    title: 'home.competences.c3.title',
+    desc: 'home.competences.c3.desc'
+  }
+]
+
+type Props = {
+}
+
+const InvitationSection: React.FC<Props> = ({}) => {
+  const { t, language } = useI18next()
+
+  return (
+    <Hero id="invitation">
+      <Row>
+        <Col lg={6} className="order-1 order-lg-2 mb-4 mb-lg-0">
+          <StaticImage
+            src="../../../static/images/members2024.jpg"
+            className="img-fluid"
+            layout="fullWidth"
+            alt={language === 'hu' ? 'A kutatócsoport' : 'The Research Group'}
+          />
+        </Col>
+        <Col lg={5} className="me-auto align-self-center order-2 order-lg-1">
+          <h2 className="section-title-underline style-2 mb-5">
+            {language === 'hu' && <span>Meghívó</span>}
+            {language === 'en' && <span>Invitation</span>}
+          </h2>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec eleifend lectus. Fusce sit amet justo eu elit semper
+            efficitur vitae ac tellus. Integer elit enim, porttitor et pellentesque rutrum, suscipit sit amet tortor. Praesent eu lectus
+            aliquet, ultrices ante a, blandit ipsum. In sagittis accumsan sem. Proin hendrerit porta eros, id sollicitudin diam laoreet
+            vitae. Nunc dictum nisl dui, non efficitur arcu sodales eget. Aenean volutpat, elit id ultricies luctus, dolor dolor congue
+            ipsum, vitae porttitor ligula felis non lectus. Nullam iaculis luctus libero in eleifend. Cras vitae lectus tortor. Phasellus
+            est mauris, egestas eu lacinia quis, sodales a enim.
+          </p>
+        </Col>
+      </Row>
+    </Hero>
+  )
+}
+
+export default InvitationSection
diff --git a/src/components/ftsrg30page-components/ProgramSection.tsx b/src/components/ftsrg30page-components/ProgramSection.tsx
new file mode 100644
index 00000000..1d8d56db
--- /dev/null
+++ b/src/components/ftsrg30page-components/ProgramSection.tsx
@@ -0,0 +1,27 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Container } from 'react-bootstrap'
+
+type Props = NonNullable<unknown>
+
+const ProgramSection: React.FC<Props> = () => {
+  const { t, language } = useI18next()
+
+  return (
+    <div id="program" className="site-section">
+      <Container>
+        <div className="mb-5 text-center">
+          <h2 className="section-title-underline">
+            {language === 'hu' && <span>Program és regisztráció</span>}
+            {language === 'en' && <span>Program and Registration</span>}
+          </h2>
+        </div>
+        <a className="btn btn-primary rounded-0 px-4" href="https://google.com">
+          Regisztráció
+        </a>
+      </Container>
+    </div>
+  )
+}
+
+export default ProgramSection
diff --git a/src/components/ftsrg30page-components/PublicationSection.tsx b/src/components/ftsrg30page-components/PublicationSection.tsx
new file mode 100644
index 00000000..2ab9de18
--- /dev/null
+++ b/src/components/ftsrg30page-components/PublicationSection.tsx
@@ -0,0 +1,107 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Col, Container, Row } from 'react-bootstrap'
+import { PublicationProps } from '~utils/props'
+import { MdSchool } from 'react-icons/md'
+import { FaDatabase, FaTv } from 'react-icons/fa'
+import Slider from 'react-slick'
+import { GatsbyImage, getImage } from 'gatsby-plugin-image'
+import Hero from '~components/Hero'
+
+type Props = {
+  publications: Array<PublicationProps>
+}
+
+const PublicationSection: React.FC<Props> = ({ publications }) => {
+  const { t } = useI18next()
+
+  return (
+    <Hero id="publications">
+      <Container>
+        <Row className="mb-3 justify-content-center text-center">
+          <Col lg={12} className="mb-3">
+            <h2 className="section-title-underline style-2 mb-3">
+              <span>{t('research.publications.title')}</span>
+            </h2>
+            <p className="publication-links">
+              <a target="_blank" rel="noopener noreferrer" href="https://m2.mtmt.hu/gui2/?type=institutes&mode=browse&sel=institutes22230">
+                <span className="pe-1" style={{ color: 'white' }}>
+                  {t('research.publications.fullPubList')}
+                </span>
+                <MdSchool />
+              </a>{' '}
+              <span className="px-2">|</span>
+              <a href="https://zenodo.org/communities/ftsrg" target="_blank" rel="noopener noreferrer">
+                <span className="pe-1" style={{ color: 'white' }}>
+                  {t('research.publications.dataSets')}
+                </span>
+                <FaDatabase />
+              </a>{' '}
+              <span className="px-2">|</span>
+              <a href="https://speakerdeck.com/ftsrg/" target="_blank" rel="noopener noreferrer">
+                <span className="pe-1" style={{ color: 'white' }}>
+                  {t('research.publications.slides')}
+                </span>
+                <FaTv />
+              </a>
+            </p>
+            <p>{t('research.publications.description')}</p>
+          </Col>
+        </Row>
+        <Slider
+          arrows
+          dots
+          infinite
+          slidesToShow={3}
+          slidesToScroll={1}
+          className="py-3 dark-slick"
+          responsive={[
+            {
+              breakpoint: 990,
+              settings: {
+                slidesToShow: 2
+              }
+            },
+            {
+              breakpoint: 768,
+              settings: {
+                slidesToShow: 1
+              }
+            }
+          ]}
+          autoplay
+          autoplaySpeed={4000}
+        >
+          {publications.map((publication) => {
+            const featuredImage = getImage(publication.featuredImage)
+            return (
+              <div key={publication.title} className="px-2 py-2 h-100">
+                <div className="education-1-item h-100 d-flex flex-column justify-content-between align-items-stretch">
+                  <figure className="thumbnail">
+                    {featuredImage && <GatsbyImage image={featuredImage} alt={publication.title} className="img-fluid" />}
+                    <div className="category bg-primary" style={{ border: 'none' }}>
+                      <h3>
+                        {publication.journalTitle} {publication.year}
+                      </h3>
+                    </div>
+                  </figure>
+                  <div className="education-1-content pb-4 d-flex flex-column align-items-center flex-grow-1">
+                    <h2>{publication.title}</h2>
+                    <p style={{ color: 'gray' }}>{t(publication.description)}</p>
+                    <p className="mt-auto">
+                      <a target="_blank" rel="noopener noreferrer" href={publication.url} className="btn btn-primary rounded-0 px-4">
+                        {t('commons.readMore')}
+                      </a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            )
+          })}
+        </Slider>
+      </Container>
+    </Hero>
+  )
+}
+
+export default PublicationSection
diff --git a/src/components/ftsrg30page-components/ResearchSection.tsx b/src/components/ftsrg30page-components/ResearchSection.tsx
new file mode 100644
index 00000000..b336c776
--- /dev/null
+++ b/src/components/ftsrg30page-components/ResearchSection.tsx
@@ -0,0 +1,33 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Col, Container, Row } from 'react-bootstrap'
+import { ProjectsCarousel } from '~components/carousels'
+import { ProjectProps } from '~utils/props'
+import { ProjectCounters } from '~components/research-components'
+
+type Props = {
+  projects: Array<ProjectProps>
+}
+
+const ResearchSection: React.FC<Props> = ({ projects }) => {
+  const { t } = useI18next()
+
+  return (
+    <div id="rdi" className="site-section">
+      <Container>
+        <Row className="mb-3">
+          <Col lg={12}>
+            <h2 className="section-title-underline">
+              <span>{t('research.projects.title')}</span>
+            </h2>
+            <p>{t('research.projects.description')}</p>
+          </Col>
+        </Row>
+        <ProjectCounters />
+        <ProjectsCarousel nodes={projects} />
+      </Container>
+    </div>
+  )
+}
+
+export default ResearchSection
diff --git a/src/components/ftsrg30page-components/SocialSection.tsx b/src/components/ftsrg30page-components/SocialSection.tsx
new file mode 100644
index 00000000..e3b77265
--- /dev/null
+++ b/src/components/ftsrg30page-components/SocialSection.tsx
@@ -0,0 +1,24 @@
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Container } from 'react-bootstrap'
+
+type Props = NonNullable<unknown>
+
+const SocialSection: React.FC<Props> = () => {
+  const { t, language } = useI18next()
+
+  return (
+    <div id="social" className="site-section">
+      <Container>
+        <div className="mb-5 text-center">
+          <h2 className="section-title-underline">
+            {language === 'hu' && <span>Kövess minket</span>}
+            {language === 'en' && <span>Follow us</span>}
+          </h2>
+        </div>
+      </Container>
+    </div>
+  )
+}
+
+export default SocialSection
diff --git a/src/components/ftsrg30page-components/index.tsx b/src/components/ftsrg30page-components/index.tsx
new file mode 100644
index 00000000..a0175223
--- /dev/null
+++ b/src/components/ftsrg30page-components/index.tsx
@@ -0,0 +1,19 @@
+import BannerSection from './BannerSection'
+import EducationSection from './EducationSection'
+import EventsSection from './EventsSection'
+import InvitationSection from './InvitationSection'
+import ProgramSection from './ProgramSection'
+import PublicationSection from './PublicationSection'
+import ResearchSection from './ResearchSection'
+import SocialSection from './SocialSection'
+
+export {
+  BannerSection as Banner,
+  ProgramSection as Program,
+  InvitationSection as Invitation,
+  EducationSection as Education,
+  ResearchSection as Research,
+  PublicationSection as Publications,
+  EventsSection as Events,
+  SocialSection as Social
+}
diff --git a/src/pages/ftsrg30.tsx b/src/pages/ftsrg30.tsx
new file mode 100644
index 00000000..b82b767d
--- /dev/null
+++ b/src/pages/ftsrg30.tsx
@@ -0,0 +1,159 @@
+import { graphql, PageProps } from 'gatsby'
+import { GatsbyImage, getImage, ImageDataLike, StaticImage } from 'gatsby-plugin-image'
+import { useI18next } from 'gatsby-plugin-react-i18next'
+import React from 'react'
+import { Col, Container, Row } from 'react-bootstrap'
+import { EventsCarousel, ProjectsCarousel, PublicationsCarousel, SpecializationsCarousel } from '~components/carousels'
+import { About, Competences, Partners } from '~components/indexpage-components'
+import {
+  Banner,
+  Invitation,
+  Education,
+  Research,
+  Publications,
+  Program,
+  Social
+} from '~components/ftsrg30page-components'
+import Layout from '~layout/Layout'
+import { EventProps, ProjectProps, PublicationProps, SpecializationProps } from '~utils/props'
+import PartnerProps from '~utils/props/partner.props'
+import { ProjectCounters, Tools } from '~components/research-components'
+import { MdSchool } from 'react-icons/md'
+import { FaDatabase, FaTv } from 'react-icons/fa'
+import EducationCounters from '~components/indexpage-components/EducationCounters'
+import Hero from '~components/Hero'
+import Slider from 'react-slick'
+import EventsSection from '~components/ftsrg30page-components/EventsSection'
+
+interface IndexPageProps extends PageProps {
+  data: {
+    specializations: {
+      nodes: Array<SpecializationProps>
+    }
+    projects: {
+      nodes: Array<ProjectProps>
+    }
+    partners: {
+      nodes: Array<PartnerProps>
+    }
+    publications: {
+      nodes: Array<PublicationProps>
+    }
+    events: {
+      nodes: Array<EventProps>
+    }
+    aboutHero: ImageDataLike
+    partnerHero: ImageDataLike
+    toolsHero: ImageDataLike
+  }
+}
+
+const Ftsrg30Page: React.FC<IndexPageProps> = ({ data }) => {
+  const { t } = useI18next()
+
+  return (
+    <Layout href="/ftsrg30">
+      <Banner />
+      <Invitation />
+      <Program />
+      <Competences />
+      <Education specializations={data.specializations.nodes} />
+      <Partners nodes={data.partners.nodes} heroBackgroundImage={data.partnerHero} />
+      <Research projects={data.projects.nodes} />
+      <Publications publications={data.publications.nodes} />
+      <EventsSection events={data.events.nodes} />
+      <Tools heroBackgroundImage={data.toolsHero} />
+      <Social />
+    </Layout>
+  )
+}
+
+export default Ftsrg30Page
+
+export const query = graphql`
+  query IndexPageQueries($language: String!) {
+    specializations: allSpecializationsYaml {
+      nodes {
+        translationPrefix
+        url
+        featuredImage {
+          childImageSharp {
+            gatsbyImageData(placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
+          }
+        }
+      }
+    }
+    projects: allProjectsYaml {
+      nodes {
+        title
+        subtitle
+        url
+        description
+        featuredImage {
+          childImageSharp {
+            gatsbyImageData(placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
+          }
+        }
+      }
+    }
+    partners: allPartnersYaml {
+      nodes {
+        name
+        logo {
+          childImageSharp {
+            gatsbyImageData(layout: CONSTRAINED)
+          }
+        }
+      }
+    }
+    publications: allPublicationsYaml {
+      nodes {
+        journalTitle
+        year
+        title
+        url
+        description
+        featuredImage {
+          childImageSharp {
+            gatsbyImageData(placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
+          }
+        }
+      }
+    }
+    events: allEventsYaml {
+      nodes {
+        translationPrefix
+        url
+        featuredImage {
+          childImageSharp {
+            gatsbyImageData(placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
+          }
+        }
+      }
+    }
+    locales: allLocale(filter: { ns: { in: ["home", "research", "education", "commons"] }, language: { eq: $language } }) {
+      edges {
+        node {
+          ns
+          data
+          language
+        }
+      }
+    }
+    aboutHero: file(relativePath: { eq: "hero_3.jpg" }, sourceInstanceName: { eq: "staticImages" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH)
+      }
+    }
+    partnerHero: file(relativePath: { eq: "hero_1.jpg" }, sourceInstanceName: { eq: "staticImages" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH)
+      }
+    }
+    toolsHero: file(relativePath: { eq: "bg_4.jpg" }, sourceInstanceName: { eq: "staticImages" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH)
+      }
+    }
+  }
+`
diff --git a/src/utils/scss/_site-extras.scss b/src/utils/scss/_site-extras.scss
index 09221f2d..18be44f4 100644
--- a/src/utils/scss/_site-extras.scss
+++ b/src/utils/scss/_site-extras.scss
@@ -18,3 +18,15 @@
 .mb-6 {
   margin-bottom: 10rem;
 }
+
+.dark-slick .slick-dots li button:before {
+  color: white;
+}
+
+.dark-slick .slick-dots li.slick-active button:before {
+  color: white;
+}
+
+.dark-slick .slick-arrow:before {
+  color: white;
+}
diff --git a/static/images/members2024.jpg b/static/images/members2024.jpg
new file mode 100644
index 00000000..3b2e417b
Binary files /dev/null and b/static/images/members2024.jpg differ
diff --git a/yarn.lock b/yarn.lock
index 5e42b292..a8c4883b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2522,6 +2522,11 @@
     "@types/node" "*"
     "@types/responselike" "^1.0.0"
 
+"@types/canvas-confetti@^1.6.4":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@types/canvas-confetti/-/canvas-confetti-1.6.4.tgz#620fd8d78b335d6a4046c0f73236d6988b37552a"
+  integrity sha512-fNyZ/Fdw/Y92X0vv7B+BD6ysHL4xVU5dJcgzgxLdGbn8O3PezZNIJpml44lKM0nsGur+o/6+NZbZeNTt00U1uA==
+
 "@types/common-tags@^1.8.1":
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/@types/common-tags/-/common-tags-1.8.1.tgz#a5a49ca5ebbb58e0f8947f3ec98950c8970a68a9"
@@ -3194,7 +3199,6 @@ abortcontroller-polyfill@^1.1.9:
 
 "academicons@https://github.com/jpswalsh/academicons#v1.9.3":
   version "1.9.3"
-  uid "5f9c3363f68e8fcf364e6a376c4fb7fbf39aab7e"
   resolved "https://github.com/jpswalsh/academicons#5f9c3363f68e8fcf364e6a376c4fb7fbf39aab7e"
 
 accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
@@ -4068,6 +4072,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001482.tgz#8b3fad73dc35b2674a5c96df2d4f9f1c561435de"
   integrity sha512-F1ZInsg53cegyjroxLNW9DmrEQ1SuGRTO1QlpA0o2/6OpQ0gFeDRoq1yFmnr8Sakn9qwwt9DmbxHB6w167OSuQ==
 
+canvas-confetti@^1.9.3:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/canvas-confetti/-/canvas-confetti-1.9.3.tgz#ef4c857420ad8045ab4abe8547261c8cdf229845"
+  integrity sha512-rFfTURMvmVEX1gyXFgn5QMn81bYk70qa0HLzcIOSVEyl57n6o9ItHeBtUSWdvKAPY0xlvBHno4/v3QPrT83q9g==
+
 capital-case@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/capital-case/-/capital-case-1.0.4.tgz#9d130292353c9249f6b00fa5852bee38a717e669"