Components
A full-screen, artistic hero component. Features a large title with a custom cursive font (Corinthia), several gently floating SVG blobs, and an infinitely scrolling curved text overlay. Ideal for portfolios and landing pages.
Loading preview...
import { Component } from '@/components/ui/artistic-hero-with-animated-blobs';
export default function DemoOne() {
const demoTitle = 'Contact';
const demoBg =
'https://r2-andycinquin.andy-cinquin.fr/image00003_1_d6bb82f682.jpeg';
return (
<div className="relative w-full h-[600px] overflow-hidden rounded-lg border">
<Component
title={demoTitle}
backgroundImage={demoBg}
fontSize={700}
lineHeight={0.5}
/>
</div>
);
}