feat: add proper icon to the app and PWA

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 - From old naming Event Me to new naming Let's Event
+- App icon including icons for PWA and other devices.
 
 ## 2026-07-17
 

app/layout.tsx

@@ -17,12 +17,24 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Let's Event - Simple Scheduling",
   description: "Schedule meetings with ease",
+  icons: {
+    icon: [
+      { url: "/icon.svg", type: "image/svg+xml" },
+      { url: "/icon-180.png", type: "image/png", sizes: "180x180" },
+      { url: "/icon-192.png", type: "image/png", sizes: "192x192" },
+      { url: "/icon-512.png", type: "image/png", sizes: "512x512" },
+    ],
+    apple: { url: "/icon-180.png", sizes: "180x180" },
+    shortcut: "/icon-192.png",
+  },
+  manifest: "/manifest.json",
 };
 
 export const viewport: Viewport = {
   width: "device-width",
   initialScale: 1,
   maximumScale: 5,
+  themeColor: "#4f46e5",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -10,12 +10,6 @@ export default function Home() {
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center h-16">
             <Link href="/" className="flex items-center space-x-2">
-              <Image
-                src="/logo.png"
-                alt="Let's Event"
-                width={32}
-                height={32}
-              />
               <span className="text-xl font-bold">Let&apos;s Event</span>
             </Link>
             <Link href="/login">

app/privacy-policy/page.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image";
 import Link from "next/link";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
@@ -8,12 +7,6 @@ export default function PrivacyPolicyPage() {
       <header className="bg-card shadow-sm border-b">
         <div className="container mx-auto px-4 py-6">
           <Link href="/" className="flex items-center space-x-2">
-            <Image
-              src="/logo.png"
-              alt="Let's Event"
-              width={40}
-              height={40}
-            />
             <span className="text-xl font-bold">Let&apos;s Event</span>
           </Link>
         </div>

app/terms-of-use/page.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image";
 import Link from "next/link";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
@@ -8,12 +7,6 @@ export default function TermsOfUsePage() {
       <header className="bg-card shadow-sm border-b">
         <div className="container mx-auto px-4 py-6">
           <Link href="/" className="flex items-center space-x-2">
-            <Image
-              src="/logo.png"
-              alt="Let's Event"
-              width={40}
-              height={40}
-            />
             <span className="text-xl font-bold">Let&apos;s Event</span>
           </Link>
         </div>

public/icon.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="96" fill="#4f46e5"/>
+  <rect x="96" y="128" width="320" height="288" rx="32" fill="#ffffff"/>
+  <rect x="128" y="96" width="64" height="64" rx="16" fill="#ffffff"/>
+  <rect x="320" y="96" width="64" height="64" rx="16" fill="#ffffff"/>
+  <rect x="144" y="208" width="64" height="48" rx="12" fill="#4f46e5"/>
+  <rect x="240" y="208" width="64" height="48" rx="12" fill="#4f46e5"/>
+  <rect x="336" y="208" width="64" height="48" rx="12" fill="#4f46e5"/>
+  <rect x="144" y="288" width="64" height="48" rx="12" fill="#4f46e5"/>
+  <rect x="240" y="288" width="64" height="48" rx="12" fill="#4f46e5"/>
+  <rect x="336" y="288" width="64" height="48" rx="12" fill="#4f46e5"/>
+  <circle cx="384" cy="384" r="48" fill="#22c55e"/>
+  <path d="M366 384 l12 12 l24 -24" stroke="#ffffff" stroke-width="12" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

public/manifest.json

@@ -0,0 +1,38 @@
+{
+  "name": "Let's Event",
+  "short_name": "Let's Event",
+  "description": "Schedule meetings with ease",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#4f46e5",
+  "orientation": "portrait-primary",
+  "scope": "/",
+  "lang": "en",
+  "icons": [
+    {
+      "src": "/icon-180.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    }
+  ]
+}