Demo section showcasing the blogflow full-stack application
Props
badgeTextOptionalText displayed in the badge
Default:
"Live Demo"sectionTitleOptionalMain heading for the demo section
Default:
"See It In Action"sectionSubtitleOptionalSubtitle text below the section heading
Default:
"blogflow: A full-stack collaborative blog built entirely with webcn components"demoTitleOptionalTitle of the demo application
Default:
"blogflow"demoDescriptionOptionalDescription of the demo application
Default:
"A fully functional blogging platform showcasing the power of webcn. Users can register, authenticate, create posts, and collaborate — all running natively within Webflow using code components."ctaButtonTextOptionalText for the call-to-action button
Default:
"Try blogflow Demo"ctaLinkOptionalLink for the call-to-action button
Default:
{"href":"/demo","target":"_self"}showBadgeOptionalToggle visibility of the badge
Default:
trueUsage
<DemoSectionWrapper badgeText="Live Demo" sectionTitle="See It In Action" demoTitle="blogflow" showBadge={true} />Category
LandingLibrary
webcn Landing Page
webcnFile Path
src/libraries/webcn/components/DemoSection.webflow.tsx