Update logos and improve film title styling

- Update app-icon.svg with new gradient strokes and circle element
- Update logo.svg with matching design improvements and gradient borders
- Increase film title size to 20px (text-xl) with bold weight on desktop
- Keep 16px (text-base) with semibold weight on mobile for better proportions

Co-authored-by: Cursor <cursoragent@cursor.com>

assets/images/app-icon.svg

@@ -1,53 +1,95 @@
 <svg width="2480" height="2480" viewBox="0 0 2480 2480" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="2480" height="2480" fill="#0A0A0A"/>
-<path d="M876 958V786.777V701.903V540H553V958H876Z" fill="url(#paint0_linear_548_33)"/>
+<path d="M874.5 542.5V957.5H554.5V542.5H874.5Z" fill="url(#paint0_linear_548_33)" stroke="url(#paint1_linear_548_33)" stroke-width="3"/>
-<path d="M1927 957V785.777V700.903V539H1604V957H1927Z" fill="url(#paint1_linear_548_33)"/>
+<path d="M1925.5 541.5V956.5H1605.5V541.5H1925.5Z" fill="url(#paint2_linear_548_33)" stroke="url(#paint3_linear_548_33)" stroke-width="3"/>
-<path d="M876 1940V1768.78V1683.9V1522H553V1940H876Z" fill="url(#paint2_linear_548_33)"/>
+<path d="M874.5 1524.5V1939.5H554.5V1524.5H874.5Z" fill="url(#paint4_linear_548_33)" stroke="url(#paint5_linear_548_33)" stroke-width="3"/>
-<path d="M1927 1939V1767.78V1682.9V1521H1604V1939H1927Z" fill="url(#paint3_linear_548_33)"/>
+<path d="M1462.5 1524.5V1939.5H1017.5V1524.5H1462.5Z" fill="#1D1D1D" stroke="url(#paint6_linear_548_33)" stroke-width="3"/>
-<path d="M1186.03 1382H1021.83L856.707 1096H1020.91L1186.03 1382Z" fill="url(#paint4_linear_548_33)"/>
+<path d="M1925.5 1523.5V1938.5H1605.5V1523.5H1925.5Z" fill="url(#paint7_linear_548_33)" stroke="url(#paint8_linear_548_33)" stroke-width="3"/>
-<path d="M1551.5 1382H1387.23L1222.1 1096H1386.37L1551.5 1382Z" fill="url(#paint5_linear_548_33)"/>
+<path d="M1020.04 1098.5L1183.43 1381.5H1022.7L859.305 1098.5H1020.04Z" fill="url(#paint9_linear_548_33)" stroke="url(#paint10_linear_548_33)" stroke-width="3"/>
-<path d="M1927 1382H1752.69L1587.57 1096H1927V1382Z" fill="url(#paint6_linear_548_33)"/>
+<path d="M1385.51 1098.5L1548.9 1381.5H1388.09L1224.7 1098.5H1385.51Z" fill="url(#paint11_linear_548_33)" stroke="url(#paint12_linear_548_33)" stroke-width="3"/>
-<path d="M820.634 1382H553V1096H655.512L820.634 1382Z" fill="url(#paint7_linear_548_33)"/>
+<path d="M1925.5 1098.5V1381.5H1753.56L1590.17 1098.5H1925.5Z" fill="url(#paint13_linear_548_33)" stroke="url(#paint14_linear_548_33)" stroke-width="3"/>
+<path d="M654.646 1098.5L818.036 1381.5H554.5V1098.5H654.646Z" fill="url(#paint15_linear_548_33)" stroke="url(#paint16_linear_548_33)" stroke-width="3"/>
+<circle cx="1240.5" cy="750.5" r="209" fill="#1D1D1D" stroke="url(#paint17_linear_548_33)" stroke-width="3"/>
 <defs>
