|
9 | 9 | </div> |
10 | 10 |
|
11 | 11 | <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" /> |
18 | 13 |
|
19 | 14 | <h1 class="hero-title"> |
20 | | - <span class="title-line">The company behind</span> |
21 | 15 | <span class="title-line title-accent">Atmosphere</span> |
22 | 16 | </h1> |
23 | 17 |
|
24 | 18 | <p class="hero-description"> |
25 | | - Async-IO.org builds and supports <strong>Atmosphere</strong> — the real-time |
| 19 | + Async-IO.org is the company behind <strong>Atmosphere</strong> — the real-time |
26 | 20 | transport layer for Java AI agents. We provide the engineering, the support, |
27 | 21 | and the long-term commitment that production systems require. |
28 | 22 | </p> |
|
129 | 123 | text-align: center; |
130 | 124 | } |
131 | 125 |
|
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 | | - |
163 | 126 | .hero-logo { |
164 | 127 | 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; |
168 | 130 | } |
169 | 131 |
|
170 | 132 | .hero-title { |
|
183 | 145 |
|
184 | 146 | .title-line:nth-child(1) { |
185 | 147 | 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; |
192 | 148 | } |
193 | 149 |
|
194 | 150 | .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; |
196 | 155 | font-style: italic; |
197 | 156 | } |
198 | 157 |
|
|
0 commit comments