@@ -64,35 +64,41 @@ export default async function Home() {
6464 width : '100%' ,
6565 } }
6666 >
67- < h1 className = "text-4xl font-bold mb-2 text-center" style = { { color : '#fff' , textShadow : '0 4px 16px #000, 0 0 8px #000, 0 0 2px #000' } } >
67+ < h1
68+ className = "text-4xl font-bold mb-2 text-center"
69+ style = { {
70+ color : '#fff' ,
71+ textShadow : '0 4px 16px #000, 0 0 8px #000, 0 0 2px #000' ,
72+ } }
73+ >
6874 Welcome to Sentry Docs
6975 </ h1 >
70- < p className = "text-lg font-bold text-center max-w-2xl" style = { {
71- color : '#fff' ,
72- textShadow : '0 2px 8px rgba(0,0,0,0.7), 0 0 2px #000' ,
73- letterSpacing : '0.03em'
74- } } >
75- Sentry provides end-to-end distributed tracing, enabling developers to
76- identify and debug performance issues and errors across their systems and
77- services.
76+ < p
77+ className = "text-lg font-bold text-center max-w-2xl"
78+ style = { {
79+ color : '#fff' ,
80+ textShadow : '0 2px 8px rgba(0,0,0,0.7), 0 0 2px #000' ,
81+ letterSpacing : '0.03em' ,
82+ } }
83+ >
84+ Sentry provides end-to-end distributed tracing, enabling developers to identify
85+ and debug performance issues and errors across their systems and services.
7886 </ p >
7987 </ div >
8088 { /* Search + SDKs row, same width as Sentry Products */ }
8189 < div className = "max-w-screen-xl mx-auto px-6 lg:px-8 w-full" >
82- < div
83- className = "w-full flex flex-col md:flex-row items-stretch mb-3 justify-between relative"
84- >
90+ < div className = "w-full flex flex-col md:flex-row items-stretch mb-3 justify-between relative" >
8591 { /* Left column: Search Bar, left-aligned */ }
8692 < div className = "flex-1 flex flex-col items-start justify-center w-full max-w-full relative" >
8793 < div className = "home-search-bar w-full relative" >
8894 < Search path = "/" searchPlatforms = { [ ] } useStoredSearchPlatforms = { false } />
8995 </ div >
9096 </ div >
9197 { /* Decorative yellow-shape-08 line between search and SDKs */ }
92- < img
93- src = { YellowShape08 . src }
94- alt = "decorative line"
95- className = "hidden md:block pointer-events-none"
98+ < img
99+ src = { YellowShape08 . src }
100+ alt = "decorative line"
101+ className = "hidden md:block pointer-events-none"
96102 style = { {
97103 position : 'absolute' ,
98104 left : 'calc(20% + 90px)' ,
@@ -155,20 +161,24 @@ export default async function Home() {
155161 format = "lg"
156162 style = { { margin : 0 , display : 'block' } }
157163 />
158- < span style = { {
159- marginTop : 6 ,
160- fontSize : '0.85rem' ,
161- color : '#6b7280' ,
162- textAlign : 'center' ,
163- width : '100%' ,
164- fontWeight : 500 ,
165- letterSpacing : 0.1 ,
166- lineHeight : 1.1 ,
167- display : 'block' ,
168- whiteSpace : 'nowrap' ,
169- overflow : 'hidden' ,
170- textOverflow : 'ellipsis' ,
171- } } > { platform . title } </ span >
164+ < span
165+ style = { {
166+ marginTop : 6 ,
167+ fontSize : '0.85rem' ,
168+ color : '#6b7280' ,
169+ textAlign : 'center' ,
170+ width : '100%' ,
171+ fontWeight : 500 ,
172+ letterSpacing : 0.1 ,
173+ lineHeight : 1.1 ,
174+ display : 'block' ,
175+ whiteSpace : 'nowrap' ,
176+ overflow : 'hidden' ,
177+ textOverflow : 'ellipsis' ,
178+ } }
179+ >
180+ { platform . title }
181+ </ span >
172182 </ a >
173183 </ Tooltip >
174184 ) ) }
@@ -191,24 +201,76 @@ export default async function Home() {
191201 < div >
192202 < div className = "flex items-center mb-4 gap-2 min-h-[32px]" >
193203 < PlatformIcon platform = "sentry" size = { 24 } format = "lg" />
194- < a href = "/product/sentry/" className = "text-xl font-medium text-accent-purple hover:underline align-middle" > < h2 className = "inline font-medium align-middle" > Sentry Error Monitoring</ h2 > </ a >
204+ < a
205+ href = "/product/sentry/"
206+ className = "text-xl font-medium text-accent-purple hover:underline align-middle"
207+ >
208+ < h2 className = "inline font-medium align-middle" >
209+ Sentry Error Monitoring
210+ </ h2 >
211+ </ a >
195212 </ div >
196213 < p className = "text-base text-left text-[var(--gray-500)] pl-2 pr-4" >
197- Monitor, identify, and resolve errors and performance issues across your applications using
198- < a href = "/product/sentry/issues/" className = "text-accent-purple hover:underline" > error monitoring</ a > ,
199- < a href = "/product/sentry/explore/trace-explorer/" className = "text-accent-purple hover:underline" > tracing</ a > ,
200- < a href = "/product/sentry/explore/session-replay/" className = "text-accent-purple hover:underline" > session replay</ a > , and
201- < a href = "/product/" className = "text-accent-purple hover:underline" > more</ a > .
214+ Monitor, identify, and resolve errors and performance issues across your
215+ applications using
216+ < a
217+ href = "/product/sentry/issues/"
218+ className = "text-accent-purple hover:underline"
219+ >
220+ { ' ' }
221+ error monitoring
222+ </ a >
223+ ,
224+ < a
225+ href = "/product/sentry/explore/trace-explorer/"
226+ className = "text-accent-purple hover:underline"
227+ >
228+ { ' ' }
229+ tracing
230+ </ a >
231+ ,
232+ < a
233+ href = "/product/sentry/explore/session-replay/"
234+ className = "text-accent-purple hover:underline"
235+ >
236+ { ' ' }
237+ session replay
238+ </ a >
239+ , and
240+ < a href = "/product/" className = "text-accent-purple hover:underline" >
241+ { ' ' }
242+ more
243+ </ a >
244+ .
202245 </ p >
203246 </ div >
204247 { /* Column 2: AI in Sentry */ }
205248 < div >
206249 < div className = "flex items-center mb-4 gap-2 min-h-[32px]" >
207250 < PlatformIcon platform = "sentry" size = { 24 } format = "lg" />
208- < a href = "/product/ai-in-sentry/" className = "text-xl font-medium text-accent-purple hover:underline align-middle" > < h2 className = "inline font-medium align-middle" > AI in Sentry</ h2 > </ a >
251+ < a
252+ href = "/product/ai-in-sentry/"
253+ className = "text-xl font-medium text-accent-purple hover:underline align-middle"
254+ >
255+ < h2 className = "inline font-medium align-middle" > AI in Sentry</ h2 >
256+ </ a >
209257 </ div >
210258 < p className = "text-base text-left text-[var(--gray-500)] pl-2 pr-4" >
211- Fix code faster by having < a href = "/product/ai-in-sentry/seer/" className = "text-accent-purple hover:underline" > Seer</ a > automatically find and remedy the root cause of your issues. Ask < a href = "/product/ai-in-sentry/sentry-prevent-ai/" className = "text-accent-purple hover:underline" > Sentry Prevent AI</ a > to review your PRs, suggest improvements, and build tests.
259+ Fix code faster by having{ ' ' }
260+ < a
261+ href = "/product/ai-in-sentry/seer/"
262+ className = "text-accent-purple hover:underline"
263+ >
264+ Seer
265+ </ a > { ' ' }
266+ automatically find and remedy the root cause of your issues. Ask{ ' ' }
267+ < a
268+ href = "/product/ai-in-sentry/sentry-prevent-ai/"
269+ className = "text-accent-purple hover:underline"
270+ >
271+ Sentry Prevent AI
272+ </ a > { ' ' }
273+ to review your PRs, suggest improvements, and build tests.
212274 </ p >
213275 </ div >
214276 </ div >
0 commit comments