fix: clean up code and add canonical url

apps/web/src/app/metadata.ts

@@ -1,24 +1,15 @@
-import { Metadata } from "next";
+import type { Metadata } from "next";
-
+import { SITE_INFO, SITE_URL } from "@/constants/site";
-export const SITE_INFO = {
-  title: "OpenCut",
-  description:
-    "A simple but powerful video editor that gets the job done. In your browser.",
-  url: "https://opencut.app",
-  openGraphImage: "https://opencut.app/open-graph/default.jpg",
-  twitterImage: "/open-graph/default.jpg",
-  favicon: "/favicon.ico",
-};
 
 export const baseMetaData: Metadata = {
-  metadataBase: new URL("https://opencut.app"),
+  metadataBase: new URL(SITE_URL),
   title: SITE_INFO.title,
   description: SITE_INFO.description,
   openGraph: {
     title: SITE_INFO.title,
     description: SITE_INFO.description,
-    url: "https://opencut.app",
+    url: SITE_URL,
-    siteName: "OpenCut",
+    siteName: SITE_INFO.title,
     locale: "en_US",
     type: "website",
     images: [
@@ -26,7 +17,7 @@ export const baseMetaData: Metadata = {
         url: SITE_INFO.openGraphImage,
         width: 1200,
         height: 630,
-        alt: "OpenCut",
+        alt: "OpenCut Wordmark",
       },
     ],
   },

apps/web/src/app/page.tsx

@@ -1,6 +1,14 @@
 import { Hero } from "@/components/landing/hero";
 import { Header } from "@/components/header";
 import { Footer } from "@/components/footer";
+import type { Metadata } from "next";
+import { SITE_URL } from "@/constants/site";
+
+export const metadata: Metadata = {
+  alternates: {
+    canonical: SITE_URL,
+  },
+};
 
 export default async function Home() {
   return (

apps/web/src/constants/site.ts

@@ -1 +1,11 @@
-export const SITE_URL = "https://opencut.app";
+export const SITE_URL = "https://opencut.app";
+
+export const SITE_INFO = {
+    title: "OpenCut",
+    description:
+      "A simple but powerful video editor that gets the job done. In your browser.",
+    url: SITE_URL,
+    openGraphImage: "/open-graph/default.jpg",
+    twitterImage: "/open-graph/default.jpg",
+    favicon: "/favicon.ico",
+  };