Lamp Hero Section

A dramatic section header with a glowing lamp effect.

Preview

Build lamps
the right way

Customize

Installation & Usage

tsx
import { LampContainer } from "@/components/ui/lamp";
import { motion } from "framer-motion";

export function LampDemo() {
  return (
    <LampContainer>
      <motion.h1
        initial={{ opacity: 0.5, y: 100 }}
        whileInView={{ opacity: 1, y: 0 }}
        transition={{ delay: 0.3, duration: 0.8, ease: "easeInOut" }}
        className=""
      >
        Build lamps <br /> the right way
      </motion.h1>
    </LampContainer>
  );
}