Merge pull request #4 from spotlightify/update_metadata

Add metadata
spotlightify · Aug 19, 2024 · 2cc98ae · 2cc98ae
2 parents 8290b88 + e8ff57e
commit 2cc98ae
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -4,7 +4,6 @@ import type { Metadata } from "next";
 import "./globals.css";
 import { GeistSans } from 'geist/font/sans';
 import NavBar from "@/components/ui/navbar";
-import { useEffect, useState } from "react";
 
 export default function RootLayout({
   children,
@@ -15,7 +14,22 @@ export default function RootLayout({
     <html lang="en" className="h-auto w-full">
       <head>
         <title>Spotlightify</title>
+        <meta name="description" content="Spotlightify is a GUI based application designed to allow users to quickly interact with Spotify playback across Windows, Linux, and macOS. Created with simplicity and efficiency in mind, Spotlightify allows users to seamlessly control their music experience without having to navigate through Spotify's native interface." />
+        <meta name="keywords" content="Spotlightify, Spotify, Spotlight, Next.js, TypeScript, React, Wails, Golang" />
+        <meta name="author" content="Peter Murphy" />
+        <meta name="robots" content="index, follow" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="theme-color" content="#1DB954" />
+
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="Spotlightify - Seamless Spotify Control" />
+        <meta property="og:description" content="Spotlightify is a GUI application that simplifies Spotify playback control across multiple platforms." />
+        <meta property="og:image" content="https://github.com/spotlightify/spotlightify/blob/main/media/logo.svg" />
+        <meta property="og:url" content="https://spotlightify.github.io/" />
+        <meta property="og:site_name" content="Spotlightify" />
+        <meta property="og:locale" content="en_US" />
       </head>
+
       <body className={`${GeistSans.className} h-auto w-full overflow-auto flex flex-col items-center`}>
         <NavBar />
         <main style={{ backgroundColor: "#fefefe" }} className="max-w-4xl ml-4 mr-4 w-full mt-28 sm:mt-24 sm:mb-10 pb-10">