Update homepage styling

Update background color to #000 and add H logo.

src/components/Navbar.tsx

@@ -6,7 +6,16 @@ const Navbar = () => {
   return (
     <nav className="fixed top-0 left-0 right-0 z-50 px-6 py-4 bg-background/80 backdrop-blur-lg">
       <div className="max-w-7xl mx-auto flex items-center justify-between">
-        <div className="text-2xl font-bold text-white">Hanzo</div>
+        <div className="flex items-center gap-2">
+          <svg
+            className="w-8 h-8 text-white"
+            viewBox="0 0 400 400"
+            fill="currentColor"
+          >
+            <path d="M100 50h75v75h-75zM225 50h75v75h-75zM100 275h75v75h-75zM225 275h75v75h-75zM137.5 125v150h125V125h-125z" />
+          </svg>
+          <span className="text-2xl font-bold text-white">Hanzo</span>
+        </div>
         <div className="hidden md:flex items-center space-x-8">
           <a href="https://docs.hanzo.ai" className="text-white/80 hover:text-white transition-colors">Docs</a>
           <a href="https://hanzo.ai/pricing" className="text-white/80 hover:text-white transition-colors">Pricing</a>

src/index.css

@@ -5,8 +5,8 @@
  
 @layer base {
   :root {
-    --background: 0 0% 100%;
-    --foreground: 20 14.3% 4.1%;
+    --background: 0 0% 0%;
+    --foreground: 0 0% 100%;
     --radius: 1.2rem;
   }
 }
@@ -16,7 +16,7 @@
     @apply border-border;
   }
   body {
-    @apply bg-background text-foreground antialiased;
+    @apply bg-black text-foreground antialiased;
   }
 }
 

tailwind.config.ts

@@ -1,3 +1,4 @@
+
 import type { Config } from "tailwindcss";
 
 export default {
@@ -22,7 +23,7 @@ export default {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
-        background: "#0F1115",
+        background: "#000000",
         foreground: "#FFFFFF",
         primary: {
           DEFAULT: "#141413",
@@ -72,4 +73,4 @@ export default {
     },
   },
   plugins: [require("tailwindcss-animate")],
-} satisfies Config;
+} satisfies Config;