feat: Add basic seo meta tags (#6)

web/index.html

@@ -6,6 +6,28 @@
   <meta name="viewport"
     content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover" />
 
+  <meta name="title" content="EXIF Frame">
+  <meta name="description" content="Turn your images into beautifully framed masterpieces!">
+  <meta name="keywords" content="Photo, Image, Frame, Exif, Metadata">
+  <meta property="og:title" content="Frame Your Photos with EXIF Magic!">
+  <meta name="robots" content="index,nofollow">
+
+  <meta property="og:url" content="https://exif-frame.yuru.cam" />
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="EXIF Frame" />
+  <meta property="og:description" content="Turn your images into beautifully framed masterpieces!" />
+  <meta property="og:image" content="https://exif-frame.yuru.cam/example.jpg" />
+
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:title" content="EXIF Frame" />
+  <meta name="twitter:description" content="Turn your images into beautifully framed masterpieces!" />
+  <meta name="twitter:image" content="https://exif-frame.yuru.cam/example.jpg" />
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link

web/public/site.webmanifest

@@ -0,0 +1,11 @@
+{
+	"name": "EXIF Frame",
+	"short_name": "EXIF Frame",
+	"icons": [
+		{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+		{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
+}