design: make I'm not sure a first-class full-width card tile inside the product-type selection grid

This commit is contained in:
2026-06-08 11:10:23 -07:00
parent f142128f54
commit fa2e08ea42
2 changed files with 9 additions and 4 deletions

View File

@@ -141,6 +141,12 @@ const ARCHETYPES = [
label: "Blog / Publication",
desc: "Newsletters, articles, content hubs",
},
{
id: "not_sure",
label: "I'm not sure",
desc: "Let Vibn help you decide based on your description",
fullWidth: true,
},
];
function EntrepType({ value, onChange }) {
@@ -156,6 +162,7 @@ function EntrepType({ value, onChange }) {
label: a.label,
desc: a.desc,
icon: undefined,
fullWidth: a.fullWidth,
}))}
value={value}
onChange={onChange}
@@ -370,10 +377,6 @@ export function EntrepreneurPath({
/>
);
canNext = !!data.productType;
onSkip = () => {
onUpdate({ productType: "not_sure" });
next();
};
} else if (step === 1) {
body = (
<EntrepIdea

View File

@@ -344,6 +344,7 @@ export function PresetGroup({
label?: React.ReactNode;
desc?: React.ReactNode;
icon?: React.ReactNode;
fullWidth?: boolean;
}>;
value?: string;
onChange?: (id: string) => void;
@@ -381,6 +382,7 @@ export function PresetGroup({
display: "flex",
alignItems: "flex-start",
gap: 12,
gridColumn: opt.fullWidth ? "1 / -1" : "auto",
}}
>
{opt.icon && (