Skip to content

Commit 8d290f3

Browse files
committed
fix(website): larger logo, gold Atmosphere title, remove badge
1 parent e574f2a commit 8d290f3

1 file changed

Lines changed: 8 additions & 49 deletions

File tree

website/src/components/Hero.astro

Lines changed: 8 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,14 @@
99
</div>
1010

1111
<div class="hero-content">
12-
<div class="company-badge">
13-
<span class="badge-dot"></span>
14-
Enterprise open source since 2008
15-
</div>
16-
17-
<img src="/logo.svg" alt="Atmosphere" class="hero-logo" width="80" height="80" />
12+
<img src="/logo.svg" alt="Atmosphere" class="hero-logo" width="120" height="120" />
1813

1914
<h1 class="hero-title">
20-
<span class="title-line">The company behind</span>
2115
<span class="title-line title-accent">Atmosphere</span>
2216
</h1>
2317

2418
<p class="hero-description">
25-
Async-IO.org builds and supports <strong>Atmosphere</strong> &mdash; the real-time
19+
Async-IO.org is the company behind <strong>Atmosphere</strong> &mdash; the real-time
2620
transport layer for Java AI agents. We provide the engineering, the support,
2721
and the long-term commitment that production systems require.
2822
</p>
@@ -129,42 +123,10 @@
129123
text-align: center;
130124
}
131125

132-
.company-badge {
133-
display: inline-flex;
134-
align-items: center;
135-
gap: var(--space-sm);
136-
padding: var(--space-xs) var(--space-lg);
137-
background: var(--color-bg-elevated);
138-
border: 1px solid var(--color-border-accent);
139-
border-radius: 100px;
140-
font-family: var(--font-mono);
141-
font-size: 0.75rem;
142-
font-weight: 500;
143-
letter-spacing: 0.02em;
144-
color: var(--color-text-secondary);
145-
margin-bottom: var(--space-xl);
146-
animation: fadeInUp 0.8s var(--ease-out-expo) 0.05s both;
147-
}
148-
149-
.badge-dot {
150-
width: 6px;
151-
height: 6px;
152-
border-radius: 50%;
153-
background: var(--color-accent);
154-
box-shadow: 0 0 8px var(--color-accent);
155-
animation: pulse 2s ease-in-out infinite;
156-
}
157-
158-
@keyframes pulse {
159-
0%, 100% { opacity: 1; }
160-
50% { opacity: 0.4; }
161-
}
162-
163126
.hero-logo {
164127
display: block;
165-
margin: 0 auto var(--space-lg);
166-
border-radius: 12px;
167-
animation: fadeInUp 0.8s var(--ease-out-expo) 0.08s both;
128+
margin: 0 auto var(--space-xl);
129+
animation: fadeInUp 0.8s var(--ease-out-expo) 0.05s both;
168130
}
169131

170132
.hero-title {
@@ -183,16 +145,13 @@
183145

184146
.title-line:nth-child(1) {
185147
animation-delay: 0.1s;
186-
font-size: clamp(1.35rem, 4.2vw, 2.6rem);
187-
color: var(--color-text-secondary);
188-
}
189-
190-
.title-line:nth-child(2) {
191-
animation-delay: 0.2s;
192148
}
193149

194150
.title-accent {
195-
color: var(--color-accent);
151+
background: linear-gradient(135deg, #b8944a, #d4b060, #c4a86a);
152+
-webkit-background-clip: text;
153+
-webkit-text-fill-color: transparent;
154+
background-clip: text;
196155
font-style: italic;
197156
}
198157

0 commit comments

Comments
 (0)