Use WhyRating brand logo and tagline in header

- Replace gradient star icon with actual WhyRating logo SVG
- Update title to show 'whyrating.com' with accent color
- Change subtitle to tagline: 'The story behind your stars'

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/app/page.tsx

@@ -28,15 +28,38 @@ export default function Home() {
         <div className="max-w-4xl mx-auto px-4 sm:px-6">
           <div className="py-4 flex items-center justify-between">
             <div className="flex items-center gap-3">
-              <div className="w-10 h-10 flex items-center justify-center rounded-xl bg-gradient-to-br from-amber-500 to-orange-600">
-                <Icon name="star" size={20} className="text-white" />
-              </div>
+              {/* WhyRating Logo Icon */}
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="44" height="44">
+                <defs>
+                  <clipPath id="lens-clip">
+                    <circle cx="60" cy="62" r="21"/>
+                  </clipPath>
+                </defs>
+                <polygon
+                  points="60,15 71.5,42 101,46 79.5,66 85,95 60,82 35,95 40.5,66 19,46 48.5,42"
+                  fill="#FBBC05"
+                  stroke="#FBBC05"
+                  strokeWidth="6"
+                  strokeLinejoin="round"
+                />
+                <g>
+                  <circle cx="60" cy="62" r="27" fill="#1E293B"/>
+                  <line x1="83" y1="81" x2="95" y2="91" stroke="#1E293B" strokeWidth="9" strokeLinecap="round"/>
+                  <circle cx="60" cy="62" r="21" fill="#FEF3C7"/>
+                  <rect x="68" y="44" width="11" height="18" rx="1.5" fill="#15803D"/>
+                  <g clipPath="url(#lens-clip)">
+                    <rect x="42" y="58" width="11" height="35" rx="1.5" fill="#86EFAC"/>
+                    <rect x="55" y="51" width="11" height="42" rx="1.5" fill="#22C55E"/>
+                    <rect x="68" y="44" width="11" height="49" rx="1.5" fill="#15803D"/>
+                  </g>
+                </g>
+              </svg>
               <div>
                 <h1 className="font-bold text-xl text-slate-900 dark:text-stone-100">
-                  WhyRating
+                  whyrating<span className="text-amber-500">.com</span>
                 </h1>
                 <p className="text-xs text-slate-500 dark:text-stone-500">
-                  Project Hub
+                  The story behind your stars
                 </p>
               </div>
             </div>