Landing page hero section with auth-aware CTAs and feature cards
Props
titleOptionalMain hero heading
Default:
"Welcome to BlogFlow"subtitleOptionalHero subtitle text
Default:
"A modern blogging platform built with Next.js and Webflow"primaryButtonTextOptionalPrimary button text (auto-detected if empty)
Default:
""secondaryButtonTextOptionalSecondary button text (auto-detected if empty)
Default:
""primaryButtonUrlOptionalPrimary button URL (auto-detected if empty)
Default:
""secondaryButtonUrlOptionalSecondary button URL (auto-detected if empty)
Default:
""showFeaturesOptionalShow the three feature cards
Default:
trueshowBlogCTAOptionalShow the bottom blog browse CTA
Default:
trueUsage
<HeroSectionWrapper title="Welcome" subtitle="Get started today" showFeatures={true} showBlogCTA={true} />Category
LayoutLibrary
BlogFlow Demo
blogDemoDependencies
lucide-react
Backend Endpoints
This component requires the following backend endpoints:
auth.getSession
File Path
src/libraries/blogDemo/components/HeroSection.webflow.tsx