feat: complete NutriScan redesign

public/images/CMJN-ICON_WHITE_BG_OFF.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 244.92 244.92"><defs><style>.b{fill:none;}.c{fill:#00652d;}.d{fill:#fff;}.e{fill:#f39200;}.f{fill:#8f3d15;}.g{fill:#1d1d1b;}.h{fill:#289b38;}</style></defs><rect class="b" y="-.1" width="244.92" height="244.92"/><g><g><path class="e" d="M61.62,122.32c0-33.82,27.41-61.23,61.23-61.23s61.23,27.41,61.23,61.23H61.62Z"/><path class="d" d="M168.55,122.32c0,25.24-20.46,45.71-45.71,45.71-25.24,0-45.71-20.46-45.71-45.71h91.42Z"/><circle class="f" cx="143.58" cy="82.78" r="3.37"/><circle class="f" cx="159.98" cy="97.84" r="3.37"/><circle class="f" cx="141.43" cy="101.52" r="3.37"/></g><path class="g" d="M93.15,175.84l-10.88,25.97,14.32,6,10.97-26.19c4.89,1.26,10.01,1.93,15.29,1.93,33.76,0,61.23-27.47,61.23-61.23h-15.52c0,25.2-20.5,45.71-45.71,45.71s-45.71-20.5-45.71-45.71h-15.52c0,22.99,12.74,43.05,31.53,53.52Z"/><path class="c" d="M148.17,30.34c-12.04,0-22.5,6.71-27.88,16.59,4.14,3.86,7.27,8.79,8.89,14.38,14.01-3.14,24.53-15.53,24.77-30.43-1.87-.35-3.8-.53-5.78-.53Z"/><path class="h" d="M98.68,38.42c-2.38,0-4.7,.27-6.94,.77,3.83,13.23,16.03,22.91,30.5,22.91,2.38,0,4.7-.27,6.94-.77-3.83-13.23-16.03-22.91-30.5-22.91Z"/></g></svg>

public/images/logo-gemini.svg

