ADD UPDATE SCRIPT v0.23

resources/views/layouts/marketing.blade.php

@@ -5,9 +5,27 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>{{ $title ?? 'BloomFeed' }}</title>
-    <meta name="description" content="{{ __('app.meta_description') }}">
+    <meta name="description" content="{{ $description ?? __('app.meta_description') }}">
+    <link rel="canonical" href="{{ url()->current() }}">
     <link rel="icon" href="{{ asset('images/icon.png') }}">
     <link rel="apple-touch-icon" href="{{ asset('images/icon.png') }}">
+
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="BloomFeed">
+    <meta property="og:locale" content="{{ str_replace('-', '_', app()->getLocale()) }}">
+    <meta property="og:title" content="{{ $title ?? 'BloomFeed' }}">
+    <meta property="og:description" content="{{ $description ?? __('app.meta_description') }}">
+    <meta property="og:url" content="{{ url()->current() }}">
+    <meta property="og:image" content="{{ asset('images/logo.png') }}">
+    <meta property="og:image:width" content="1917">
+    <meta property="og:image:height" content="544">
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{{ $title ?? 'BloomFeed' }}">
+    <meta name="twitter:description" content="{{ $description ?? __('app.meta_description') }}">
+    <meta name="twitter:image" content="{{ asset('images/logo.png') }}">
+
+    @stack('structured-data')
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
@@ -27,7 +45,12 @@
             <img src="{{ asset('images/logo.png') }}" alt="BloomFeed" class="brand-logo brand-logo-light">
             <img src="{{ asset('images/logo-dark.png') }}" alt="BloomFeed" class="brand-logo brand-logo-dark">
         </a>
-        <div class="navbar-links">
+        <button type="button" class="navbar-toggle" data-navbar-toggle aria-expanded="false" aria-controls="navbarLinks" title="{{ __('app.nav_menu') }}">
+            <span class="navbar-toggle-bar"></span>
+            <span class="navbar-toggle-bar"></span>
+            <span class="navbar-toggle-bar"></span>
+        </button>
+        <div class="navbar-links" id="navbarLinks">
             <a href="{{ route('self-hosting') }}" class="nav-self-hosting {{ request()->routeIs('self-hosting') ? 'active' : '' }}">{{ __('app.self_hosting') }}</a>
             @include('partials.locale-selector')
             <button type="button" class="theme-toggle" data-theme-toggle title="{{ __('app.change_theme') }}">◐</button>
@@ -49,6 +72,7 @@
     </footer>
 
     <script src="{{ asset('js/theme-toggle.js') }}" defer></script>
+    <script src="{{ asset('js/navbar-toggle.js') }}" defer></script>
     <script src="{{ asset('js/scroll-reveal.js') }}" defer></script>
 </body>
 </html>