From 7f91f28b375c30861d546a0f10d39c7f6b140545 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Mon, 2 Feb 2026 01:07:15 +0000
Subject: [PATCH] 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 | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9642c3d..024f594 100644
--- a/src/app/page.tsx
+++ b/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>