@@ -0,0 +1,114 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 160" width="480" height="160">
+  <defs>
+    <!-- Warm neutral background -->
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&amp;family=DM+Sans:wght@400;500&amp;display=swap');
+    </style>
+
+    <!-- Leaf gradient: warm green accent -->
+    <linearGradient id="leafGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#3a7d44"/>
+      <stop offset="100%" stop-color="#4d9e5a"/>
+    </linearGradient>
+
+    <!-- Subtle inner shadow filter -->
+    <filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
+      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#2a5c30" flood-opacity="0.18"/>
+    </filter>
+
+    <!-- Scan line clip -->
+    <clipPath id="iconClip">
+      <rect x="0" y="0" width="140" height="160" rx="0"/>
+    </clipPath>
+  </defs>
+
+  <!-- ══════════════════════════════════════════════ -->
+  <!--  ICON MARK  (left side, 140×160 canvas)       -->
+  <!-- ══════════════════════════════════════════════ -->
+
+  <!-- Outer rounded badge — warm cream -->
+  <rect x="12" y="16" width="112" height="128" rx="22" ry="22"
+        fill="#f9f6f0" stroke="#e8e2d9" stroke-width="1.5"/>
+
+  <!-- Inner food-scan arc (half-circle top — green) -->
+  <!-- Represents a stylised leaf / scan arc -->
+  <path d="M 38 88
+             A 30 30 0 0 1 98 88"
+        fill="none"
+        stroke="url(#leafGrad)"
+        stroke-width="4.5"
+        stroke-linecap="round"/>
+
+  <!-- Stem of leaf -->
+  <line x1="68" y1="88" x2="68" y2="108"
+        stroke="#3a7d44" stroke-width="4" stroke-linecap="round"/>
+
+  <!-- Left leaf blade -->
+  <path d="M 68 100 Q 52 92 54 78 Q 62 86 68 96"
+        fill="#3a7d44" opacity="0.85"/>
+
+  <!-- Right leaf blade -->
+  <path d="M 68 100 Q 84 92 82 78 Q 74 86 68 96"
+        fill="#4d9e5a" opacity="0.85"/>
+
+  <!-- Nutri-Score bar — 5 blocks A-E -->
+  <!-- Block A (green) -->
+  <rect x="22" y="118" width="16" height="9" rx="2" fill="#3a7d44"/>
+  <!-- Block B (light green) -->
+  <rect x="40" y="118" width="16" height="9" rx="2" fill="#7cb97e"/>
+  <!-- Block C (amber, highlighted = current score) -->
+  <rect x="58" y="115" width="18" height="13" rx="3" fill="#f0a500"
+        filter="url(#softShadow)"/>
+  <!-- Block D (orange) -->
+  <rect x="78" y="118" width="16" height="9" rx="2" fill="#d4956a"/>
+  <!-- Block E (red) -->
+  <rect x="96" y="118" width="16" height="9" rx="2" fill="#c05a3a"/>
+
+  <!-- Score letter on C block -->
+  <text x="67" y="126" text-anchor="middle"
+        font-family="'DM Serif Display', Georgia, serif"
+        font-size="9" font-weight="bold" fill="#fff" letter-spacing="0">C</text>
+
+  <!-- Scan lines (editorial feel) — light horizontal rules -->
+  <line x1="28" y1="48" x2="108" y2="48"
+        stroke="#e0dbd2" stroke-width="1" stroke-dasharray="3 4"/>
+  <line x1="28" y1="56" x2="108" y2="56"
+        stroke="#e0dbd2" stroke-width="1" stroke-dasharray="3 4"/>
+  <line x1="28" y1="64" x2="80"  y2="64"
+        stroke="#e0dbd2" stroke-width="1" stroke-dasharray="3 4"/>
+
+  <!-- Tiny barcode lines (bottom-left of icon, very subtle) -->
+  <g opacity="0.25">
+    <line x1="28" y1="38" x2="28" y2="44" stroke="#5a7a5e" stroke-width="1.5"/>
+    <line x1="31" y1="38" x2="31" y2="44" stroke="#5a7a5e" stroke-width="1"/>
+    <line x1="33" y1="38" x2="33" y2="44" stroke="#5a7a5e" stroke-width="2"/>
+    <line x1="36" y1="38" x2="36" y2="44" stroke="#5a7a5e" stroke-width="1"/>
+    <line x1="38" y1="38" x2="38" y2="44" stroke="#5a7a5e" stroke-width="1.5"/>
+    <line x1="41" y1="38" x2="41" y2="44" stroke="#5a7a5e" stroke-width="1"/>
+  </g>
+
+  <!-- ══════════════════════════════════════════════ -->
+  <!--  WORDMARK  (right side)                       -->
+  <!-- ══════════════════════════════════════════════ -->
+
+  <!-- "Nutri" — DM Serif Display, dark charcoal -->
+  <text x="150" y="90"
+        font-family="'DM Serif Display', Georgia, 'Times New Roman', serif"
+        font-size="52" fill="#1e2820" letter-spacing="-1">Nutri</text>
+
+  <!-- "Scan" — DM Serif Display, green accent -->
+  <text x="150" y="90"
+        font-family="'DM Serif Display', Georgia, 'Times New Roman', serif"
+        font-size="52" fill="oklch(52% 0.11 155)" letter-spacing="-1"
+        dx="164">Scan</text>
+
+  <!-- Tagline -->
+  <text x="152" y="112"
+        font-family="'DM Sans', 'Segoe UI', Arial, sans-serif"
+        font-size="13.5" fill="#8a8278" letter-spacing="3.5"
+        font-weight="500">KNOW WHAT YOU EAT</text>
+
+  <!-- Thin divider line between icon and wordmark -->
+  <line x1="140" y1="28" x2="140" y2="134"
+        stroke="#ddd8d0" stroke-width="1"/>
+</svg>