nuxt-x-marketing
DirectorySubmitCTA
Two-column CTA section encouraging users to submit their listing, with feature list and submission card.
DirectorySubmitCTA
A two-column section that encourages listing owners to submit their product. The left side lists benefits; the right side shows a submission card with a CTA button. Supports bold/gradient and light background variants.
Components
<XMarkDirectorySubmitCTA />
A two-column section that encourages listing owners to submit their product. The left side lists benefits; the right side shows a submission card with a CTA button. Supports bold/gradient and light background variants.
<XMarkDirectorySubmitCTA
title="List your product"
description="Get discovered by thousands of buyers every month."
:features="[
'Reach 50,000+ monthly visitors',
'SEO-optimized listing page',
'Category and tag filtering',
'Analytics dashboard',
]"
:button="{ label: 'Submit a Listing', to: '/submit' }"
bg="bold"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | String | 'List your product' | Section headline |
description | String | Default description | Supporting paragraph |
features | Array | [] | Benefit list items (strings) |
button | Object | { label: 'Submit a Listing', to: '/submit' } | CTA button config { label, to } |
bg | String | 'subtle' | Background variant: 'subtle', 'bold', 'gradient' |
AI Context
category: Directory
package: "@xenterprises/nuxt-x-marketing"
components:
- XMarkDirectorySubmitCTA
use-when: >
Driving listing submissions at the bottom of directory index and category
pages. Two-column layout pairs a benefit list with a prominent submission
card and CTA button.
typical-page-section: Bottom of directory index and category pages.