From 576df73a6be29b05db71223456d27f644ed179b0 Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Thu, 18 Jun 2026 20:02:27 +0700
Subject: [PATCH] fix: restore original SkateSpots logo (icon-1024.png)
 everywhere

Replace all icon.svg references with icon-1024.png across:
- index.html (favicon, apple-touch-icon, og:image, twitter:image)
- src/components/Layout.tsx (desktop header + mobile header)
- src/pages/Index.tsx (footer)
- public/manifest.webmanifest (PWA icon entry)

Also fix og:url and og:image/twitter:image to use correct domain
skate-spots.org instead of skate-spots.com

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 index.html                  | 16 ++++++++--------
 public/manifest.webmanifest |  6 +++---
 src/components/Layout.tsx   |  4 ++--
 src/pages/Index.tsx         |  2 +-
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 85ceb31..8c8522d 100644
--- a/index.html
+++ b/index.html
@@ -9,11 +9,11 @@
     <link rel="manifest" href="/manifest.webmanifest">
 
     <!-- App Icons -->
-    <link rel="icon" type="image/svg+xml" href="/images/icon.svg">
-    <link rel="apple-touch-icon" href="/images/icon.svg">
-    <link rel="apple-touch-icon" sizes="152x152" href="/images/icon.svg">
-    <link rel="apple-touch-icon" sizes="180x180" href="/images/icon.svg">
-    <link rel="apple-touch-startup-image" href="/images/icon.svg">
+    <link rel="icon" type="image/png" href="/images/icon-1024.png">
+    <link rel="apple-touch-icon" href="/images/icon-1024.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/images/icon-1024.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/icon-1024.png">
+    <link rel="apple-touch-startup-image" href="/images/icon-1024.png">
 
     <!-- Theme Color -->
     <meta name="theme-color" content="#ff0040">
@@ -29,14 +29,14 @@
     <meta property="og:type" content="website">
     <meta property="og:title" content="SkateSpots - Decentralized Skate Map & Community">
     <meta property="og:description" content="Discover skate spots, find coaches, join events, and connect with the skateboarding community on Nostr.">
-    <meta property="og:image" content="https://skate-spots.com/images/icon.svg">
-    <meta property="og:url" content="https://skate-spots.com">
+    <meta property="og:image" content="https://skate-spots.org/images/icon-1024.png">
+    <meta property="og:url" content="https://skate-spots.org">
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="SkateSpots - Decentralized Skate Map">
     <meta name="twitter:description" content="Discover skate spots, find coaches, join events on Nostr.">
-    <meta name="twitter:image" content="https://skate-spots.com/images/icon.svg">
+    <meta name="twitter:image" content="https://skate-spots.org/images/icon-1024.png">
 
     <!-- Leaflet CSS (loaded via CDN to avoid build issues) -->
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index 54e0069..865ee48 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -30,9 +30,9 @@
       "purpose": "maskable"
     },
     {
-      "src": "/images/icon.svg",
-      "sizes": "any",
-      "type": "image/svg+xml",
+      "src": "/images/icon-1024.png",
+      "sizes": "1024x1024",
+      "type": "image/png",
       "purpose": "any"
     }
   ],
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 2a21a8b..0257b32 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -357,7 +357,7 @@ export function Layout({ children }: LayoutProps) {
         <div className="container flex items-center justify-between h-16 px-4">
           <Link to="/" className="flex items-center gap-3 group">
             <img
-              src="/images/icon.svg"
+              src="/images/icon-1024.png"
               alt="SkateSpots"
               className="w-10 h-10 rounded-xl shadow-lg shadow-red-500/30 group-hover:shadow-red-500/50 transition-shadow"
             />
@@ -542,7 +542,7 @@ export function Layout({ children }: LayoutProps) {
         <div className="flex items-center justify-between h-14 px-3 gap-3">
           <Link to="/" className="flex items-center gap-2 touch-manipulation active:opacity-80 flex-1 min-w-0">
             <img
-              src="/images/icon.svg"
+              src="/images/icon-1024.png"
               alt="SkateSpots"
               className="w-9 h-9 rounded-lg flex-shrink-0 shadow-lg shadow-red-500/30"
             />
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 073ed9b..4190a9a 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -510,7 +510,7 @@ function Footer() {
         <div className="flex flex-col md:flex-row items-center justify-between gap-6">
           <div className="flex items-center gap-3">
             <img
-              src="/images/icon.svg"
+              src="/images/icon-1024.png"
               alt="SkateSpots"
               className="w-10 h-10 rounded-lg shadow-[0_0_20px_rgba(255,0,64,0.5)]"
             />