Image-based variant of the management dashboard. Replaces interactive UI with a configurable screenshot or GIF.
Props
imageOptionalSelect a screenshot or GIF from your Webflow asset library showing the hub dashboard
badgeTextOptionalText displayed in the badge above the section title
Default:
"Management Hub"sectionTitleOptionalMain heading for the section
Default:
"Control Center for Your Stack"sectionSubtitleOptionalSubtitle text below the section heading
Default:
"Connect services, install libraries, and configure your backend — all from one dashboard"showBadgeOptionalToggle the badge visibility above the section title
Default:
truefeature1TitleOptionalTitle for the first feature below the dashboard
Default:
"One-Click Setup"feature1DescriptionOptionalDescription for the first feature
Default:
"Connect your accounts and deploy in minutes"feature2TitleOptionalTitle for the second feature below the dashboard
Default:
"Modular Libraries"feature2DescriptionOptionalDescription for the second feature
Default:
"Install only what you need, when you need it"feature3TitleOptionalTitle for the third feature below the dashboard
Default:
"Full Control"feature3DescriptionOptionalDescription for the third feature
Default:
"Configure every aspect of your deployment"Usage
<HubDashboardSectionImageWrapper image={assetImage} sectionTitle="Dashboard" feature1Title="Fast Setup" />Category
LandingLibrary
webcn Landing Page
webcnFile Path
src/libraries/webcn/components/HubDashboardSectionImage.webflow.tsx