Component Library

A clean, centered hero with headline, subtitle, and up to two CTA buttons. Editable inline or via the visual editor.

• Title and subtitle with inline editing
• Primary and optional secondary CTA buttons with link picker
• Background color (preset or custom hex) and per-element typography
• Width presets: default, wide, narrow
• Text alignment: left, center, or right

Ideal for simple landing pages, announcement pages, or when you want maximum focus on a single message.

A side-by-side hero with text on one side and an image (or logo) on the other. Includes an optional announcement bar above the title.

• Image position: left or right
• Optional announcement banner with link and arrow
• Optional logo display above the headline
• Primary and optional secondary CTA buttons
• Background, text, and button colors with per-element styling

Ideal for product landing pages, SaaS-style marketing pages, or any homepage where you want to pair a message with a visual.

A full-width hero with an autoplaying background video and overlaid text. Upload your own video file or paste a URL.

• Video upload (per-store storage) or external URL
• Autoplay, loop, mute, and inline playback controls
• Overlay opacity slider for readability
• Title, subtitle, and optional CTA button
• Custom title, subtitle, and button colors

Ideal for brand-led marketplaces where you want the homepage to feel like a product — food, fashion, travel, experiences.

A grid of up to 4 features, each with an icon, title, and short description. Pick from a curated set of Heroicons or upload your own image per feature.

• 1, 2, 3, or 4 columns
• Per-feature icon (curated set) or custom image upload
• Per-feature icon color and background color overrides
• Eyebrow tag, section title, and subtitle
• Background, text, and icon styling

Ideal for explaining "what makes us different", listing platform benefits, or showcasing key categories.

Two images displayed side-by-side with captions and an optional shared title and subtitle.

• Adjustable image gap (small, medium, large)
• Image aspect ratio: square, 4:3, 16:9, or auto
• Rounded corners and shadow presets
• Optional captions per image
• Vertical padding and text alignment controls

Ideal for before/after comparisons, two-product showcases, or visual storytelling sections.

Full-bleed background image with title, subtitle, and up to two CTAs. Configurable overlay for readability.

• Background image with position and size controls
• Overlay color and opacity slider
• Min height presets: small, medium, large, full screen
• Vertical alignment: top, center, bottom
• Content max width: narrow, medium, wide, full

Ideal for immersive section breaks, location-led marketplaces (rentals, travel), and strong CTA blocks.

A flexible text section for paragraphs, descriptions, or any rich-text content. Choose H1, H2, or H3 heading level via the settings gear icon for SEO control.

• Heading and body content, both inline-editable
• Heading tag selector (H1/H2/H3) for proper page hierarchy
• Background color and per-element text colors
• Lightweight container with no extra layout overhead

Ideal for about sections, intro paragraphs, policy snippets, or any plain-text content that doesn't need a heavier layout.

A visual separator between sections — useful for breaking up long pages without adding more layout weight.

• Style: solid line, dashed, dotted, gradient, or fade
• Thickness: thin, medium, thick
• Width: full, wide, medium, narrow
• Custom color and surrounding spacing (sm, md, lg, xl)

Embed a YouTube or Vimeo video inline within your page content. Distinct from Video Hero — this is a contained video player with optional title and subtitle.

• YouTube and Vimeo URL support
• Aspect ratio: 16:9, 4:3, or 1:1
• Max width: sm, md, lg, xl, full
• Optional section title and subtitle above the player

Ideal for explainer videos, product demos, founder intro videos, or testimonial reels.

A single image with optional caption, alignment, and styling controls. Useful as a standalone visual element on any page.

• Alignment: left, center, right
• Max width: sm, md, lg, xl, full
• Aspect ratio: auto, 16:9, 4:3, 1:1, 3:2
• Rounded corners and shadow presets
• Optional caption below image

Ideal for editorial-style content pages, brand visuals, or anywhere you need one image with no other content.

A grid of multiple images with optional captions and a shared title/subtitle. Add or remove images directly in the editor.

• 2, 3, or 4 columns
• Gap presets: small, medium, large
• Aspect ratio: 16:9, 4:3, 1:1, 3:2
• Rounded corners and per-image captions
• Add or remove images with one click in edit mode

Ideal for portfolio sections, photo essays, before/after series, or showcasing multiple product angles.

Side-by-side image and text content with eyebrow, title, description, and CTA button. The "talking image" pattern used by most marketing sites.

• Image position: left or right
• Optional eyebrow tag above the title
• Optional CTA button with link picker
• Mobile image position: top or bottom
• Two title positions: inline with text, or above both columns
• Image ratio, rounded corners, and shadow controls

Ideal for feature explanations, founder stories, "how it works" sections, or pairing a screenshot with copy.

Display up to 6 of your listing categories in a visual grid. Each category links to its filtered listings page automatically.

• Pick categories from your store's listing types
• Custom label per category (override the listing type name)
• Custom image per category
• Inline-editable labels via the visual editor
• Auto-generates the correct filter link for each category

Ideal for marketplaces with distinct categories — rentals, services, or product categories that buyers browse by type.

A step-by-step process explanation with numbered circles, titles, and descriptions. Add or remove steps as needed.

• Add unlimited steps (default 4)
• Per-step number, title, and description
• Layout: horizontal or vertical
• Optional connectors between steps
• Eyebrow, section title, and subtitle header

Ideal for explaining the buyer or seller journey, onboarding flows, or "how to book" / "how to sell" sections.

