Component Library
Drag and drop pre-built components to quickly build your marketplace pages.
Opening the Component Library
Click the layers icon in the sidebar header to toggle the component library panel. When open, the sidebar automatically minimizes to give you more workspace.
Adding Components
Drag and drop any component from the library onto your page preview. A drop indicator shows where the component will be inserted.
Available Components
Hero Sections
Centered Hero
Centered headline with gradient background and CTA buttons
Split Hero
Side-by-side layout with text and image
Video Hero
Hero with background video and overlay
Hero with Search
Hero with integrated search field and popular searches
Content Components
Features with Icons
Grid of features with icons and descriptions
Side by Side Images
Two images displayed side by side with captions
Background Image Section
Full background image with overlay and content
Text Block
Simple text section with heading and content
Section Divider
Visual separator between sections
Video Embed
Embed YouTube or Vimeo videos
Image
Single image with optional caption
Image Gallery
Multiple images in a grid layout
Image with Text
Side-by-side image and text content
Category Showcase
Display categories with images in a grid
How It Works
Step-by-step process explanation
Service Providers
Showcase service providers or partners
Listings Components
Featured Listings
Display your latest published listings
Listing Finder Wizard
4-step guided search wizard
Social Proof Components
Testimonial
Customer reviews and quotes
Logo Cloud
Display partner or client logos
Stats Section
Display key metrics and numbers
Trust Badges
Display trust signals and guarantees
Interactive Components
CTA Centered
Centered call-to-action with buttons
CTA Dark Panel
Dark background call-to-action
Pricing Table
Display pricing tiers
FAQ Section
Accordion-style questions and answers
Contact Form
Full-featured contact form
Legal & Blog
Legal Pages
Terms of Service, Privacy Policy, Refund Policy
Blog Components
Blog overview and post detail pages
All components are fully editable
Every component supports inline editing. Click on any text to edit it directly, and use the settings button (gear icon) on complex components to adjust colors, layouts, and other options.