Testimonials.tsx

 1import styled from "styled-components";
 2
 3const Section = styled.section`
 4  padding: 80px 24px;
 5  max-width: 800px;
 6  margin: 0 auto;
 7`;
 8
 9const SectionTitle = styled.h2`
10  font-size: 36px;
11  font-weight: 700;
12  text-align: center;
13  margin-bottom: 48px;
14  background: linear-gradient(to right, #a855f7, #ec4899);
15  -webkit-background-clip: text;
16  background-clip: text;
17  color: transparent;
18`;
19
20const Quote = styled.blockquote`
21  border-left: 4px solid #6366f1;
22  border-radius: 12px;
23  background: #1a1a2e;
24  padding: 24px 32px;
25  margin-bottom: 24px;
26  font-size: 16px;
27  color: #d1d5db;
28  font-style: italic;
29`;
30
31const Author = styled.p`
32  font-size: 14px;
33  color: #6b7280;
34  margin-top: 12px;
35  font-style: normal;
36`;
37
38export function Testimonials() {
39  return (
40    <Section>
41      <SectionTitle>What People Say</SectionTitle>
42      <Quote>
43        "This platform completely transformed our workflow. Deployment went from
44        hours to minutes."
45        <Author>-- Jane Smith, CTO at TechCorp</Author>
46      </Quote>
47      <Quote>
48        "The developer experience is unmatched. I can't imagine going back."
49        <Author>-- Alex Chen, Senior Engineer</Author>
50      </Quote>
51    </Section>
52  );
53}