Puts Workshops in the header, pairs the hero with a static rule card and breakpoint CTAs, and shows the three pilot marks with no wall label. Co-authored-by: Cursor <cursoragent@cursor.com>
45 lines
1.0 KiB
JavaScript
45 lines
1.0 KiB
JavaScript
import LogoWall from "../../app/components/sections/LogoWall";
|
|
|
|
export default {
|
|
title: "Components/Sections/LogoWall",
|
|
component: LogoWall,
|
|
parameters: {
|
|
layout: "fullscreen",
|
|
docs: {
|
|
description: {
|
|
component: `Home Logo Wall: three pilot marks (Boulder Street Medics, Food Not Bombs, Mutual Aid Colorado) with no heading.
|
|
|
|
## Responsive Behavior
|
|
|
|
- **Mobile**: stacked column
|
|
- **SM+**: wrapping row
|
|
- **MD+**: single space-between row
|
|
|
|
## Props
|
|
|
|
- **logos** (optional): Array of logo objects with src, alt, and size properties. If not provided, uses the three pilot marks.`,
|
|
},
|
|
},
|
|
},
|
|
tags: ["autodocs"],
|
|
argTypes: {
|
|
logos: {
|
|
control: "object",
|
|
description:
|
|
"Array of logo objects with src, alt, and size properties. If not provided, uses the three pilot marks.",
|
|
},
|
|
},
|
|
};
|
|
|
|
export const Default = {
|
|
args: {},
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
story:
|
|
"Default LogoWall with the three pilot marks at Figma 60% opacity.",
|
|
},
|
|
},
|
|
},
|
|
};
|