Spaces:
Running
Running
Add lead time notice on Home page
Browse filesDisplay "Current Lead time: 90 days after purchase" with a black dot
indicator in the products section on the Home page.
- src/pages/Home.jsx +27 -1
src/pages/Home.jsx
CHANGED
|
@@ -643,7 +643,33 @@ function ProductsSection() {
|
|
| 643 |
</Grid>
|
| 644 |
</Grid>
|
| 645 |
|
| 646 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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>
|