-<linearGradient id="paint0_linear_548_33" x1="677.804" y1="241.431" x2="1904.77" y2="352.601" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_548_33" x1="677.804" y1="242.431" x2="1904.77" y2="353.601" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint1_linear_548_33" x1="1398.41" y1="314.849" x2="2774.82" y2="432.214" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_548_33" x1="553" y1="541" x2="876" y2="959" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint2_linear_548_33" x1="1728.8" y1="241.431" x2="2955.77" y2="352.601" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint2_linear_548_33" x1="56.3747" y1="1427.64" x2="1421.18" y2="1543.04" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint3_linear_548_33" x1="1604" y1="540" x2="1927" y2="958" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint4_linear_548_33" x1="677.804" y1="1224.43" x2="1904.77" y2="1335.6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint3_linear_548_33" x1="1728.8" y1="1222.43" x2="2955.77" y2="1333.6" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint5_linear_548_33" x1="876" y1="1607.2" x2="553" y2="1856.8" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint6_linear_548_33" x1="1240" y1="1941" x2="1240" y2="1523" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#666666"/>
+</linearGradient>
+<linearGradient id="paint7_linear_548_33" x1="1728.8" y1="1223.43" x2="2955.77" y2="1334.6" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint4_linear_548_33" x1="647.097" y1="942.634" x2="2038.19" y2="1119.39" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint8_linear_548_33" x1="1927" y1="1606.2" x2="1604" y2="1855.8" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint9_linear_548_33" x1="350.36" y1="1032.44" x2="1729.93" y2="1206.26" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint5_linear_548_33" x1="715.651" y1="1031.44" x2="2095.49" y2="1205.34" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint10_linear_548_33" x1="856.707" y1="1097" x2="1115.61" y2="1436.97" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint11_linear_548_33" x1="715.651" y1="1032.44" x2="2095.49" y2="1206.34" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint6_linear_548_33" x1="1718.72" y1="891.716" x2="2993.99" y2="1069.18" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint12_linear_548_33" x1="1222.1" y1="1097" x2="1480.99" y2="1437.02" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint13_linear_548_33" x1="1065.68" y1="1032.44" x2="2486.21" y2="1216.92" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-<linearGradient id="paint7_linear_548_33" x1="656.411" y1="891.716" x2="1669.21" y2="1002.85" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint14_linear_548_33" x1="1587.57" y1="1097" x2="1844.29" y2="1444.46" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint15_linear_548_33" x1="141.502" y1="1032.44" x2="1268.63" y2="1147.85" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
+<linearGradient id="paint16_linear_548_33" x1="553" y1="1097" x2="821" y2="1383" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint17_linear_548_33" x1="1240.5" y1="540" x2="1240.5" y2="961" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#666666"/>
+</linearGradient>
 </defs>
 </svg>

assets/images/logo.svg

@@ -1,107 +1,94 @@
 <svg width="1374" height="1401" viewBox="0 0 1374 1401" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!-- Add glass effect filters -->
+<path d="M321.5 2.5V417.5H1.5V2.5H321.5Z" fill="url(#paint0_linear_548_65)" stroke="url(#paint1_linear_548_65)" stroke-width="3"/>
+<path d="M1372.5 1.5V416.5H1052.5V1.5H1372.5Z" fill="url(#paint2_linear_548_65)" stroke="url(#paint3_linear_548_65)" stroke-width="3"/>
+<path d="M321.5 984.5V1399.5H1.5V984.5H321.5Z" fill="url(#paint4_linear_548_65)" stroke="url(#paint5_linear_548_65)" stroke-width="3"/>
+<path d="M909.5 984.5V1399.5H464.5V984.5H909.5Z" fill="#1D1D1D" stroke="url(#paint6_linear_548_65)" stroke-width="3"/>
+<path d="M1372.5 983.5V1398.5H1052.5V983.5H1372.5Z" fill="url(#paint7_linear_548_65)" stroke="url(#paint8_linear_548_65)" stroke-width="3"/>
+<path d="M467.042 558.5L630.433 841.5H469.695L306.305 558.5H467.042Z" fill="url(#paint9_linear_548_65)" stroke="url(#paint10_linear_548_65)" stroke-width="3"/>
+<path d="M832.507 558.5L995.897 841.5H835.092L671.701 558.5H832.507Z" fill="url(#paint11_linear_548_65)" stroke="url(#paint12_linear_548_65)" stroke-width="3"/>
+<path d="M1372.5 558.5V841.5H1200.56L1037.17 558.5H1372.5Z" fill="url(#paint13_linear_548_65)" stroke="url(#paint14_linear_548_65)" stroke-width="3"/>
+<path d="M101.646 558.5L265.036 841.5H1.5V558.5H101.646Z" fill="url(#paint15_linear_548_65)" stroke="url(#paint16_linear_548_65)" stroke-width="3"/>
+<circle cx="687.5" cy="210.5" r="209" fill="#1D1D1D" stroke="url(#paint17_linear_548_65)" stroke-width="3"/>
 <defs>
