Vicentezapata

import { Box, Typography, Button } from '@mui/material';
const Banner = () => {
    return (
    <Box
      sx={{
        height: '60vh',
        position: 'relative',
        backgroundImage: 'url(/src/assets/banner.jpg)', // Reemplaza con la ruta correcta de tu imagen
        backgroundSize: 'cover',
        backgroundPosition: 'center',

Vicentezapata

Fullscreen drag-slider with parallax

Sort of responsive. Tested in Chrome/FF/last IE, everywhere looks fine.

Source of inspiration - https://stupid-studio.com/ (their js is minified, so all code is mine, except some parts of svg, like viewBox/minHeight).

A Pen by Nikolay Talanov on CodePen.

License.