blur-vignette-video

1import { BlurVignette, BlurVignetteArticle } from '@/components/ui/blur-vignette';
2import { cn } from '@/lib/utils';
3import Image from 'next/image';
4import React from 'react';
5 
6function Blurvignettevideo() {
7  return (
8    <>
9      <BlurVignette
10        radius='24px'
11        inset='10px'
12        transitionLength='100px'
13        blur='15px'
14        classname='h-96 w-full overflow-hidden'
15      >
16        <video
17          autoPlay={true}
18          muted
19          loop
20          content='true'
21          className='w-full  h-full object-cover  transition-all hover:scale-110'
22        >
23          <source
24            src='https://cdn.pixabay.com/video/2023/10/19/185726-876210695_large.mp4'
25            type='video/mp4'
26          />
27        </video>
28        <BlurVignetteArticle />
29      </BlurVignette>
30    </>
31  );
32}
33 
34export default Blurvignettevideo;