Thank You Footer with Fruit Stickers

Footers 31

About

Thank you footer for a portfolio or site: a big bold headline, a fat script word that writes itself in, and fruit stickers slapped around it. Two friendly lines, an email pill that copies the address, socials and a back-to-top bar. Eight flat SVG fruits and a hand-built cursive alphabet, so your own words write in. No dependencies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Thank You Footer with Fruit Stickers to your project and fits it to your theme.

Code

How Thank You Footer with Fruit Stickers is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import FruitStickerFooter from "@/components/ui/fruit-sticker-footer"

// Same component, re-worded and re-stickered: a juice bar's closing panel in
// grape and lime, with its own farewells and a different fruit bowl.
export default function DemoRemix() {
  return (
    <div className="w-full">
      <FruitStickerFooter
        headline="Stay fresh,"
        farewells={["see ya!", "cheers!", "toodles!"]}
        lines={["Cold-pressed daily on Fulton St.", "Open 7am – 7pm, every day."]}
        email="squeeze@pulpandpeel.co"
        links={[
          { label: "Menu", href: "#" },
          { label: "Order ahead", href: "#" },
          { label: "Instagram", href: "#" },
        ]}
        name="Pulp & Peel"
        accent="#7b3fe4"
        background="#eef3e2"
        ink="#1d2416"
        muted="#5d6852"
        stickers={[
          { fruit: "watermelon", x: 3, y: 70, size: 0.9, rotate: -10 },
          { fruit: "lemon", x: 14, y: 102, size: 0.66, rotate: 8, shape: "oval" },
          { fruit: "cherry", x: 56, y: -24, size: 0.7, rotate: 8, behind: true },
          { fruit: "pear", x: 98, y: 74, size: 0.64, rotate: -6 },
        ]}
      />
    </div>
  )
}