Merge pull request #3 from MatissJurevics/cursor/hero-title-mobile-size-6292

Hero title mobile size

src/canvas/HeroModel.jsx

@@ -15,7 +15,7 @@ const Terrain = () => {
     }, []);
 
     // Create geometry with reduced segment count for mobile devices
-    const segments = isMobile ? 40 : 100; // Reduce from 100x100 to 40x40 on mobile (84% reduction)
+    const segments = isMobile ? 28 : 100; // Reduce from 100x100 to 28x28 on mobile (50% polygon reduction)
     const geometry = useMemo(() => new THREE.PlaneGeometry(20, 20, segments, segments), [segments]);
 
     useFrame((state) => {

src/index.css

@@ -110,4 +110,17 @@ button:focus-visible {
   button {
     background-color: #f9f9f9;
   }
+}
+
+/* Hero Title Mobile Responsive */
+@media (max-width: 768px) {
+  .hero-title {
+    font-size: 3rem !important;
+  }
+}
+
+@media (max-width: 480px) {
+  .hero-title {
+    font-size: 2rem !important;
+  }
 }