diff --git a/public/icons/apple-touch-icon.png b/public/icons/apple-touch-icon.png
new file mode 100644
index 0000000..e06e134
Binary files /dev/null and b/public/icons/apple-touch-icon.png differ
diff --git a/public/icons/favicon-16.png b/public/icons/favicon-16.png
new file mode 100644
index 0000000..47d2e8b
Binary files /dev/null and b/public/icons/favicon-16.png differ
diff --git a/public/icons/favicon-32.png b/public/icons/favicon-32.png
new file mode 100644
index 0000000..35cc7db
Binary files /dev/null and b/public/icons/favicon-32.png differ
diff --git a/public/icons/icon-192.png b/public/icons/icon-192.png
new file mode 100644
index 0000000..8aad5e3
Binary files /dev/null and b/public/icons/icon-192.png differ
diff --git a/public/icons/icon-256.png b/public/icons/icon-256.png
new file mode 100644
index 0000000..bc9361d
Binary files /dev/null and b/public/icons/icon-256.png differ
diff --git a/public/icons/icon-48.png b/public/icons/icon-48.png
new file mode 100644
index 0000000..61cf48d
Binary files /dev/null and b/public/icons/icon-48.png differ
diff --git a/public/icons/icon-512.png b/public/icons/icon-512.png
new file mode 100644
index 0000000..ceddd33
Binary files /dev/null and b/public/icons/icon-512.png differ
diff --git a/public/icons/maskable-192.png b/public/icons/maskable-192.png
new file mode 100644
index 0000000..8aad5e3
Binary files /dev/null and b/public/icons/maskable-192.png differ
diff --git a/public/icons/maskable-512.png b/public/icons/maskable-512.png
new file mode 100644
index 0000000..ceddd33
Binary files /dev/null and b/public/icons/maskable-512.png differ
diff --git a/public/index.html b/public/index.html
index 80edb91..276039c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,12 +4,28 @@
Cinemate — your movie buddy
+
+
+
+
+
+
+
+
+
+
+
+
+
- Cinemate
+
+ 
+ Cinemate
+
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..bc1b54b
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/og-image.png b/public/og-image.png
new file mode 100644
index 0000000..05fd223
Binary files /dev/null and b/public/og-image.png differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..beee2d3
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,15 @@
+{
+ "name": "Cinemate",
+ "short_name": "Cinemate",
+ "description": "Swipe. Match. Watch. Tinder pentru filme si seriale.",
+ "start_url": "/",
+ "display": "standalone",
+ "background_color": "#131318",
+ "theme_color": "#E23755",
+ "icons": [
+ { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
+ { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
+ { "src": "/icons/maskable-192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
+ { "src": "/icons/maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+ ]
+}
diff --git a/public/style.css b/public/style.css
index 78e03e7..ee8f11a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -42,10 +42,23 @@ body {
.topbar h1 {
margin: 0;
cursor: pointer;
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
font-size: 1.5rem;
font-weight: 800;
letter-spacing: 0.02em;
- background: linear-gradient(90deg, #ff2e63, #ff7aa8);
+}
+.logo-mark {
+ width: 26px;
+ height: 26px;
+ border-radius: 7px;
+ display: block;
+ box-shadow: 0 2px 8px rgba(226, 55, 85, 0.35);
+}
+.logo-word {
+ /* Matches the icon's coral→red gradient so the mark and wordmark read as one. */
+ background: linear-gradient(90deg, #ff8a5b, #e23755);
-webkit-background-clip: text;
background-clip: text;
color: transparent;