feat: staff page

2025-12-27 18:41:35 -08:00
parent 37970f17c8
commit 2e0f7b9651
7 changed files with 301 additions and 4 deletions
@@ -0,0 +1,60 @@
+.staff-member {
+    margin-bottom: 24px;
+    background-color: var(--color-secondary);
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    display: flex;
+    gap: 24px;
+    align-items: flex-start;
+}
+
+.staff-member:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.staff-image {
+    width: 200px;
+    height: 200px;
+    object-fit: cover;
+    border-radius: 8px;
+    flex-shrink: 0;
+}
+
+.staff-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.staff-title {
+    font-size: 1.5rem;
+    font-weight: bold;
+    color: var(--color-primary);
+    margin: 0;
+}
+
+.staff-quote {
+    font-style: italic;
+    color: var(--color-primary);
+    line-height: 1.6;
+    margin: 0;
+}
+
+.staff-link button {
+    background-color: var(--color-accent);
+    color: var(--color-secondary);
+    text-decoration: none;
+    font-weight: bold;
+    transition: background-color 0.2s ease;
+    cursor: pointer;
+}
+
+.staff-link button:hover {
+    background-color: var(--color-primary);
+    text-decoration: underline;
+}
+