add favicon

src/app/communities/page.tsx

@@ -31,7 +31,7 @@ export default function CommunitiesPage() {
             { t: 'Lifestyle', d: 'Enjoy the privilege of upmarket shopping.', cat: 'Fashion & Shopping' },
             { t: 'Join the #1 Neighbourhood app', d: 'Its just a Click – For All your needs in your neighbourhood.', cat: 'Fun Things' },
             { t: 'Amazingly Fresh', d: 'Get your fruits, vegetables and daily essentials instantly.', cat: 'Drinks & Summer' },
-            { t: 'Restaurants, Take aways', d: 'You choose your best all within your reach.', cat: 'Nearle' },
+            { t: 'Restaurants, Take aways', d: 'You choose your best all within your reach.', cat: 'Food' },
             { t: 'Never Before Experience', d: 'Customized services for neighbourhood.', cat: 'Tips' },
             { t: 'Home Services @ your convenience', d: 'Home services at your convenience - Like never experienced before.', cat: 'Friends' },
           ].map((item) => (

src/app/icon.svg

@@ -0,0 +1,72 @@
+<svg
+  width="32"
+  height="32"
+  viewBox="0 0 100 100"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  {/* Outer Ring */}
+  <circle
+    cx="50"
+    cy="50"
+    r="44"
+    stroke="#683285"
+    strokeWidth="6.5"
+    fill="white"
+  />
+
+  {/* Back Handle Arch */}
+  <path
+    d="M 33 51 L 33 42 C 33 8, 62 8, 62 42 L 62 51"
+    stroke="#683285"
+    strokeWidth="3.2"
+    strokeLinecap="round"
+    fill="none"
+  />
+
+  {/* Main N Bag Body */}
+  <path
+    d="M 24 81 L 24 42 L 38 42 L 54 71 L 54 42 L 68 42 L 68 81 L 54 81 L 38 52 L 38 81 Z"
+    fill="#683285"
+  />
+
+  {/* 3D Side Face of Right Bag */}
+  <path
+    d="M 68 42 L 72 46.5 L 76 44 L 76 82.5 L 68 81 Z"
+    fill="#683285"
+  />
+
+  {/* Front Handle Arch */}
+  <path
+    d="M 30 51 L 30 42 C 30 12, 59 12, 59 42 L 59 51"
+    stroke="#683285"
+    strokeWidth="3.2"
+    strokeLinecap="round"
+    fill="none"
+  />
+
+  {/* Negative Space lines for Creases and Separators */}
+  {/* Separator between Right Leg Front and Side */}
+  <line
+    x1="68"
+    y1="42"
+    x2="68"
+    y2="81"
+    stroke="white"
+    strokeWidth="1.8"
+  />
+
+  {/* Crease fold on the 3D Side */}
+  <path
+    d="M 72 46.5 L 72 81.5"
+    stroke="white"
+    strokeWidth="1.8"
+    strokeLinecap="round"
+  />
+
+  {/* Handle holes/grommets */}
+  <circle cx="30" cy="51" r="1.4" fill="white" />
+  <circle cx="33" cy="51" r="1.4" fill="white" />
+  <circle cx="59" cy="51" r="1.4" fill="white" />
+  <circle cx="62" cy="51" r="1.4" fill="white" />
+</svg>

src/components/layout/Footer.tsx

@@ -22,8 +22,8 @@ export function Footer() {
       <div className="max-w-7xl mx-auto px-5 sm:px-8 pt-16 pb-10 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10">
         <div>
           <div className="flex items-center gap-2">
-            <NearleLogo size={36} fill="#1f2937" stroke="#E7D3EF" />
+            <NearleLogo size={48} fill="white" stroke="#683285" />
-            <span className="font-display font-extrabold text-white text-2xl tracking-tight">
+            <span className="font-display font-extrabold text-white text-3xl tracking-tight">
               Nearle
             </span>
           </div>

src/components/layout/Navbar.tsx

@@ -72,8 +72,8 @@ export function Navbar() {
     >
       <nav className="max-w-7xl mx-auto px-5 sm:px-8 h-14 md:h-16 flex items-center justify-between">
         <Link href="/" className="flex items-center gap-2 group">
-          <NearleLogo size={32} />
+          <NearleLogo size={44} />
-          <span className="font-display font-extrabold text-purple-deep text-xl tracking-tight">
+          <span className="font-display font-extrabold text-purple-deep text-3xl tracking-tight">
             Nearle
           </span>
         </Link>

src/components/ui/NearleLogo.tsx

@@ -9,43 +9,82 @@ export function NearleLogo({
   size = 40,
   className = '',
   stroke = '#683285',
-  fill = '#F5EEF8',
+  fill = 'white',
 }: Props) {
   return (
     <svg
       width={size}
-      height={size * 1.15}
+      height={size}
-      viewBox="0 0 60 70"
+      viewBox="0 0 100 100"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
       aria-label="Nearle logo"
     >
-      <rect
+      {/* Outer Ring */}
-        x="4"
+      <circle
-        y="24"
+        cx="50"
-        width="52"
+        cy="50"
-        height="42"
+        r="44"
-        rx="7"
+        stroke={stroke}
+        strokeWidth="6.5"
         fill={fill}
-        stroke={stroke}
-        strokeWidth="2.5"
       />
+
+      {/* Back Handle Arch */}
       <path
-        d="M16 24 C16 10 26 5 30 8 C34 5 44 10 44 24"
+        d="M 33 51 L 33 42 C 33 8, 62 8, 62 42 L 62 51"
         stroke={stroke}
-        strokeWidth="3"
+        strokeWidth="3.2"
+        strokeLinecap="round"
         fill="none"
+      />
+
+      {/* Main N Bag Body */}
+      <path
+        d="M 24 81 L 24 42 L 38 42 L 54 71 L 54 42 L 68 42 L 68 81 L 54 81 L 38 52 L 38 81 Z"
+        fill={stroke}
+      />
+
+      {/* 3D Side Face of Right Bag */}
+      <path
+        d="M 68 42 L 72 46.5 L 76 44 L 76 82.5 L 68 81 Z"
+        fill={stroke}
+      />
+
+      {/* Front Handle Arch */}
+      <path
+        d="M 30 51 L 30 42 C 30 12, 59 12, 59 42 L 59 51"
+        stroke={stroke}
+        strokeWidth="3.2"
+        strokeLinecap="round"
+        fill="none"
+      />
+
+      {/* Negative Space lines for Creases and Separators */}
+      {/* Separator between Right Leg Front and Side */}
+      <line
+        x1="68"
+        y1="42"
+        x2="68"
+        y2="81"
+        stroke={fill}
+        strokeWidth="1.8"
+      />
+
+      {/* Crease fold on the 3D Side */}
+      <path
+        d="M 72 46.5 L 72 81.5"
+        stroke={fill}
+        strokeWidth="1.8"
         strokeLinecap="round"
       />
-      <path
+
-        d="M14 60 L14 32 L30 54 L46 32 L46 60"
+      {/* Handle holes/grommets */}
-        stroke={stroke}
+      <circle cx="30" cy="51" r="1.4" fill={fill} />
-        strokeWidth="4"
+      <circle cx="33" cy="51" r="1.4" fill={fill} />
-        fill="none"
+      <circle cx="59" cy="51" r="1.4" fill={fill} />
-        strokeLinecap="round"
+      <circle cx="62" cy="51" r="1.4" fill={fill} />
-        strokeLinejoin="round"
-      />
     </svg>
   )
 }