-    <!-- Glass highlight effect -->
-    <filter id="glass-effect" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur in="SourceAlpha" stdDeviation="8"/>
-      <feOffset dx="0" dy="-2" result="offsetblur"/>
-      <feComponentTransfer>
-        <feFuncA type="linear" slope="0.3"/>
-      </feComponentTransfer>
-      <feMerge>
-        <feMergeNode/>
-        <feMergeNode in="SourceGraphic"/>
-      </feMerge>
-    </filter>
-    
-    <!-- Inner glow -->
-    <filter id="inner-glow">
-      <feGaussianBlur stdDeviation="4" result="blur"/>
-      <feComposite in="blur" in2="SourceGraphic" operator="atop"/>
-    </filter>
-
-    <!-- Gradients -->
 <linearGradient id="paint0_linear_548_65" x1="124.804" y1="-297.569" x2="1351.77" y2="-186.399" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint1_linear_548_65" x1="1175.8" y1="-298.569" x2="2402.77" y2="-187.399" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_548_65" x1="0" y1="1" x2="323" y2="419" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint2_linear_548_65" x1="1175.8" y1="-298.569" x2="2402.77" y2="-187.399" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint2_linear_548_65" x1="124.804" y1="684.431" x2="1351.77" y2="795.601" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint3_linear_548_65" x1="1051" y1="0" x2="1374" y2="418" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint4_linear_548_65" x1="124.804" y1="684.431" x2="1351.77" y2="795.601" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint3_linear_548_65" x1="1175.8" y1="683.431" x2="2402.77" y2="794.601" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint5_linear_548_65" x1="323" y1="1067.2" x2="6.09023e-06" y2="1316.8" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint6_linear_548_65" x1="687" y1="1401" x2="687" y2="983" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#666666"/>
+</linearGradient>
+<linearGradient id="paint7_linear_548_65" x1="1175.8" y1="683.431" x2="2402.77" y2="794.601" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint4_linear_548_65" x1="-202.64" y1="492.439" x2="1176.93" y2="666.265" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint8_linear_548_65" x1="1374" y1="1066.2" x2="1051" y2="1315.8" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#F52532"/>
+</linearGradient>
+<linearGradient id="paint9_linear_548_65" x1="-202.64" y1="492.439" x2="1176.93" y2="666.265" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint5_linear_548_65" x1="162.651" y1="492.439" x2="1542.49" y2="666.336" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint10_linear_548_65" x1="303.707" y1="557" x2="562.607" y2="896.973" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint11_linear_548_65" x1="162.651" y1="492.439" x2="1542.49" y2="666.336" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint6_linear_548_65" x1="512.679" y1="492.439" x2="1933.21" y2="676.92" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint12_linear_548_65" x1="669.104" y1="557" x2="927.989" y2="897.025" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint13_linear_548_65" x1="512.679" y1="492.439" x2="1933.21" y2="676.92" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-    <linearGradient id="paint7_linear_548_65" x1="-411.498" y1="492.439" x2="715.627" y2="607.854" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint14_linear_548_65" x1="1034.57" y1="557" x2="1291.29" y2="904.456" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFA"/>
+<stop offset="1" stop-color="#A5729F"/>
+</linearGradient>
+<linearGradient id="paint15_linear_548_65" x1="-411.498" y1="492.439" x2="715.627" y2="607.854" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F0003D"/>
 <stop offset="0.369792" stop-color="#FA4727"/>
 <stop offset="0.776042" stop-color="#6B90F4"/>
 </linearGradient>
