diff --git a/src/components/Hacktoberfest.js b/src/components/Hacktoberfest.js
index b9a1dab9..31854022 100644
--- a/src/components/Hacktoberfest.js
+++ b/src/components/Hacktoberfest.js
@@ -5,18 +5,15 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 export const Hacktoberfest = () => {
   return (
     <section className="mb-14 mt-1">
-      <h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl">
-        Keploy Hacktoberfest Guide
-      </h2>
       <img
         className="mt-8 "
-        src="https://raw.githubusercontent.com/Sonichigo/crdb_keploy/main/Simple%20Technology%20Blog%20Banner%20(1).png?raw=true"
-        alt={"hacktoberfest-2023"}
+        src="https://raw.githubusercontent.com/Sonichigo/crdb_keploy/refs/heads/main/hacktoberfest.png?raw=true"
+        alt={"hacktoberfest-2024"}
       />
       <div className="mt-10 grid grid-cols-1 gap-20 md:grid-cols-2">
         <a
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:orange] p-4 text-center shadow-lg"
-          href="https://github.com/keploy/keploy/issues?q=is%3Aissue+is%3Aopen+label%3Ahacktoberfest2023"
+          href="https://github.com/keploy/keploy/issues?q=is%3Aissue+is%3Aopen+label%3Ahacktoberfest2024"
         >
           <p className="text-lg font-semibold">Active Issues</p>
         </a>
diff --git a/src/components/QuickStart.js b/src/components/QuickStart.js
index de63666f..c9fabc23 100644
--- a/src/components/QuickStart.js
+++ b/src/components/QuickStart.js
@@ -1,7 +1,7 @@
 import React from "react";
 import Link from "@docusaurus/Link";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-
+import {Hacktoberfest} from "./Hacktoberfest";
 export const QuickStart = () => {
   return (
     <section className="mt-1">
@@ -30,6 +30,8 @@ export const QuickStart = () => {
       <h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl">
         Contribute through Hacktoberfest ✅
       </h2>
+      <Hacktoberfest />
+      {/* <p className="text-l mb-8 mt-4 max-w-4xl">
       <p className="text-l mb-8 mt-4 max-w-4xl">
         DigitalOcean's Hacktoberfest is a month-long celebration of open-source
         contributions. Everyone is welcome to participate, regardless of their
@@ -49,7 +51,8 @@ export const QuickStart = () => {
         <a href="https://opensource.guide/how-to-contribute">
           Learn How to Contribute?
         </a>
-      </p>
+      </p> */}
+      // </p>
 
       <h2 className="mt-8 text-2xl font-semibold tracking-wide md:text-3xl">
         Installation Guide 📗
diff --git a/src/pages/index.js b/src/pages/index.js
index ba654a28..7d9e3859 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,7 +1,7 @@
 import React from "react";
 import Layout from "@theme/Layout";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import {Community, KeployCloud, Resources, QuickStart} from "../components";
+import {Community, KeployCloud, Resources, QuickStart,Hacktoberfest} from "../components";
 import {GSoC} from "../components/GSoC";
 import {Intro} from "../components";
 export default function Home() {