feat: add Hero section, fix logo with Caveat font + brush stroke SVG

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/components/Navbar.tsx

@@ -13,17 +13,28 @@ export function Navbar() {
       <div className="w-full flex items-center justify-between gap-8">
 
         {/* Logo */}
-        <Link href="/" className="flex flex-col gap-0.5 shrink-0">
-          <span className="relative inline-block px-2 py-0.5">
+        <Link href="/" className="flex flex-col gap-1 shrink-0">
+          <span className="relative inline-block">
+            {/* Brush stroke SVG background */}
+            <svg
+              className="absolute inset-0 w-full h-full"
+              viewBox="0 0 180 36"
+              preserveAspectRatio="none"
+              aria-hidden="true"
+            >
+              <path
+                d="M4,8 C20,2 60,0 100,3 C130,5 165,4 176,9 C180,14 178,22 172,27 C155,34 110,36 70,35 C35,34 5,32 2,26 C-1,20 2,12 4,8 Z"
+                fill="#f5c518"
+              />
+            </svg>
             <span
-              className="absolute inset-0 rounded-sm -skew-x-2"
-              style={{ background: "#f5c518", opacity: 0.85 }}
-            />
-            <span className="relative font-bold text-[1.375rem] text-[#1a1a1a] leading-tight tracking-tight italic">
+              className="relative text-[1.5rem] font-bold text-[#1a1a1a] leading-none px-3 py-1.5 block"
+              style={{ fontFamily: "var(--font-caveat)" }}
+            >
               einfach produktiv
             </span>
           </span>
-          <span className="text-[0.5rem] uppercase tracking-[0.15em] text-[#6b6b6b] pl-2">
+          <span className="text-[0.5rem] uppercase tracking-[0.12em] text-[#6b6b6b] pl-1">
             Weil du auch noch ein Leben hast
           </span>
         </Link>