nuxt-x-marketing
Marketing page components for hero sections, features, pricing, blog, and SEO-optimized layouts.
nuxt-x-marketing
A comprehensive marketing layer with 67 components for building high-converting landing pages, blogs, and SEO-optimized marketing sites.
Installation
npm install @xenterprises/nuxt-x-marketing
// nuxt.config.ts
export default defineNuxtConfig({
extends: '@xenterprises/nuxt-x-marketing'
})
Component Categories
| Category | Components | Description |
|---|---|---|
| Hero | varies | Hero sections |
| Features | varies | Feature grids and lists |
| Pricing | varies | Pricing tables |
| CTA | varies | Call-to-action sections |
| Blog | varies | Blog listing and posts |
| FAQ | varies | FAQ accordion |
| Newsletter | varies | Email capture |
| Affiliate | varies | Comparison and affiliate |
| Layout | varies | Navbar, footer layouts |
| Privacy | varies | Cookie banner, GDPR |
| Social Proof | varies | Testimonials, stats |
Quick Start
<!-- pages/index.vue -->
<template>
<div>
<XMarkLayoutNavbar :links="navLinks" />
<XMarkHero
title="Build faster with X Modules"
subtitle="Production-ready components for Nuxt and Fastify"
:ctas="[{ label: 'Get Started', to: '/docs' }]"
/>
<XMarkFeatures :features="features" />
<XMarkPricingGrid :plans="plans" />
<XMarkLayoutFooter :links="footerLinks" />
</div>
</template>
AI Context
package: "@xenterprises/nuxt-x-marketing"
prefix: XMark
use-when: Building marketing/landing pages, SaaS websites, blogs
typical-page-structure:
- XMarkLayoutNavbar
- XMarkHero
- XMarkFeatures
- XMarkSocialProof (testimonials, logos)
- XMarkPricing
- XFAQ
- XMarkCTA
- XMarkLayoutFooter
seo: includes built-in schema.org and og:image support
blog: requires Nuxt Content for blog post markdown