apirrone commited on
Commit
aa650b3
Β·
1 Parent(s): c8a88af

update home.jsx (Matthieu)

Browse files
Files changed (1) hide show
  1. 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/hacker.png"
292
  alt=""
293
  sx={{
294
  position: 'absolute',
295
- top: -140,
296
- right: -80,
297
- height: 500,
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: 72, md: 100 },
307
  fontWeight: 800,
308
  lineHeight: 1,
309
  color: 'white',
310
  }}
311
  >
312
- 100%
 
313
  </Typography>
314
  <Typography
315
  variant="h4"
316
  sx={{ color: 'white', fontWeight: 600, mt: 1 }}
317
  >
318
- Open Source
319
  </Typography>
320
  </Box>
321
  <Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 15, position: 'relative', zIndex: 1, maxWidth: 400 }}>
322
- Hardware files, Python SDK, and all apps. Build, modify, and share freely on GitHub.
323
  </Typography>
324
  </Box>
325
  </Grid>
@@ -384,14 +385,11 @@ function StatsSection() {
384
  color: 'white',
385
  }}
386
  >
387
- 30+
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
- Real-time interaction β†’
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
- 500+ Makers
431
  </Typography>
432
  <Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 14, mt: 0.5 }}>
433
- Join Discord β†’
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 500+ makers
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,