updated meta tags

src/app/layout.tsx

@@ -10,11 +10,15 @@ import LayoutProviders from '@/app/providers';
 
 const lexend = Lexend({ subsets: ['latin'], weight: ['100', '400', '500', '700'] });
 
+const socialMediaTitle = 'Citizen Science in Environmental Compliance Assurance';
+const socialMediaImage = 'https://landgriffon.com/images/og/m4n.png';
+
+const description =
+  'Discover more4nature, a transformative project empowering citizens and communities to combat environmental degradation. Explore our case studies on zero pollution, biodiversity protection, and deforestation prevention. Learn how you can be part of the solution through collaborative Citizen Science Initiatives and Environmental Compliance Assurance.';
+
 export const metadata: Metadata = {
   title: 'more4nature',
-  description:
-    'We are on a mission to trigger transformative change in conservation efforts regarding zero pollution, biodiversity protection and deforestation prevention by strengthening the role of citizens and communities.',
-  manifest: '/site.webmanifest',
+  description,
   icons: [
     {
       rel: 'icon',
@@ -46,6 +50,22 @@ export const metadata: Metadata = {
       url: '/apple-touch-icon.png',
     },
   ],
+  openGraph: {
+    type: 'website',
+    title: 'Citizen Science in Environmental Compliance Assurance',
+    description,
+    url: 'https://more4nature.eu/',
+    // TODO: add images
+    images: [],
+  },
+  twitter: {
+    card: 'summary',
+    site: '@more4nature',
+    title: socialMediaTitle,
+    description,
+    // TODO: add images
+    images: [],
+  },
 };
 
 export default function RootLayout({ children }: Readonly<PropsWithChildren>) {