diff --git a/public/assets/fonts/jetbrains.ttf b/public/assets/fonts/jetbrains.ttf
new file mode 100644
index 0000000..0b06e2c
Binary files /dev/null and b/public/assets/fonts/jetbrains.ttf differ
diff --git a/public/assets/fonts/jetbrains_italic.ttf b/public/assets/fonts/jetbrains_italic.ttf
new file mode 100644
index 0000000..a881f01
Binary files /dev/null and b/public/assets/fonts/jetbrains_italic.ttf differ
diff --git a/public/assets/fonts/vanguard.otf b/public/assets/fonts/vanguard.otf
new file mode 100644
index 0000000..5a5eae7
Binary files /dev/null and b/public/assets/fonts/vanguard.otf differ
diff --git a/public/assets/images/background.png b/public/assets/images/background.png
new file mode 100644
index 0000000..685fadc
Binary files /dev/null and b/public/assets/images/background.png differ
diff --git a/public/assets/images/do-sponsors.png b/public/assets/images/do-sponsors.png
deleted file mode 100644
index 9710516..0000000
Binary files a/public/assets/images/do-sponsors.png and /dev/null differ
diff --git a/public/assets/images/hacktoberfest-big.png b/public/assets/images/hacktoberfest-big.png
deleted file mode 100644
index 9b603fb..0000000
Binary files a/public/assets/images/hacktoberfest-big.png and /dev/null differ
diff --git a/public/assets/images/hacktoberfest-small.png b/public/assets/images/hacktoberfest-small.png
deleted file mode 100644
index f1247b1..0000000
Binary files a/public/assets/images/hacktoberfest-small.png and /dev/null differ
diff --git a/public/assets/images/hero.png b/public/assets/images/hero.png
new file mode 100644
index 0000000..23d9688
Binary files /dev/null and b/public/assets/images/hero.png differ
diff --git a/public/assets/images/partners.png b/public/assets/images/partners.png
deleted file mode 100644
index ced7291..0000000
Binary files a/public/assets/images/partners.png and /dev/null differ
diff --git a/public/assets/images/pwapilipinas.png b/public/assets/images/pwapilipinas.png
deleted file mode 100644
index da03398..0000000
Binary files a/public/assets/images/pwapilipinas.png and /dev/null differ
diff --git a/public/index.html b/public/index.html
index d47795d..34d0a06 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,194 +28,120 @@
     <meta property="og:type" content="website">
     <meta property="og:image" content="https://hacktoberfest.pwapilipinas.org/assets/cover.png">
     <style>
+      @font-face {
+        font-family: "vanguard";
+        src: url("assets/fonts/vanguard.otf")
+      }
+
+      @font-face {
+        font-family: "jetbrains_italic";
+        src: url("assets/fonts/jetbrains_italic.ttf")
+      }
+
+      @font-face {
+        font-family: "jetbrains";
+        src: url("assets/fonts/jetbrains.ttf")
+      }
+
       body {
-        font-family: Arial,Helvetica,sans-serif;
+        background-color: #191120;
+        background-image: url(/assets/images/background.png);
         margin: 0;
         padding: 0;        
-        --primary-color: #677662;
         word-break: break-word;
         overflow-x: hidden;
-        background-color: #F4F0E1;
-        color: #2B3531;
-        width: 100%;
-      }
+        color: white;
+        font-family: 'jetbrains', sans-serif;
 
-      nav {
-        width: 100%;
-        min-height: 100px;
-        position: fixed;
-        top: 0;
-        background: #677662;
-      }
-      nav > * {
         display: flex;
-        padding: 10px;    
-        justify-content: space-between;    
         align-items: center;
-      }
-
-      .container {
-        margin-top: 150px;
-        width: 100%;
-        padding-bottom: 200px;
-      }
-      .jumbotron {
         width: 100%;
-        display: flex;
-        align-items: center;
-        justify-items: center;
         flex-wrap: wrap;
-        text-align: center;
       }
 
