diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7fd2cd7..fe39007 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -463,6 +463,15 @@ export default function Home() {
             <div style={{ padding: '24px 16px 16px' }}>
               <h2 style={{ fontSize: '2.4rem', fontWeight: 'bold', color: '#0ea5e9', marginBottom: '16px', textAlign: 'center' }}>GitDXD</h2>
               <p style={{ fontSize: '1.8rem', color: '#0ea5e9', fontWeight: '500', textAlign: 'center' }}>Self-hosted Git Instance</p>
+              <div style={{ marginTop: '16px', marginBottom: '16px', borderRadius: '8px', overflow: 'hidden', border: '1px solid rgba(14, 165, 233, 0.4)', boxShadow: '0 0 30px rgba(14, 165, 233, 0.15)' }}>
+                <Image
+                  src="/gitdxd.webp"
+                  alt="GitDXD Preview"
+                  width={1280}
+                  height={720}
+                  style={{ width: '100%', height: 'auto', display: 'block' }}
+                />
+              </div>
               <div style={{ color: '#a3a3a3', marginTop: '12px', lineHeight: '1.6', textAlign: 'center' }}>
                 <p>My very own forgejo git instance, feel free to contact me if you wanna join but as of now I've made it exclusively private for me and my friends. Visit it at <span className="text-purple-500"><a href="https://git.dvorakmortonxd.dev">git.dvorakmortonxd.dev</a></span>.<span className="cursor-blink"></span></p>
               </div>