tfrere HF Staff commited on
Commit
4a1c9d8
·
1 Parent(s): 1f12866

Add lead time notice on Home page

Browse files

Display "Current Lead time: 90 days after purchase" with a black dot
indicator in the products section on the Home page.

Files changed (1) hide show
  1. src/pages/Home.jsx +27 -1
src/pages/Home.jsx CHANGED
@@ -643,7 +643,33 @@ function ProductsSection() {
643
  </Grid>
644
  </Grid>
645
 
646
- <Typography variant="body2" color="text.secondary" sx={{ textAlign: 'center', mt: 5 }}>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
647
  Both ship as DIY kits. Assembly takes ~2 hours.{' '}
648
  <Link component={RouterLink} to="/getting-started">Watch the guide →</Link>
649
  </Typography>
 
643
  </Grid>
644
  </Grid>
645
 
646
+ {/* Lead time notice */}
647
+ <Box sx={{ textAlign: 'center', mt: 5 }}>
648
+ <Typography
649
+ variant="body1"
650
+ sx={{
651
+ color: 'text.primary',
652
+ fontWeight: 600,
653
+ display: 'inline-flex',
654
+ alignItems: 'center',
655
+ gap: 1,
656
+ }}
657
+ >
658
+ <Box
659
+ component="span"
660
+ sx={{
661
+ width: 8,
662
+ height: 8,
663
+ borderRadius: '50%',
664
+ bgcolor: '#000',
665
+ display: 'inline-block',
666
+ }}
667
+ />
668
+ Current Lead time: 90 days after purchase
669
+ </Typography>
670
+ </Box>
671
+
672
+ <Typography variant="body2" color="text.secondary" sx={{ textAlign: 'center', mt: 3 }}>
673
  Both ship as DIY kits. Assembly takes ~2 hours.{' '}
674
  <Link component={RouterLink} to="/getting-started">Watch the guide →</Link>
675
  </Typography>