feat: add favicon and logo icon, replace gradient square in navbar, fix company.repi.fun → vectry.tech

README.md

@@ -57,4 +57,4 @@ MIT
 
 ---
 
-Built by [Vectry](https://company.repi.fun) — Engineering AI into your workflow.
+Built by [Vectry](https://vectry.tech) — Engineering AI into your workflow.

apps/web/src/app/layout.tsx

@@ -22,6 +22,14 @@ export const metadata: Metadata = {
     "Paste a GitHub URL and get interactive onboarding documentation with architecture diagrams, module breakdowns, and getting started guides. Built by Vectry AI consultancy.",
   keywords: ["code analysis", "documentation", "github", "codebase", "AI", "developer tools"],
   authors: [{ name: "Vectry" }],
+  icons: {
+    icon: [
+      { url: "/favicon.ico", sizes: "any" },
+      { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+      { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
+    ],
+    apple: [{ url: "/apple-touch-icon.png", sizes: "180x180" }],
+  },
   openGraph: {
     title: "CodeBoard — Understand any codebase in 5 minutes",
     description:

apps/web/src/components/navbar.tsx

@@ -2,7 +2,8 @@
 
 import { useState } from "react";
 import Link from "next/link";
-import { Code2, Menu, X, Github } from "lucide-react";
+import Image from "next/image";
+import { Menu, X, Github } from "lucide-react";
 
 export function Navbar() {
   const [isOpen, setIsOpen] = useState(false);
@@ -18,9 +19,13 @@ export function Navbar() {
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex items-center justify-between h-16">
             <Link href="/" className="flex items-center gap-2 group">
-              <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center group-hover:shadow-lg group-hover:shadow-blue-500/25 transition-shadow">
+              <Image
-                <Code2 className="w-5 h-5 text-white" />
+                src="/logo-icon.png"
-              </div>
+                alt="CodeBoard"
+                width={32}
+                height={32}
+                className="rounded-lg group-hover:shadow-lg group-hover:shadow-blue-500/25 transition-shadow"
+              />
               <span className="text-lg font-semibold text-white">
                 CodeBoard
               </span>