diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 021c24e..0cdb144 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -1,5 +1,38 @@
 import '@/app/ui/global.css';
 import { inter } from '@/app/ui/fonts';
+import { Metadata } from 'next';
+
+export const metadata:Metadata = {
+  alternates: {
+    canonical: 'https://rezije.app',
+    languages: {
+      'en': 'https://rezije.app/en/',
+      'hr': 'https://rezije.app/hr/',
+    }
+  },
+  openGraph: {
+    title: 'Režije',
+    description: 'Preuzmite kontrolu nad svojim režijama',
+    url: 'https://rezije.app',
+    siteName: 'Režije',
+    images: [
+      {
+        url: 'https://rezije.app/opengraph-image.png', // Must be an absolute URL
+        width: 432,
+        height: 466,
+        alt: "Režije - Preuzmite kontrolu nad svojim režijama"
+      },
+      {
+        url: 'https://rezije.app/icon6.png', // Must be an absolute URL
+        width: 256,
+        height: 256,
+        alt: "Režije - Preuzmite kontrolu nad svojim režijama"
+      },
+    ],
+    locale: 'hr',
+    type: 'website',
+  },
+}
 
 export default function RootLayout({
   children,
diff --git a/public/opengraph-image.png b/public/opengraph-image.png
new file mode 100644
index 0000000..e0c3d13
Binary files /dev/null and b/public/opengraph-image.png differ