Sunstone Ecommerce Pricing
A warm, inviting pricing section for ecommerce subscription tiers.
Features
- 3-tier pricing — Basic Shop ($29), Pro Seller ($79), Enterprise ($249)
- Featured tier — Pro Seller with amber glow border and shadow
- Feature lists — 8 features per tier with check/x status indicators
- CTA buttons — Filled for featured, outline for others
- DM Serif Display — Elegant serif headings for warmth
- DM Sans — Clean body text for readability
- Amber palette — Warm sunstone tones throughout
- Radial glow — Subtle amber radial gradient background
- Dark mode — Deep warm-brown dark variant
- Hover effects — Cards lift on hover with shadow transition
- Responsive — 3 columns on desktop, stacks on mobile
Dependencies
@/components/vue-ui/badge — Badge@/components/vue-ui/button — Button@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter@/components/vue-ui/separator — Separatorlucide-vue-next — Check, X, Star, ShoppingBag, Zap, Building2, ArrowRight
Customization
- Plans: Modify the
plans array to change pricing, features, and tier names
- Colors: Adjust amber tones to match your brand palette
- Features: Add or remove features per tier
- CTAs: Customize button text and link targets
