Spaces:
Running
Running
apirrone
commited on
Commit
Β·
aa650b3
1
Parent(s):
c8a88af
update home.jsx (Matthieu)
Browse files- src/pages/Home.jsx +15 -17
src/pages/Home.jsx
CHANGED
|
@@ -288,13 +288,13 @@ function StatsSection() {
|
|
| 288 |
{/* Hacker illustration - overflows top */}
|
| 289 |
<Box
|
| 290 |
component="img"
|
| 291 |
-
src="/assets/reachies/
|
| 292 |
alt=""
|
| 293 |
sx={{
|
| 294 |
position: 'absolute',
|
| 295 |
-
top: -
|
| 296 |
-
right: -
|
| 297 |
-
height:
|
| 298 |
opacity: 1,
|
| 299 |
pointerEvents: 'none',
|
| 300 |
display: { xs: 'none', sm: 'block' },
|
|
@@ -303,23 +303,24 @@ function StatsSection() {
|
|
| 303 |
<Box sx={{ position: 'relative', zIndex: 1 }}>
|
| 304 |
<Typography
|
| 305 |
sx={{
|
| 306 |
-
fontSize: { xs:
|
| 307 |
fontWeight: 800,
|
| 308 |
lineHeight: 1,
|
| 309 |
color: 'white',
|
| 310 |
}}
|
| 311 |
>
|
| 312 |
-
|
|
|
|
| 313 |
</Typography>
|
| 314 |
<Typography
|
| 315 |
variant="h4"
|
| 316 |
sx={{ color: 'white', fontWeight: 600, mt: 1 }}
|
| 317 |
>
|
| 318 |
-
|
| 319 |
</Typography>
|
| 320 |
</Box>
|
| 321 |
<Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 15, position: 'relative', zIndex: 1, maxWidth: 400 }}>
|
| 322 |
-
|
| 323 |
</Typography>
|
| 324 |
</Box>
|
| 325 |
</Grid>
|
|
@@ -384,14 +385,11 @@ function StatsSection() {
|
|
| 384 |
color: 'white',
|
| 385 |
}}
|
| 386 |
>
|
| 387 |
-
|
| 388 |
</Typography>
|
| 389 |
<Box sx={{ mt: 1 }}>
|
| 390 |
-
<Typography variant="h5" sx={{ color: 'white', fontWeight: 600 }}>
|
| 391 |
-
Ready-to-use Apps
|
| 392 |
-
</Typography>
|
| 393 |
<Typography sx={{ color: 'rgba(255,255,255,0.6)', fontSize: 14, mt: 0.5 }}>
|
| 394 |
-
|
| 395 |
</Typography>
|
| 396 |
</Box>
|
| 397 |
</Box>
|
|
@@ -427,10 +425,10 @@ function StatsSection() {
|
|
| 427 |
/>
|
| 428 |
<Box>
|
| 429 |
<Typography variant="h5" sx={{ color: 'white', fontWeight: 600 }}>
|
| 430 |
-
|
| 431 |
</Typography>
|
| 432 |
<Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 14, mt: 0.5 }}>
|
| 433 |
-
|
| 434 |
</Typography>
|
| 435 |
</Box>
|
| 436 |
</Box>
|
|
@@ -483,7 +481,7 @@ function StatsSection() {
|
|
| 483 |
</Box>
|
| 484 |
<Box sx={{ textAlign: 'right' }}>
|
| 485 |
<Typography variant="h5" sx={{ color: 'white', fontWeight: 600 }}>
|
| 486 |
-
Python SDK
|
| 487 |
</Typography>
|
| 488 |
<Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 14, mt: 0.5 }}>
|
| 489 |
Full control in 3 lines β
|
|
@@ -910,7 +908,7 @@ function CommunitySection() {
|
|
| 910 |
>
|
| 911 |
<Box sx={{ position: 'relative', zIndex: 1 }}>
|
| 912 |
<Typography variant="h2" sx={{ mb: 2 }}>
|
| 913 |
-
Join
|
| 914 |
</Typography>
|
| 915 |
<Typography sx={{ color: 'rgba(255,255,255,0.6)', maxWidth: 500, mx: 'auto', mb: 4, lineHeight: 1.8 }}>
|
| 916 |
Connect with other Reachy Mini owners on Discord. Share your projects,
|
|
|
|
| 288 |
{/* Hacker illustration - overflows top */}
|
| 289 |
<Box
|
| 290 |
component="img"
|
| 291 |
+
src="/assets/reachies/builder.png"
|
| 292 |
alt=""
|
| 293 |
sx={{
|
| 294 |
position: 'absolute',
|
| 295 |
+
top: -50,
|
| 296 |
+
right: -30,
|
| 297 |
+
height: 350,
|
| 298 |
opacity: 1,
|
| 299 |
pointerEvents: 'none',
|
| 300 |
display: { xs: 'none', sm: 'block' },
|
|
|
|
| 303 |
<Box sx={{ position: 'relative', zIndex: 1 }}>
|
| 304 |
<Typography
|
| 305 |
sx={{
|
| 306 |
+
fontSize: { xs: 50, md: 60 },
|
| 307 |
fontWeight: 800,
|
| 308 |
lineHeight: 1,
|
| 309 |
color: 'white',
|
| 310 |
}}
|
| 311 |
>
|
| 312 |
+
Build your own <br />
|
| 313 |
+
robot
|
| 314 |
</Typography>
|
| 315 |
<Typography
|
| 316 |
variant="h4"
|
| 317 |
sx={{ color: 'white', fontWeight: 600, mt: 1 }}
|
| 318 |
>
|
| 319 |
+
Get Started
|
| 320 |
</Typography>
|
| 321 |
</Box>
|
| 322 |
<Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 15, position: 'relative', zIndex: 1, maxWidth: 400 }}>
|
| 323 |
+
Follow our guides to assemble your Reachy Mini β
|
| 324 |
</Typography>
|
| 325 |
</Box>
|
| 326 |
</Grid>
|
|
|
|
| 385 |
color: 'white',
|
| 386 |
}}
|
| 387 |
>
|
| 388 |
+
Apps
|
| 389 |
</Typography>
|
| 390 |
<Box sx={{ mt: 1 }}>
|
|
|
|
|
|
|
|
|
|
| 391 |
<Typography sx={{ color: 'rgba(255,255,255,0.6)', fontSize: 14, mt: 0.5 }}>
|
| 392 |
+
Explore ready-to-use app β
|
| 393 |
</Typography>
|
| 394 |
</Box>
|
| 395 |
</Box>
|
|
|
|
| 425 |
/>
|
| 426 |
<Box>
|
| 427 |
<Typography variant="h5" sx={{ color: 'white', fontWeight: 600 }}>
|
| 428 |
+
Join our Discord Community
|
| 429 |
</Typography>
|
| 430 |
<Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 14, mt: 0.5 }}>
|
| 431 |
+
We are already 4500+ Makers β
|
| 432 |
</Typography>
|
| 433 |
</Box>
|
| 434 |
</Box>
|
|
|
|
| 481 |
</Box>
|
| 482 |
<Box sx={{ textAlign: 'right' }}>
|
| 483 |
<Typography variant="h5" sx={{ color: 'white', fontWeight: 600 }}>
|
| 484 |
+
Discover the Python SDK
|
| 485 |
</Typography>
|
| 486 |
<Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 14, mt: 0.5 }}>
|
| 487 |
Full control in 3 lines β
|
|
|
|
| 908 |
>
|
| 909 |
<Box sx={{ position: 'relative', zIndex: 1 }}>
|
| 910 |
<Typography variant="h2" sx={{ mb: 2 }}>
|
| 911 |
+
Join 4500+ makers
|
| 912 |
</Typography>
|
| 913 |
<Typography sx={{ color: 'rgba(255,255,255,0.6)', maxWidth: 500, mx: 'auto', mb: 4, lineHeight: 1.8 }}>
|
| 914 |
Connect with other Reachy Mini owners on Discord. Share your projects,
|