diff --git a/website/src/App.tsx b/website/src/App.tsx
index 8d23325..d06c8fe 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -562,6 +562,15 @@ class App extends Component<RouteComponentProps, State> {
                     </>
                 }
             </div>
+            {!localStorage.getItem("clickedBulbul") && <Route path="/" exact>
+                <div className="text-center" style={{ marginTop: "5rem" }}>
+                    <a href="https://bulbulapp.com/kPJV" onClick={() => {
+                        localStorage.setItem("clickedBulbul", "true");
+                    }}>
+                        <button className="btn btn-secondary">Try Bulbul Pashto Audiobooks! 📚🦻</button>
+                    </a>
+                </div>
+            </Route>}
             <footer className={classNames(
                 "footer",
                 { "bg-white": !["/search", "/word"].includes(this.props.location.pathname) },