Marquee Accent About

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its media-slot dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/about/about44.tsx instead.

Usage

The file also exports about44Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { About44, about44Demo } from "@/components/blocks/about/about44";

export default function Page() {
  return <About44 {...about44Demo} />;
}

Props

Types

type StatItem = { title: string; value: string };

Behavior notes

• Despite the 'marquee' name inherited from its inspiration, the wordmark strip is fully static: a single aria-hidden paragraph repeats `wordmark` six times with whitespace-nowrap and a very low opacity token (text-muted-foreground/5), no animation library or CSS keyframe involved.
• Only the second image in `images` gets the sm:mt-12 offset, so passing a single image renders a plain, un-offset photo instead of forcing a two-image layout, unlike About35's media-reel pattern which expects a fuller set.
• The stats row reuses the same dl/dt/dd shape as About14's stats bar, but here it sits at the bottom of a layered composition rather than leading the section.