Components
Loading preview...
A full-viewport hero component that uses CSS animations to create a multi-layered parallax effect of a mountain landscape with cyclists. It's data-driven, making it easy to customize the layers.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/mountain-vista-bgimport React from 'react';
import MountainVistaParallax from '@/components/ui/mountain-vista-bg';
export default function DemoOne() {
return (
<div className="app-container">
{/* Hero Section with Parallax Effect
<MountainVistaParallax
title="Mountain Adventures"
subtitle="Discover breathtaking landscapes and cycling trails"
/>*/}
<MountainVistaParallax/>
</div>
);
}