diff --git a/apps/next/public/images/party-popper-svgrepo-com.svg b/apps/next/public/images/party-popper-svgrepo-com.svg
new file mode 100644
index 00000000..2a4b3a9b
--- /dev/null
+++ b/apps/next/public/images/party-popper-svgrepo-com.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M122.7 23.32l1.7 21.87-16.7 14.25 21.4 5.17 8.4 20.25L149 66.18l21.8-1.75-14.2-16.71 5.1-21.32-20.3 8.35-18.7-11.43zM464 32a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16zM239.8 42.5a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16zm183.9 6.84c-9.2 1.74-17.7 7.18-25.9 14.28-7.6 6.53-14.7 14.66-20.7 23.45-18.8 3.01-37.6 10.67-50.2 21.13-16.1 13.2-30.4 35.8-38.2 59.1-7.4 3.1-14.4 6.8-20.1 10.8-15.5 10.9-23.5 31.8-29.4 50-5.9 18.3-8.8 34.3-8.8 34.3l17.8 3.2s2.7-15 8.1-31.9c5.5-16.9 14.8-35.3 22.7-40.8 1.3-.9 3-1.9 4.5-2.8-.6 5.7-.6 11.4.3 16.8 1.8 11.4 8 22.3 19 28.2 7.8 4.2 16.6 3.2 24 .2 7.4-3.1 14-8.2 19.7-14.2 5.7-6 10.4-13.1 13.2-20.6 2.8-7.5 3.8-16 .2-23.9h-.1c-3.9-8.4-11.4-13.8-19.4-16.1-8-2.3-16.6-2.2-25.2-.9-1.5.2-2.9.7-4.4 1 7.4-15.8 18-30.7 27.5-38.6 6.2-5.1 16.6-10 27.7-13.6-1.4 3.8-2.5 7.6-3 11.5-1.6 10.5.7 21.9 9.1 29.7 6.1 5.6 14.3 6.5 21.5 5.3 7.1-1.2 14-4.4 20.2-8.5 6.2-4.2 11.7-9.4 15.6-15.5 3.9-6.1 6.5-13.9 4-21.7v-.1c-3.3-10.07-11.5-16.99-20.6-20.27-3.9-1.4-8-2.19-12.2-2.66 2.9-3.26 5.9-6.31 8.9-8.92 6.8-5.84 13.7-9.5 17.6-10.23l-3.4-17.68zM174.8 84.39l-15.2 9.56 34.5 55.25-56.4 2.9 26.5 57.8 16.4-7.6-15.5-33.6 60.6-3.1-50.9-81.21zm216.4 19.31c6.1-.1 11.5.6 15.5 2.1 5.4 1.9 8.1 4.3 9.5 8.8.4 1.1.2 3.3-1.9 6.6-2.2 3.4-6.1 7.2-10.5 10.2-4.5 3-9.5 5.1-13.2 5.7-3.8.7-5.5 0-6.3-.7-3.5-3.2-4.5-7.2-3.5-13.9.8-5.4 3.3-11.9 7-18.6 1.2 0 2.3-.2 3.4-.2zM94.99 123a16 16 0 0 0-16 16 16 16 0 0 0 16 16A16 16 0 0 0 111 139a16 16 0 0 0-16.01-16zm356.11 37.2l-14.4 16.6-21.8-1.8 11.4 18.8-8.5 20.2 21.4-5 16.6 14.3 1.9-21.9 18.7-11.4-20.2-8.5-5.1-21.3zm-123.5 16.5c2.9.1 5.6.5 7.7 1.1 4.3 1.2 6.6 3 8.2 6.4.9 1.9 1 5.4-.7 10-1.7 4.7-5.2 10.1-9.4 14.6s-9.3 8.1-13.5 9.8c-4.2 1.7-6.8 1.6-8.5.7h-.1c-5.8-3.2-8.6-7.8-9.7-15.2-1-6.3-.3-14.3 1.8-22.9 4.9-1.7 9.8-3.1 14.5-3.8 3.5-.5 6.7-.7 9.7-.7zm-202.4 51.9c-7.2-.2-11.7 1.5-14.5 4.3-2.8 2.8-4.5 7.3-4.3 14.5.2 7.3 2.6 16.9 7.2 27.6 9.2 21.5 27.3 47.4 51.6 71.8 24.3 24.3 50.3 42.3 71.8 51.5 10.6 4.6 20.2 7 27.5 7.2 7.3.3 11.7-1.5 14.5-4.3 2.8-2.8 4.6-7.2 4.3-14.5-.2-7.3-2.6-16.9-7.2-27.6-9.2-21.4-27.2-47.4-51.5-71.7-24.3-24.4-50.3-42.4-71.8-51.6-10.7-4.6-20.3-7-27.6-7.2zm232 31.3l-33 54-29.1-27.9-12.4 13 45.1 43.3 33.8-55.2 38.7 32.3 89.3-38.2-7-16.6-79.3 34-46.1-38.7zM93.43 272.6l-17.64 57.9c41.41 49.1 89.71 76.7 142.11 94.7l21.6-6.6c-3.1-1.1-6.4-2.4-9.7-3.8-24.4-10.4-51.7-29.6-77.3-55.3-25.7-25.7-44.9-53-55.34-77.4-1.41-3.2-2.65-6.4-3.73-9.5zm-23.82 78.2l-14.01 46c28.89 27 59 39.2 90.6 50.2l43.4-13.2c-43.2-17.6-84-43.3-119.99-83zM368 352a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16zM49.81 415.9l-20.29 66.6 88.28-26.9c-22.77-9.1-45.78-20.7-67.99-39.7z"/></svg>
\ No newline at end of file
diff --git a/apps/next/public/images/party-popper.png b/apps/next/public/images/party-popper.png
new file mode 100644
index 00000000..28f63fd0
Binary files /dev/null and b/apps/next/public/images/party-popper.png differ
diff --git a/apps/next/public/images/party-popper2.png b/apps/next/public/images/party-popper2.png
new file mode 100644
index 00000000..c4414d7f
Binary files /dev/null and b/apps/next/public/images/party-popper2.png differ
diff --git a/apps/next/public/static/locales/en/common.json b/apps/next/public/static/locales/en/common.json
index 61d7e1b6..5c0b5d61 100644
--- a/apps/next/public/static/locales/en/common.json
+++ b/apps/next/public/static/locales/en/common.json
@@ -33,8 +33,8 @@
     "created_word": "Word created successfully."
   },
   "announcement": {
-    "description": "We have <span className='font-semibold'>amazing news,</span> just for you! Learn from our blog!",
-    "button": "See More"
+    "description": "We're launching soon on",
+    "button": "get notified"
   },
   "feedback": {
     "title": "Feedback",
diff --git a/apps/next/public/static/locales/tr/common.json b/apps/next/public/static/locales/tr/common.json
index 7a0316b0..e0840833 100644
--- a/apps/next/public/static/locales/tr/common.json
+++ b/apps/next/public/static/locales/tr/common.json
@@ -32,8 +32,8 @@
     "signin_success": "Giriş başarılı, anasayfaya yönlendiriliyorsunuz."
   },
   "announcement": {
-    "description": "Size özel <span className='font-semibold'>harika haberlerimiz</span> var! Blogumuzdan öğrenin!",
-    "button": "Daha Fazla Gör"
+    "description": "Yakında başlıyoruz",
+    "button": "haberdar ol"
   },
   "navbar": {
     "home": "Ana Sayfa",
diff --git a/apps/next/src/components/Layout/MainLayout/Banner/index.tsx b/apps/next/src/components/Layout/MainLayout/Banner/index.tsx
index 49e49921..031c106b 100644
--- a/apps/next/src/components/Layout/MainLayout/Banner/index.tsx
+++ b/apps/next/src/components/Layout/MainLayout/Banner/index.tsx
@@ -1,8 +1,9 @@
-import { useState } from "react";
-import { PartyPopper } from "lucide-react";
-import { useTranslation } from "next-i18next";
-
+import ProductHunt from "./product.hunt";
+import PartyPopper from "/public/images/party-popper.svg";
 import { Button } from "@wordigo/ui";
+import { useTranslation } from "next-i18next";
+import Image from "next/image";
+import { useState } from "react";
 
 const Banner = () => {
   const { t } = useTranslation();
@@ -14,19 +15,18 @@ const Banner = () => {
 
   return (
     isBannerOpen && (
-      <section className="w-full border-b py-3">
-        <div className="max-w-[90rem] max-lg:w-full px-20 max-md:px-4 flex items-center mx-auto justify-between">
-          <div className="flex items-center">
-            <div className="w-10 h-10 p-2.5 border rounded-[0.5rem] mr-4">
-              <PartyPopper className="w-5 h-5 animate-pulse" />
-            </div>
-            <p className="text-sm" dangerouslySetInnerHTML={{ __html: t("announcement.description") }}></p>
-          </div>
+      <section className="w-full border-b py-3 bg-[#FF6154] text-white">
+        <div className="max-w-[90rem] max-lg:w-full px-20 max-md:px-4 flex items-center mx-auto justify-center">
           <div className="flex items-center">
-            <Button variant="default">{t("announcement.button")}</Button>
-            {/* <Button variant="ghost" onClick={closeBanner}>
-                <X className="w-4 h-4" />
-              </Button> */}
+            <p className="text-sm font-semibold">
+              {t("announcement.description")}
+            </p>
+            <Button className="px-1.5 h-5 rounded-sm font-bold bg-white text-[#FF6154] mx-2">
+              Product Hunt
+            </Button>
+            <p className="text-sm font-semibold mr-2">
+              {t("announcement.button")}
+            </p>
           </div>
         </div>
       </section>
diff --git a/apps/next/src/components/Layout/MainLayout/Banner/product.hunt.tsx b/apps/next/src/components/Layout/MainLayout/Banner/product.hunt.tsx
new file mode 100644
index 00000000..4aa5cfe1
--- /dev/null
+++ b/apps/next/src/components/Layout/MainLayout/Banner/product.hunt.tsx
@@ -0,0 +1,27 @@
+import { useTheme } from "next-themes";
+import React from "react";
+
+export default function ProductHunt({ height, width }: any) {
+  const { theme, systemTheme } = useTheme();
+
+  const themes =
+    theme === "system" ? systemTheme : theme === "dark" ? "ligth" : "dark";
+
+  return (
+    <a
+      href="https://www.producthunt.com/products/devsozluk/reviews?utm_source=badge-product_review&utm_medium=badge&utm_souce=badge-devsozluk"
+      target="_blank"
+    >
+      <img
+        src={
+          "https://api.producthunt.com/widgets/embed-image/v1/product_review.svg?product_id=549647&theme=" +
+          themes
+        }
+        alt="DevS&#0246;zl&#0252;k - Open&#0032;source&#0032;social&#0032;platform&#0032;for&#0032;developers&#0046; | Product Hunt"
+        className="width: 250px; height: 54px;"
+        width={width}
+        height={height}
+      />
+    </a>
+  );
+}
diff --git a/apps/next/src/components/Layout/MainLayout/index.tsx b/apps/next/src/components/Layout/MainLayout/index.tsx
index 0014d3f7..ad1ab78c 100644
--- a/apps/next/src/components/Layout/MainLayout/index.tsx
+++ b/apps/next/src/components/Layout/MainLayout/index.tsx
@@ -1,7 +1,6 @@
-import { type PropsWithChildren } from "react";
-
 import Banner from "./Banner";
 import HomeHeader from "./Header";
+import { type PropsWithChildren } from "react";
 
 const MainLayout: React.FC<PropsWithChildren> = ({ children }) => {
   return (