-      .event-container {
-        padding: 20px;
+      h1, h2, h3, h4 {
+        font-family: 'vanguard', sans-serif !important;
       }
 
-      .event {
-        background: #B53A25;
-        color: white;
-        padding: 20px;
-        margin-bottom: 10px;
-        text-align: center;
-        display: block;
-        text-decoration: none;
+      .hero-image {
+        width: 40%;
       }
 
-      .event:first-child {
-        border-radius: 55px 0px 0px 0px;
-      }
-      .event:last-child {
-        border-radius: 0px 0px 55px 0px;
-      }
-
-      .openapp {
-        background-color: white;
-        padding: 15px;
-        border: 0;
-        border-radius: 12px;
-        font-size: 12pt;
-        cursor: pointer;
-        width: 100px;
-        text-align: center;
-        color: var(--primary-color);
-        text-decoration: none;
-        height: 20px;
-      }
-
-      .download_button {
-        text-decoration: none;
-        color: white;
-        font-size: 15pt;
-      }
-
-      .button_container {
+      .content {
         display: flex;
         align-items: center;
         justify-content: center;
-        flex-wrap: wrap;
-        padding: 10px;
-        text-align: center;
-        
-      }
-      .button_container > * {
         width: 100%;
-        margin-right: 10px;
-        margin-bottom: 10px;
-        background-color: var(--primary-color);
-        padding: 10px 50px;
-        border-radius: 15px;
+        margin-bottom: 200px;
+      }
+
+      .content-container {
+        max-width: 800px;
+        padding: 20px;
       }
     </style>
   </head>
   <body>
-    <nav class="header">
-      <div>
-        <img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hf-icon.6b4a329.svg" style="width: 80px;">
-      </div>
-    </nav>
-    <div class="container">
-      <div class="jumbotron">
-        <div style="width: 100%; justify-content: center; display: flex;">
-          <img src="https://hacktoberfest.digitalocean.com/_nuxt/img/logo-hacktoberfest-full2.aa1e9d9.svg" style="width: 80%; max-width: 500px;">
-        </div>
-        <div style="width: 100%">
-          <h1><b style="font-weight: bolder;">PWA Pilipinas</b><br>Hacktoberfest<br>Celebration</h1>
-        </div>
-      </div>
 
-      <div style="margin-left: 10%; margin-right: 10%;">
-        <p style="text-align: center; color: #2B3531; font-size: 14pt;">
-          Hacktoberfest is a month-long global celebration of open source software run by DigitalOcean in partnership with Intel, AppWrite, and DeepSource, with a strong focus on encouraging contributions to open source projects.
-          <br><br>
-          PWA Pilipinas Hacktoberfest Celebration is a series of events that will allow participants to learn about open source and new technologies like Progressive Web Apps.
-          With bootcamps to learn the basics of web and an introduction to Progressive Web Apps, one can make meaningful open source contributions.
-        </p>
+    <div>
+      <div style="display: flex; align-items: center; justify-content: center; width: 100%;">
+        <img src="/assets/images/hero.png" class="hero-image" />
+      </div>
+    </div>
 
-        <div class="button_container">
-          <a title="Register and Learn More" class="download_button" href="https://hacktoberfest.digitalocean.com">Visit Hacktoberfest DigitalOcean Site</a>
+    <div class="content">
+      <div class="content-container">
+        <div>
+          <p>
+            <a href="https://hacktoberfest.com" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              Hacktoberfest Site
+            </a>
+          </p>
         </div>
-
-        <div class="event-container">
-          <a class="event" href="https://pwapilipinas.org/event/sy4tPDQjcIc1Okl1Tav7" title="Hacktoberfest Celebration">
-            <h2>Hacktoberfest Celebration</h2>
-            <p>October 10 • 8 pm (GMT+8)</p>
-          </a>
-          <a class="event" href="https://pwapilipinas.org/event/fWv8oiE3uWMbFYckcPts" title="web.talks October Edition">
-            <h2>web.talks: October Edition</h2>
-            <p>October 12 • 8 pm (GMT + 8)</p>
-          </a>
-          <a class="event" href="https://zuitt.co/applicationform/event/2109-fcb-pwa/ " title="Zuitt Bootcamp">
-            <h2>
-              <span style="font-size: 13pt;">Zuitt x PWA Pilipinas</span><br>
-              Code with PWA: Foundational Web Coding for Beginners
-            </h2>
-            <p>October 16-17 • Limited Slots</p>
-          </a>
-          <a class="event" href="https://pwapilipinas.org/event/XOGespqRBj6p6UyY7niC" title="Intro to PWA">
-            <h2>
-              <span style="font-size: 13pt;">Stackleague x PWA Pilipinas</span><br>
-              Introduction to Progressive Web Apps
-            </h2>
-            <p>October 21 • 8 pm (GMT + 8)</p>
-          </a>
-          <a class="event" href="https://pwapilipinas.org/event/iS4uUw2HgL8rUTZawFEW" title="Celebration of Open Source">
-            <h2>Celebration of Open Source</h2>
-            <p>October 23 • 8 pm (GMT + 8)</p>
-          </a>
+        <div>
+          <h1 style="font-size: 50pt;">Open Source Projects</h1>
+          <p>
+            <a href="https://github.com/PWAPilipinas/hack-to-home-screen" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              Hack to Homescreen
+            </a>
+          </p>
+          <p>
+            <a href="https://github.com/PWAPilipinas/community-pledge" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              Community Pledge
+            </a>
+          </p> 
         </div>
 
-        <div class="button_container">
-          <a title="Download Swags" class="download_button" href="https://hacktoberfest.digitalocean.com/HF'21-Promo-Kit.zip" download>Download Swags</a>
-          <a title="Community Pledge" class="download_button" href="https://github.com/pwa-pilipinas/community-pledge">Community Pledge</a>
+        <div>
+          <h1 style="font-size: 50pt;">Related Communities</h1>
+          <p>
+            <a href="https://www.facebook.com/ossph.org" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              Open Source Software Philippines
+            </a>
+          </p>
+          <p>
+            <a href="https://www.facebook.com/groups/875676539148789" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              ReactJS Philippines
+            </a>
+          </p>
+          <p>
+            <a href="https://www.facebook.com/groups/DigitalOceanManila" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              Digital Ocean Manila
+            </a>
+          </p>
         </div>
 
-        <p style="text-align: center; color: #2B3531; font-size: 14pt;">
-          Sign up on the Hacktoberfest site at <a style="color: #2B3531" href="https://hacktoberfest.digitalocean.com">https://hacktoberfest.digitalocean.com</a>. To qualify for the official limited edition Hacktoberfest shirt, you must register and make four pull requests between October 1-31. Pull requests can be to any public repo on GitHub, not just the ones with issues labeled Hacktoberfest. If a maintainer reports your pull request as spam or spammy behavior, or not in line with the project’s code of conduct, you will be ineligible to participate.
-          <br><br>
-          Connect with other Hacktoberfest participants by using @DigitalOcean, @hacktoberfest, #hacktoberfest on your social media platform of choice.
-          <br><br>
-          New to DigitalOcean? Receive USD $100 in infrastructure credit at <a style="color: #2B3531" href="https://do.co/hacktoberfest100">https://do.co/hacktoberfest100</a>.
-          <br><br>
-          Hacktoberfest meetups are welcoming, open, and inclusive. All participants, speakers and volunteers are required to observe and follow the Code of Conduct that you can read by visiting <a href="https://pwapilipinas.org/code-of-conduct" style="color: #2B3531">https://pwapilipinas.org/code-of-conduct</a>. In addition, Please read the <a style="color: #2B3531" href="https://do.co/hacktoberconduct">Events Code of Conduct</a> before attending.
-          <br><br>
-          Visit <a style="color: #2B3531" href="https://pwapilipinas.org/privacy-policy/">https://pwapilipinas.org/privacy-policy/</a> for our privacy policy. For any data-privacy concerns, please send an e-mail to <a style="color: #2B3531" href="mailto:data-privacy@pwapilipinas.org">data-privacy@pwapilipinas.org</a>.    
-        </p>
-
-
-        <div style="text-align: center; margin-top: 100px">
-          <img src="assets/images/do-sponsors.png" style="width: 80%; max-width: 500px;"><br><br>
-          <div>
-            <h2 style="color: #2B3531;">Organized by</h2><br>
-            <img src="https://pwapilipinas.org/assets/images/logo_color.svg" width="10%">
-          </div>
-          <div>
-            <h2 style="color: #2B3531;">Community Partners</h2><br>
-            <img src="assets/images/partners.png" style="width: 80%;">
-          </div>
+        <div>
+          <h1 style="font-size: 50pt;">Events and Meetups</h1>
+          <p>
+            <a href="https://app.pwapilipinas.org/events" target="_blank" style="font-size: 30pt; color: white; text-decoration: none;">
+              PWA Pilipinas Event List
+            </a>
+          </p>
         </div>
-      </div>
 
+      </div>
     </div>
+
   </body>
 </html>
\ No newline at end of file