Components
Loading preview...
A visually immersive animated background using CSS and React, featuring glowing floor grids, light beams, and a central column. Ideal for hero sections, landing pages, or data-themed UI compositions.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/aurora-section-heroimport React from 'react'
import BackgroundScene from '@/components/ui/aurora-section-hero'
const App: React.FC = () => {
return (
<>
<BackgroundScene beamCount={60} />
<div className="content-wrapper">
<header className="main-header">
<div className="logo">DATASCAPE</div>
<nav>
<a href="#">Solutions</a>
<a href="#">Platform</a>
<a href="#">Company</a>
<a href="#">Contact</a>
</nav>
</header>
<main className="hero-section">
<h1>The Future of Data</h1>
<p>
Unlock unparalleled insights and drive innovation with our next-generation
data intelligence platform.
</p>
<button className="cta-button">Request a Demo</button>
</main>
</div>
</>
)
}
export default App