-  </defs>
+<linearGradient id="paint16_linear_548_65" x1="0" y1="557" x2="268" y2="843" gradientUnits="userSpaceOnUse">
-  
+<stop stop-color="#FAFAFA"/>
-  <!-- Logo paths with glass effects -->
+<stop offset="1" stop-color="#A5729F"/>
-  <g filter="url(#glass-effect)">
-    <path d="M323 419V247.777V162.903V1H0V419H323Z" fill="url(#paint0_linear_548_65)" opacity="0.95"/>
-    <path d="M1374 418V246.777V161.903V0H1051V418H1374Z" fill="url(#paint1_linear_548_65)" opacity="0.95"/>
-    <path d="M323 1401V1229.78V1144.9V983H0V1401H323Z" fill="url(#paint2_linear_548_65)" opacity="0.95"/>
-    <path d="M911 1401V1229.78V1144.9V983H463V1401H911Z" fill="#1D1D1D" opacity="0.9"/>
-    <path d="M911 419V247.777V162.903V1H463V419H911Z" fill="#1D1D1D" opacity="0.9"/>
-    <path d="M1374 1400V1228.78V1143.9V982H1051V1400H1374Z" fill="url(#paint3_linear_548_65)" opacity="0.95"/>
-    <path d="M633.03 843H468.829L303.707 557H467.908L633.03 843Z" fill="url(#paint4_linear_548_65)"/>
-    <path d="M998.495 843H834.226L669.104 557H833.373L998.495 843Z" fill="url(#paint5_linear_548_65)"/>
-    <path d="M1374 843H1199.69L1034.57 557H1374V843Z" fill="url(#paint6_linear_548_65)"/>
-    <path d="M267.634 843H0V557H102.512L267.634 843Z" fill="url(#paint7_linear_548_65)"/>
-  </g>
-  
-  <!-- Glass highlights on top -->
-  <g opacity="0.4">
-    <path d="M323 419V247.777V162.903V1H0V150" fill="url(#glass-highlight-1)"/>
-    <path d="M1374 418V246.777V161.903V0H1051V150" fill="url(#glass-highlight-2)"/>
-    <path d="M323 1401V1229.78V1144.9V983H0V1100" fill="url(#glass-highlight-3)"/>
-    <path d="M1374 1400V1228.78V1143.9V982H1051V1100" fill="url(#glass-highlight-4)"/>
-  </g>
-  
-  <!-- Glass highlight gradients -->
-  <defs>
-    <linearGradient id="glass-highlight-1" x1="161.5" y1="1" x2="161.5" y2="150" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.3"/>
-      <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
-    <linearGradient id="glass-highlight-2" x1="1212.5" y1="0" x2="1212.5" y2="150" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint17_linear_548_65" x1="687.5" y1="0" x2="687.5" y2="421" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.3"/>
+<stop/>
-      <stop offset="1" stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="#666666"/>
-    </linearGradient>
-    <linearGradient id="glass-highlight-3" x1="161.5" y1="983" x2="161.5" y2="1100" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.3"/>
-      <stop offset="1" stop-color="white" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="glass-highlight-4" x1="1212.5" y1="982" x2="1212.5" y2="1100" gradientUnits="userSpaceOnUse">
-      <stop stop-color="white" stop-opacity="0.3"/>
-      <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

src/components/ContentRow.vue

@@ -37,7 +37,7 @@
             />
           </div>
           <div class="mt-2">
-            <h3 class="text-base font-medium text-white truncate">{{ content.title }}</h3>
+            <h3 class="text-base md:text-xl font-semibold md:font-bold text-white truncate">{{ content.title }}</h3>
             <p class="text-base text-white/60 truncate hidden md:block">{{ content.description }}</p>
           </div>
         </div>