Better hub page

Author: tstromberg

media/robot_jam.png

@@ -215,11 +215,15 @@
             font-weight: bold;
         }
         
-        /* Hide arrow animation on contact page */
-        .page-contact .hero::before {
+        /* Only show arrow animation on homepage */
+        .hero::before {
             display: none;
         }
         
+        .page-home .hero::before {
+            display: block;
+        }
+        
         @keyframes slideGroove {
             0% { left: -100px; }
             100% { left: calc(100% - 180px); }
@@ -630,7 +634,7 @@
         }
     </style>
 </head>
-<body{% if title == 'Contact' %} class="page-contact"{% endif %}>
+<body{% if page.url == '/' %} class="page-home"{% elif title == 'Contact' %} class="page-contact"{% endif %}>
     <header>
         <div class="container">
             <div class="site-title">codeGROOVE</div>

media/robot_jam.svg

@@ -507,6 +507,38 @@ a:hover {
     line-height: 1.7;
 }
 
+/* Consistent Product Page Card Styles */
+.card-subtle {
+    background: #FAFAFA;
+    border-radius: 12px;
+    padding: 32px;
+}
+
+.card-subtle-small {
+    background: #FAFAFA;
+    border-radius: 12px;
+    padding: 24px;
+}
+
+.card-emphasis {
+    background: linear-gradient(135deg, rgba(255,215,0,0.08) 0%, rgba(255,255,255,0.02) 100%);
+    border-radius: 12px;
+    padding: 48px;
+}
+
+.card-emphasis-strong {
+    background: linear-gradient(135deg, rgba(255,215,0,0.12) 0%, rgba(255,255,255,0.04) 100%);
+    border-radius: 12px;
+    padding: 48px;
+}
+
+.card-image {
+    width: 100%;
+    height: auto;
+    border-radius: 8px;
+    margin-bottom: 24px;
+}
+
 .card::before {
     content: '';
     position: absolute;