diff --git a/site/index.html b/site/index.html index cd7412b..7150a64 100644 --- a/site/index.html +++ b/site/index.html @@ -499,6 +499,78 @@ height: 60px; } } + + /* Testimonials preview styles */ + .testimonials-preview { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; + } + + .testimonial-card { + background: white; + border: 2px solid #e0e0e0; + border-radius: 12px; + padding: 1.5rem; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; + display: flex; + flex-direction: column; + } + + .testimonial-card:hover { + transform: translateY(-4px); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); + border-color: #5865F2; + } + + .testimonial-text { + flex-grow: 1; + font-style: italic; + color: #333; + margin-bottom: 1rem; + line-height: 1.6; + } + + .testimonial-author { + font-weight: bold; + color: #1a1a1a; + margin-top: auto; + padding-top: 1rem; + border-top: 1px solid #f0f0f0; + } + + .testimonial-role { + font-size: 0.9rem; + color: #666; + font-weight: normal; + font-style: normal; + } + + html.is-dark .testimonial-card { + background: #1e1e1e; + border-color: #404040; + } + + html.is-dark .testimonial-text { + color: var(--foreground); + } + + html.is-dark .testimonial-author { + color: var(--foreground); + border-top-color: #404040; + } + + html.is-dark .testimonial-role { + color: var(--foreground); + } + + @media (max-width: 768px) { + .testimonials-preview { + grid-template-columns: 1fr; + } + }
@@ -759,6 +831,58 @@ + ++ Here's what people have shared about working with us: +
+ +