Add animations in landing page

apps/web/package.json

@@ -13,6 +13,7 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@next/mdx": "^15.1.0",
+    "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.2",
     "@remixicon/react": "^4.5.0",

apps/web/src/app/layout.tsx

@@ -12,8 +12,52 @@ const racingSansOne = Racing_Sans_One({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  metadataBase: new URL("https://hyprnote.com"),
+  title: "Hyprnote ⚡️ - AI-Powered Meeting Notes",
+  description:
+    "Transform your meetings with Hyprnote's AI-driven note-taking. Seamlessly combine voice recordings and smart summaries for enhanced productivity.",
+  keywords: [
+    "AI note-taking",
+    "smart meeting summaries",
+    "voice-to-text transcription",
+    "automated meeting minutes",
+    "real-time collaborative notes",
+    "conference call recording",
+    "intelligent meeting insights",
+    "speech recognition for meetings",
+    "AI-powered action items",
+    "digital meeting assistant",
+    "remote team collaboration",
+    "meeting productivity tools",
+    "AI transcription service",
+    "business intelligence from meetings",
+  ],
+  openGraph: {
+    type: "website",
+    title: "Hyprnote ⚡️ - AI-Powered Meeting Notes",
+    description:
+      "Transform your meetings with Hyprnote's AI-driven note-taking. Seamlessly combine voice recordings and smart summaries for enhanced productivity.",
+    images: [
+      {
+        url: "/og-image.png",
+        width: 1200,
+        height: 630,
+        alt: "Hyprnote AI Note-taking",
+      },
+    ],
+    siteName: "Hyprnote",
+  },
+  twitter: {
+    card: "summary_large_image",
+    site: "@hyprnote",
+    title: "Hyprnote ⚡️ - AI-Powered Meeting Notes",
+    description:
+      "Transform your meetings with Hyprnote's AI-driven note-taking. Seamlessly combine voice recordings and smart summaries for enhanced productivity.",
+    images: ["/twitter-image.png"],
+  },
+  robots: "index, follow",
+  viewport: "width=device-width, initial-scale=1",
+  themeColor: "#4F46E5",
 };
 
 export default function RootLayout({

apps/web/src/app/privacy/page.mdx

@@ -4,7 +4,7 @@ Last Updated: December 16, 2024
 
 ## 1. Introduction
 
-This Privacy Policy explains how Hypr ("we," "our," or "us") collects, uses, and protects your information when you use our desktop application.
+This Privacy Policy explains how Hyprnote ("we," "our," or "us") collects, uses, and protects your information when you use our desktop application.
 
 ## 2. Information We Collect
 

apps/web/src/app/terms/page.mdx

@@ -4,11 +4,11 @@ Last Updated: December 16, 2024
 
 ## 1. Introduction
 
-Welcome to Hypr ("we," "our," or "us"). By using our application, you agree to these Terms of Service ("Terms"). Please read them carefully.
+Welcome to Hyprnote ("we," "our," or "us"). By using our application, you agree to these Terms of Service ("Terms"). Please read them carefully.
 
 ## 2. Service Description
 
-Hypr is a desktop application that provides:
+Hyprnote is a desktop application that provides:
 
 - Audio recording and transcription services
 - Note-taking capabilities
@@ -17,7 +17,7 @@ Hypr is a desktop application that provides:
 
 ## 3. User Requirements
 
-To use Hypr, you must:
+To use Hyprnote, you must:
 
 - Be running macOS
 - Grant necessary system permissions for audio recording and microphone access