Branding

src/app/layout.tsx

@@ -16,8 +16,9 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Voxa | Chat. Connect. Collaborate.",
+  description:
+    "Voxa is a modern chat app built for speed, simplicity, and collaboration. Experience real-time messaging with powerful tools for teams and communities.",
 };
 
 export default async function RootLayout({

src/app/page.tsx

@@ -14,14 +14,13 @@ export default function LandingPage() {
     <div className="min-h-screen flex flex-col">
       {/* Header */}
       <header className="flex items-center justify-between px-8 py-6 border-b bg-background/60 backdrop-blur-md sticky top-0 z-50">
-        <motion.h1
+        <motion.img
           initial={{ opacity: 0, y: -10 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.5 }}
           className="text-2xl font-bold"
-        >
-          Voxa
-        </motion.h1>
+          src="/voxa.svg"
+        />
         <div className="flex gap-4">
           <Button variant="ghost" onClick={() => router.push("/login")}>
             Login