Honey Ember Background

A warm, glowing gradient background wrapper with blurred amber and orange blobs plus a subtle dot-grid texture, used behind hero sections or content that needs a cozy honey-toned backdrop.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Honey Ember Background to your project and fits it to your theme.

import { HoneyEmberBackground } from "@/components/ui/honey-ember-background";

export default function HoneyEmberBackgroundDemo() {
  return (
    <HoneyEmberBackground className="min-h-screen w-full flex items-center justify-center p-8">
      <h1 className="text-4xl font-semibold text-[#78350F]">Harvest</h1>
    </HoneyEmberBackground>
  );
}