Skip to content

Commit 43d5b2f

Browse files
refactor: remove cta band section and add install section styles
Deleted the cta band section from the landing page to streamline content. Introduced new styles for an install section, enhancing the visual layout with a radial gradient background for improved user engagement.
1 parent 32e1e24 commit 43d5b2f

2 files changed

Lines changed: 23 additions & 10 deletions

File tree

apps/landing/index.html

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -248,16 +248,6 @@ <h3>Linux</h3>
248248
</div>
249249
</section>
250250

251-
<section class="cta-band">
252-
<div class="wrap cta-band-inner">
253-
<div>
254-
<h2>Download Sajilo. It's free.</h2>
255-
<p class="cta-band-copy">Open source under MIT. No account, no ads, no tracking.</p>
256-
</div>
257-
<a class="btn-primary btn-primary--large" href="#download">Get the app</a>
258-
</div>
259-
</section>
260-
261251
<footer class="site-footer">
262252
<div class="wrap site-footer-inner">
263253
<div class="footer-brand">

apps/landing/style.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1052,6 +1052,29 @@ section {
10521052
stroke-width: 1.6;
10531053
}
10541054

1055+
/* ---------- install section ---------- */
1056+
1057+
.install-section {
1058+
position: relative;
1059+
isolation: isolate;
1060+
background: transparent;
1061+
}
1062+
1063+
.install-section::before {
1064+
content: "";
1065+
position: absolute;
1066+
z-index: -1;
1067+
top: 0;
1068+
bottom: 0;
1069+
left: 50%;
1070+
width: 100vw;
1071+
transform: translateX(-50%);
1072+
pointer-events: none;
1073+
background:
1074+
radial-gradient(ellipse 100% 90% at 50% 120%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 62%),
1075+
var(--bg-1);
1076+
}
1077+
10551078
/* ---------- cta band ---------- */
10561079

10571080
.cta-band {

0 commit comments

Comments
 (0)