feature/RZA-250092: Home Page

public/responses/survey-responses.json

@@ -19,10 +19,8 @@
     "q4": "Less than 15 minutes",
     "q5": "Not sure",
     "q6": "No, I don’t think it has a big impact.",
-    "q7": [
-      "Interactive apps or websites"
-    ],
+    "q7": ["Interactive apps or websites"],
     "q8": "Several times a week",
     "q9": ""
   }
-]
+]

src/assets/styles/about.css

@@ -14,7 +14,7 @@
   background-color: light-dark(var(--bg-light), var(--bg-dark));
   color: var(--text-main);
   min-height: 100vh;
-  font-family: sans-serif;
+  font-family: "Comic Neue", cursive, sans-serif;
   display: flex;
   flex-direction: column;
   gap: 3rem;
@@ -25,6 +25,39 @@
   font-weight: 700;
 }
 
+  .btn {
+    display: inline-block;
+    padding: 0.75rem 1.5rem;
+    border-radius: 2rem;
+    font-weight: 600;
+    text-decoration: none;
+    transition: all 0.3s ease;
+    margin: 0.5rem;
+  }
+
+  .btn-primary {
+    background-color: var(--primary);
+    color: white;
+    border: 2px solid var(--primary);
+  }
+
+  .btn-primary:hover {
+    background-color: var(--primary-light);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
+  }
+
+  .btn-secondary {
+    background-color: transparent;
+    color: var(--primary);
+    border: 2px solid var(--primary);
+  }
+
+  .btn-secondary:hover {
+    background-color: rgba(59, 130, 246, 0.1);
+    transform: translateY(-2px);
+  }
+
 .section-title {
   font-size: 2rem;
   text-align: center;