feat: add Open Graph and Twitter meta tags for improved social sharing

resources/views/app.blade.php

@@ -28,6 +28,21 @@
         <link rel="preconnect" href="https://fonts.bunny.net">
         <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
 
+        @php
+            $appName = config('app.name');
+            $ogTitle = $appName;
+            $ogDescription = $appName . ' - Progressive Web App';
+            $ogImage = asset('assets/logo.png');
+        @endphp
+
+        <meta property="og:title" content="{{ $ogTitle }}" />
+        <meta property="og:description" content="{{ $ogDescription }}" />
+        <meta property="og:url" content="{{ url()->current() }}" />
+        <meta property="og:type" content="website" />
+        <meta property="og:site_name" content="{{ $appName }}" />
+        <meta property="og:image" content="{{ url($ogImage) }}" />
+        <meta name="twitter:card" content="summary_large_image" />
+
         @vite(['resources/css/app.css', 'resources/js/app.ts', "resources/js/pages/{$page['component']}.vue"])
         <x-inertia::head>
             <title>{{ config('app.name', 'Laravel') }}</title>