Update

config/seotools.php

@@ -3,12 +3,13 @@
 /**
  * @see https://github.com/artesaos/seotools
  */
-$title = 'MEMEFAST';
+
-$description = 'Simple, fast, and free meme video editor
+
-';
+$title = 'MEMEFAST: Make meme in seconds';
+$description = 'Simple & fast meme video editor';
 
 return [
-    'inertia' => env('SEO_TOOLS_INERTIA', true),
+    'inertia' => env('SEO_TOOLS_INERTIA', false),
     'meta' => [
         /*
          * The default configurations to be used by the meta generator.
@@ -46,7 +47,9 @@
             'url' => false, // Set null for using Url::current(), set false to total remove
             'type' => false,
             'site_name' => false,
-            'images' => [],
+            'images' => [
+                'memefast-og.jpg',
+            ],
         ],
     ],
     'twitter' => [
@@ -54,8 +57,13 @@
          * The default values to be used by the twitter cards generator.
          */
         'defaults' => [
-            // 'card'        => 'summary',
+            'card'        => 'summary',
-            // 'site'        => '@LuizVinicius73',
+            'site'        => '@memefast',
+            'title'       => $title,
+            'description' => $description,
+            'image'       => 'memefast-og.jpg',
+            //'creator'     => '@memefast',
+            //'url'         => , // Set null for using Url::current(), set false to total remove
         ],
     ],
     'json-ld' => [
@@ -65,9 +73,11 @@
         'defaults' => [
             'title' => $title,
             'description' => $description,
-            'url' => false, // Set to null or 'full' to use Url::full(), set to 'current' to use Url::current(), set false to total remove
+            'url' => null, // Set to null or 'full' to use Url::full(), set to 'current' to use Url::current(), set false to total remove
             'type' => 'WebPage',
-            'images' => [],
+            'images' => [
+                'memefast-og.jpg',
+            ],
         ],
     ],
 ];

public/site.webmanifest

@@ -3,12 +3,12 @@
     "short_name": "MF",
     "icons": [
         {
-            "src": "/logo/memefast-logo-light-192.png",
+            "src": "/logo/memefast-logo-192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/logo/memefast-logo-light-512.png",
+            "src": "/logo/memefast-logo-512.png",
             "sizes": "512x512",
             "type": "image/png"
         }

resources/js/app.tsx

@@ -14,7 +14,6 @@ import { MittProvider } from './plugins/MittContext';
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
 createInertiaApp({
-    title: (title) => `${title} - ${appName}`,
     resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
     setup({ el, App, props }) {
         const root = createRoot(el);

resources/js/modules/editor/partials/editor-header.jsx

@@ -13,10 +13,12 @@ const EditorHeader = ({ className = '', onNavClick = () => {}, isNavActive = fal
 
     return (
         <div className={cn('flex w-full items-center justify-center', className)}>
-            <h1 className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
+            <img alt="MEMEFA.ST LOGO" className="h-10 w-10" src="logo/memefast-logo-144.png"></img>
+
+            <div className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
                 <span className="text-foreground">MEME</span>
-                <span className="text-muted-foreground">FAST</span>
+                <span className="text-[#00DD00] dark:text-[#00FF00]">FAST</span>
-            </h1>
+            </div>
         </div>
         // <div className={cn('flex w-full items-center justify-between rounded-xl bg-white p-2 shadow-sm dark:bg-neutral-800', className)}>
         //     <Button onClick={onNavClick} variant="outline" size="icon" className="invisible rounded">

resources/js/pages/home/partials/Features.jsx

@@ -11,7 +11,7 @@ const Features = () => {
         },
         {
             icon: Heart,
-            title: 'Built-in over 200+ memes, for now',
+            title: 'Built-in meme & backgrounds',
             description: 'Access meme and background with our editor without paying a cent.',
             gradient: 'bg-gradient-to-br from-transparent to-pink-500/5 dark:to-pink-400/10 hover:bg-gradient-to-tl',
             order: 1,

resources/js/pages/home/partials/Hero.jsx

@@ -15,10 +15,13 @@ const Hero = () => {
 
                     {/* Main heading */}
                     <div className="space-y-0">
-                        <h1 className="font-display text-6xl font-black tracking-tight sm:text-7xl lg:text-8xl">
+                        <div className="flex items-center justify-center gap-2">
-                            <span className="text-foreground">MEME</span>
+                            <img alt="MEMEFA.ST LOGO" className="h-24 w-24" src="logo/memefast-logo-180.png"></img>
-                            <span className="text-muted-foreground">FAST</span>
+                            <h1 className="font-display text-6xl font-black tracking-tight sm:text-7xl lg:text-8xl">
-                        </h1>
+                                <span className="text-foreground">MEME</span>
+                                <span className="text-[#00DD00] dark:text-[#00FF00]">FAST</span>
+                            </h1>
+                        </div>
 
                         <h2 className="text-muted-foreground mx-auto max-w-4xl text-xl leading-relaxed font-light sm:text-2xl lg:text-3xl">
                             Fast and simple meme video editor
@@ -37,7 +40,7 @@ const Hero = () => {
                                 className="text-foreground text-3xl font-bold sm:text-4xl"
                                 postFix=""
                             />{' '}
-                            <div className="text-muted-foreground text-sm">Meme Templates</div>
+                            <div className="text-muted-foreground text-sm">Memes</div>
                         </div>
                         <div className="text-center">
                             <CountUp

resources/views/app.blade.php

@@ -43,12 +43,11 @@
     @routes
     @viteReactRefresh
     @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"])
-    {{-- @inertiaHead --}}
 
-    {{-- <link rel="canonical" href="{{ canonical() }}"> --}}
+    <link rel="canonical" href="{{ request()->url() }}">
 
-    <link rel="icon" href="{{ asset('logo/memefast-logo-light-144.png') }}" type="image/png">
+    <link alt="MEMEFA.ST LOGO" rel="icon" href="{{ asset('logo/memefast-logo-144.png') }}" type="image/png">
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('logo/memefast-logo-light-180.png') }}">
+    <link alt="MEMEFA.ST LOGO" rel="apple-touch-icon" sizes="180x180" href="{{ asset('logo/memefast-logo-180.png') }}">
     <link rel="manifest" href="{{ asset('site.webmanifest') }}">
 </head>