Skip to content

Commit 6c0aea6

Browse files
0xrafasec0xrafasec
committed
Add trusted by and audit partner sections to homepage
- Introduced new CSS styles for the trusted by and audit partner sections, enhancing layout and visual appeal. - Added images for Kickstarter, a16z, and OpenZeppelin logos to the homepage, showcasing partnerships. - Updated existing styles for better spacing and alignment in these new sections.
1 parent c985dc8 commit 6c0aea6

5 files changed

Lines changed: 175 additions & 0 deletions

File tree

‎src/pages/index.module.css‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -99,6 +99,104 @@
9999
text-decoration: none;
100100
}
101101

102+
.trustedBy {
103+
margin-top: 3rem;
104+
text-align: center;
105+
}
106+
107+
.trustedByContainer {
108+
display: flex;
109+
align-items: flex-start;
110+
justify-content: center;
111+
gap: 4rem;
112+
flex-wrap: wrap;
113+
}
114+
115+
.trustedByGroup {
116+
display: flex;
117+
flex-direction: column;
118+
align-items: center;
119+
gap: 1.5rem;
120+
}
121+
122+
.trustedByTitle {
123+
font-family: 'Albert Sans', sans-serif;
124+
font-weight: 400;
125+
font-size: 14px;
126+
color: #AAAAAA;
127+
text-transform: uppercase;
128+
letter-spacing: 0.1em;
129+
margin: 0;
130+
}
131+
132+
.trustedByLogos {
133+
display: flex;
134+
align-items: center;
135+
justify-content: center;
136+
gap: 1.5rem;
137+
flex-wrap: wrap;
138+
}
139+
140+
.trustedByLogoContainer {
141+
background: #FFFFFF;
142+
padding: 1rem 1.5rem;
143+
border-radius: 8px;
144+
display: inline-flex;
145+
align-items: center;
146+
justify-content: center;
147+
}
148+
149+
.kickstarterLogo {
150+
height: 50px;
151+
width: auto;
152+
opacity: 1;
153+
display: block;
154+
border-radius: 8px;
155+
}
156+
157+
.a16zLogo {
158+
height: 85px;
159+
width: auto;
160+
opacity: 1;
161+
display: block;
162+
border-radius: 8px;
163+
}
164+
165+
.auditPartnerGroup {
166+
display: flex;
167+
flex-direction: column;
168+
align-items: center;
169+
gap: 1.5rem;
170+
}
171+
172+
.auditPartnerLabel {
173+
font-family: 'Albert Sans', sans-serif;
174+
font-weight: 400;
175+
font-size: 14px;
176+
color: #AAAAAA;
177+
text-transform: uppercase;
178+
letter-spacing: 0.1em;
179+
margin: 0;
180+
}
181+
182+
.auditPartnerLogoContainer {
183+
background: #FFFFFF;
184+
padding: 1.5rem 1.5rem;
185+
border-radius: 8px;
186+
display: inline-flex;
187+
align-items: center;
188+
justify-content: center;
189+
min-height: 85px;
190+
}
191+
192+
.auditPartnerLogo {
193+
height: 35px;
194+
width: auto;
195+
opacity: 1;
196+
display: block;
197+
border-radius: 8px;
198+
}
199+
102200
.stats {
103201
background: #1B1F30;
104202
padding: 4rem 0;
@@ -832,6 +930,52 @@
832930
padding: 0.6rem 1.5rem;
833931
}
834932

933+
.trustedBy {
934+
margin-top: 2rem;
935+
}
936+
937+
.trustedByContainer {
938+
gap: 2rem;
939+
}
940+
941+
.trustedByGroup,
942+
.auditPartnerGroup {
943+
gap: 1rem;
944+
}
945+
946+
.trustedByTitle {
947+
font-size: 12px;
948+
}
949+
950+
.trustedByLogos {
951+
gap: 1rem;
952+
}
953+
954+
.trustedByLogoContainer {
955+
padding: 0.75rem 1rem;
956+
}
957+
958+
.kickstarterLogo {
959+
height: 40px;
960+
}
961+
962+
.a16zLogo {
963+
height: 68px;
964+
}
965+
966+
.auditPartnerLogoContainer {
967+
padding: 0.75rem 1rem;
968+
min-height: 68px;
969+
}
970+
971+
.auditPartnerLogo {
972+
height: 28px;
973+
}
974+
975+
.auditPartnerLabel {
976+
font-size: 12px;
977+
}
978+
835979
.stats {
836980
padding: 1.5rem 0;
837981
margin: 0 var(--ifm-spacing-horizontal);

‎src/pages/index.tsx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,37 @@ function HomepageHeader() {
3232
View Roadmap
3333
</Link>
3434
</div>
35+
<div className={styles.trustedBy}>
36+
<div className={styles.trustedByContainer}>
37+
<div className={styles.trustedByGroup}>
38+
<p className={styles.trustedByTitle}>Trusted by</p>
39+
<div className={styles.trustedByLogos}>
40+
<div className={styles.trustedByLogoContainer}>
41+
<img
42+
src="/img/kickstarter-logo.png"
43+
alt="Kickstarter"
44+
className={styles.kickstarterLogo}
45+
/>
46+
</div>
47+
<img
48+
src="/img/a16z-logo.webp"
49+
alt="a16z"
50+
className={styles.a16zLogo}
51+
/>
52+
</div>
53+
</div>
54+
<div className={styles.auditPartnerGroup}>
55+
<span className={styles.auditPartnerLabel}>Audit Partner</span>
56+
<div className={styles.auditPartnerLogoContainer}>
57+
<img
58+
src="/img/open-zeppelin.png"
59+
alt="OpenZeppelin"
60+
className={styles.auditPartnerLogo}
61+
/>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
3566
</div>
3667
</div>
3768
</header>

‎static/img/a16z-logo.webp‎

110 KB
Loading

‎static/img/kickstarter-logo.png‎

17.2 KB
Loading

‎static/img/open-zeppelin.png‎

77.1 KB
Loading

0 commit comments

Comments
 (0)