A clean and responsive footer with company links, resources, and social media icons. Ideal for SaaS, startups, blogs, and business websites looking for a modern UI touch.
import React from 'react'; import { MinimalFooter } from "@/components/ui/minimal-footer"; import { ArrowDownIcon } from 'lucide-react'; import Lenis from '@studio-freight/lenis'; export default function DemoOne() { React.useEffect(() => { const lenis = new Lenis(); function raf(time: number) { lenis.raf(time); requestAnimationFrame(raf); } requestAnimationFrame(raf); }, []); return ( <div className= "min-h-screen w-full" > <div className="flex h-screen flex-col items-center justify-center gap-10" > <div className="flex items-center gap-2" > <p>Scroll down < /p> < ArrowDownIcon className = "size-4" /> </div> < /div> < MinimalFooter /> </div> ); }
Part of Efferd — browse the full library on 21st.dev.