diff --git a/app/page.tsx b/app/page.tsx
index 237f4a5..da3624e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -116,7 +116,7 @@ export default function Home() {
                 width={1280}
                 height={720}
                 alt="FakeTube"
-                className="rounded-t-sm object-cover aspect-auto"
+                className="rounded-t-sm object-cover aspect-video"
               />
               <div className="p-4">
                 <p className="font-bold text-xl">FakeTube</p>
@@ -132,6 +132,29 @@ export default function Home() {
                 </div>
               </div>
             </Card>
+
+            <Card className="p-0">
+            <img
+                src="/images/projekty/hophub.png"
+                width={1280}
+                height={720}
+                alt="HopHub"
+                className="rounded-t-sm object-cover aspect-video"
+              />
+              <div className="p-4">
+                <p className="font-bold text-xl">HopHub</p>
+                <p>Rozšíření pro internetový prohlížeč</p>
+                <div className="mt-4 gap-3">
+                  <Link
+                    href="/projekty/hophub"
+                    className="w-full transition-all justify-center duration-200 inline-flex items-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-white shadow-md shadow-primary hover:bg-primary/80 hover:shadow-none"
+                    prefetch={false}
+                  >
+                    Zobrazit detaily
+                  </Link>
+                </div>
+              </div>
+            </Card>
           </div>
         </div>
       </section>
diff --git a/app/projekty/page.tsx b/app/projekty/page.tsx
index bb5a7f3..ccd095b 100644
--- a/app/projekty/page.tsx
+++ b/app/projekty/page.tsx
@@ -40,6 +40,12 @@ const projects = [
     technologies: ["HTML5", "CSS3", "JavaScript", "PHP", "Git"],
     slug: "bresskamp",
   },
+  {
+    title: "HopHub",
+    description: "Rozšíření pro internetový prohlížeč",
+    technologies: ["HTML5", "CSS3", "Sass", "JavaScript"],
+    slug: "hophub",
+  }
 ];
 
 const technologies = [
diff --git a/projekty/hophub.md b/projekty/hophub.md
new file mode 100644
index 0000000..c89207a
--- /dev/null
+++ b/projekty/hophub.md
@@ -0,0 +1,15 @@
+---
+title: "Hophub"
+description: "Rozšíření pro internetový prohlížeč"
+previewImage: "/images/projekty/hophub.png"
+created: "31. července 2024"
+status: "<span style=\"color: #38b000;\">aktivní</span>"
+licence: "Apache License 2.0"
+---
+HopHub je **ÚŽASNÉ** rozšíření, které stylizuje vzhled webu GitHub tak, aby vypadala jako vaše oblíbená stránka pro dospělé.
+
+## Odkazy
+
+- [Firefox Browser Addons](https://addons.mozilla.org/cs/firefox/addon/hophub/ "Získat rozšíření pro Firefox")
+- [Microsoft Edge Addons](https://microsoftedge.microsoft.com/addons/detail/hophub/edpjnndhdgmlleeingbaifmpjklccjhc "Získat rozšíření pro Microsoft Edge")
+- [Chrome Web Store](https://chromewebstore.google.com/detail/hophub/nplomgcjnakhdhpohiffjcgfgkfilfol "Získat rozšíření pro Chrome")
\ No newline at end of file
diff --git a/public/images/projekty/hophub.png b/public/images/projekty/hophub.png
new file mode 100644
index 0000000..177424a
Binary files /dev/null and b/public/images/projekty/hophub.png differ