You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ProductsHero.jsx 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import { Container, Typography } from '@mui/material';
  2. import { Box } from '@mui/system';
  3. const ProductsHero = () => {
  4. return (
  5. <Box
  6. sx={{
  7. display: 'flex',
  8. flexDirection: 'column',
  9. }}
  10. >
  11. <Container
  12. maxWidth="lg"
  13. sx={{
  14. mt: 25,
  15. mb: 10,
  16. }}
  17. >
  18. <Typography
  19. fontFamily={'body1.fontFamily'}
  20. align="center"
  21. color="primary.main"
  22. mb={3}
  23. sx={{
  24. fontSize: { md: '64px', sm: '46px', xs: '32px' },
  25. }}
  26. >
  27. Welcome to our Store!
  28. </Typography>
  29. <Typography
  30. sx={{ fontSize: { xs: '16px', sm: '18px', md: '24px' } }}
  31. align="center"
  32. >
  33. Our focus is to bring you the very best in the world of coffee.
  34. Everything from fresh coffee beans, the best coffee powders and
  35. capsules as well as other miscellaneous items such as cups and mugs.
  36. Take a look to see if anything takes your fancy.
  37. </Typography>
  38. </Container>
  39. </Box>
  40. );
  41. };
  42. export default ProductsHero;