Showcase a curated grid of service providers from your marketplace with avatars, ratings, locations, and starting prices.

• Number of providers: 3, 4, 6, or 8
• Columns: 2, 3, or 4
• Filter by listing type (for multi-type stores)
• Verified badges and starting price display
• Card style: default, bordered, or elevated
• Optional "View All" button linking to the full listings page

Ideal for service marketplaces — freelancers, consultants, fitness instructors, photographers, tutors.

Display your latest published listings. Filter by listing type and custom field values (e.g., show only "Food Tour" listings) via the settings gear icon — ideal for building category pages. Enable "Sort by Distance" to show nearest listings first based on visitor location.

A 4-step guided search wizard that walks visitors through finding the right listing. Adapts automatically to your store's listing types and custom fields.

• Step 1: Listing type selection (configurable list and labels)
• Step 2: Auto-detected category questions from your custom fields
• Step 3: Location filter
• Step 4: Budget / price range
• Custom labels and emojis per listing type
• Final button drops the user on a fully filtered listings page

Ideal for marketplaces with diverse inventory or non-obvious search journeys — rentals, services, real estate, or anywhere visitors need help narrowing down.

A single centered testimonial with quote, author photo, name, title, and optional company logo.

• Testimonial text with rich formatting
• Author name, title, and avatar image
• Optional company logo above or beside the quote
• Custom text and background colors
• Layout widths: default, wide, narrow

Ideal for social proof on landing pages, conversion-focused sections, or anywhere you have one strong customer voice to feature.

A grid of partner, customer, or press logos with optional title and subtitle.

• Add or remove logos in edit mode
• 3, 4, 5, or 6 columns
• Logo height: small, medium, large
• Optional grayscale filter for visual consistency
• Optional title and subtitle above the grid

Ideal for "Trusted by", "As featured in", press mentions, or partner showcases.

Big numbers and labels — your marketplace metrics, customer counts, satisfaction rates, etc.

• 2, 3, or 4 columns
• Per-stat value (large) and label (small)
• Add or remove stats in edit mode
• Custom value and label colors
• Section title and subtitle

Ideal for trust-building sections ("10K+ customers", "99% satisfaction"), impact reporting, or marketplace-size signals.

A grid of up to 4 trust badges with icon, title, and description — like "Secure Payments", "Money-Back Guarantee", or "Verified Sellers".

• 2, 3, or 4 columns
• Per-badge icon (curated set) or custom image upload
• Per-badge color overrides
• Three layout styles: cards, inline, or minimal
• Eyebrow, title, and subtitle header

Ideal for building checkout confidence, near payment forms, or above the fold on first-purchase pages.

A centered call-to-action with headline, subtitle, and up to two buttons. Lighter visual weight than CTA Dark Panel.

• Title and subtitle
• Primary and optional secondary CTA buttons
• Background, text, and button colors
• Width presets and text alignment

Ideal for mid-page conversion nudges, end-of-section CTAs, or wherever you need a soft "next step" prompt.

A high-contrast dark-background CTA with headline, subtitle, and buttons. More visual weight than the centered variant.

• Same content controls as CTA Centered
• Darker default background for stronger emphasis
• Custom background color override
• Primary and optional secondary CTA

Ideal for end-of-page conversion blocks, "ready to start?" sections, or anywhere you want the CTA to clearly stand out from page content.

A pricing tier grid with name, price, period, description, feature list, and CTA button per tier. Add unlimited tiers and highlight one as recommended.

• Add or remove tiers (default 3)
• Per-tier name, price, period, description, and feature bullets
• Per-tier CTA button text and link
• "Highlighted" tier with custom badge text (e.g., "Most Popular")
• Per-tier styling overrides (background, text, button)

Ideal for subscription-based marketplaces, premium membership tiers, or any monetization model that isn't pure per-transaction.

An accordion-style frequently asked questions section. Click a question to expand the answer.

• Add or remove FAQ items in edit mode
• Per-item question and rich-text answer
• Title and subtitle header
• Custom colors for question, answer, divider, and chevron icon
• Smooth expand/collapse animation

Ideal for addressing common objections, reducing support tickets, or building trust with first-time visitors.

A full contact form with name, email, optional phone, optional order number, and message fields. Submissions are sent to your configured email address.

• Toggle phone and order number fields
• Customize all field labels and placeholders
• Custom submit button text and "sending" state text
• Configurable success and error messages
• Custom recipient email per form
• Form styling (background, borders, focus colors)

Ideal for support pages, custom request forms, sales inquiries, or general contact landing pages.

Pre-built legal page templates for Terms of Service, Privacy Policy, and Refund Policy. Each template comes with sensible defaults that you can edit inline or rewrite entirely.

• Three templates: Terms of Service, Privacy Policy, Refund Policy
• Inline rich-text editing of every section
• Pre-populated with marketplace-appropriate language
• Add or remove sections as needed

Ideal for launching quickly with compliant legal pages — edit the placeholders to match your specific terms, jurisdiction, and policies.

Two related components for running a blog on your marketplace: BlogOverview (the index page) and BlogPostDetail (the individual post page).

• BlogOverview: grid of post cards with image, title, excerpt, author, date, and per-post "Read More" / CTA buttons
• BlogPostDetail: rich-text post content with author, date, and featured image
• Per-post style overrides on the overview grid
• Add or remove posts in edit mode
• Custom button styling per post

Ideal for SEO-driven content marketing, customer stories, marketplace updates, or thought leadership.