import * as React from "react"; import { ShieldCheck } from "lucide-react"; import { PricingEcommerceSubscriptionMatrixFour } from "@/registry/pricing-ecommerce-subscription-matrix-four/pricing-ecommerce-subscription-matrix-four"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; const plans = [ { id: "seasonal", name: "Seasonal Harvest", description: "Chef-curated produce rotating with the seasons.", pricePerDelivery: "$89", pricePerMonth: "$319", shippingCadence: "every two weeks", badge: "Customer favorite", highlight: "Ships carbon neutral", benefits: [ { id: "vegetarian", label: "Vegetarian friendly" }, { id: "local", label: "Sourced within 150 miles" }, { id: "recipes", label: "Guided recipe cards included" }, ], review: { rating: 4.9, count: 1287, caption: "Fans love the variety" }, loyaltyNote: "Earn double loyalty points December through February.", shippingNote: "Free insulated shipping with thaw-proof packaging.", addOns: [ { id: "dessert", name: "Dessert pairing", description: "Seasonal tarts and patisserie", price: "+$18", badge: "Limited", }, { id: "wine", name: "Wine selection", description: "Sommelier-curated bottles", price: "+$45", }, { id: "flowers", name: "Floral arrangement", description: "Hand-tied bouquet add-on", price: "+$25", badge: "Giftable", }, ], }, { id: "wellness", name: "Wellness Ritual", description: "Adaptogenic teas, supplements, and movement guides.", pricePerDelivery: "$69", pricePerMonth: "$249", shippingCadence: "monthly", badge: "Best seller", benefits: [ { id: "vegan", label: "Vegan + gluten-free" }, { id: "recyclable", label: "100% recyclable packaging" }, { id: "guided", label: "Weekly video coaching" }, ], review: { rating: 4.7, count: 872 }, addOns: [ { id: "journal", name: "Wellness journal", description: "Daily prompts and progress tracking", price: "+$12", }, { id: "app", name: "Premium app", description: "Exclusive challenges and workshops", price: "+$9", }, ], }, { id: "coffee", name: "Roaster's Circle", description: "Micro-lot coffees with virtual cuppings.", pricePerDelivery: "$39", pricePerMonth: "$139", shippingCadence: "every week", benefits: [ { id: "single-origin", label: "Single-origin beans" }, { id: "fair-trade", label: "Fair-trade certified" }, { id: "virtual", label: "Monthly brewer workshops" }, ], review: { rating: 4.8, count: 2134, caption: "4,000+ five-star pours" }, addOns: [ { id: "grinder", name: "Precision grinder", description: "Member-only price", price: "+$85", }, { id: "mugs", name: "Handcrafted mugs", description: "Set of two stoneware mugs", price: "+$32", }, ], }, { id: "family", name: "Family Table", description: "Kid-approved dinners with allergen swaps.", pricePerDelivery: "$109", pricePerMonth: "$389", shippingCadence: "weekly", highlight: "Kids cook-along livestreams", benefits: [ { id: "gluten-free", label: "Gluten-free options" }, { id: "nut-free", label: "Nut-conscious menu" }, { id: "kid", label: "Kid chef challenges" }, ], addOns: [ { id: "dessert-kit", name: "Dessert kit", description: "DIY cookies and treats", price: "+$15", }, { id: "gift", name: "Gift wrap", description: "Seasonal packaging + note", price: "+$8", }, ], }, ]; const filters = [ { id: "vegan", label: "Vegan" }, { id: "gluten", label: "Gluten-free" }, { id: "gift", label: "Gift ready" }, ]; const loyaltyPerks = [ { id: "pause", label: "Pause anytime", description: "Skip deliveries effortlessly in your dashboard.", }, { id: "rewards", label: "Rewards store", description: "Redeem points for merch, experiences, or partner offers.", }, { id: "vip", label: "VIP events", description: "Exclusive tastings and live chef workshops.", }, ]; const trustSignals = [ { id: "trustpilot", label: "4.9 Trustpilot rating", description: "2,900+ verified reviews", icon: , }, { id: "shipping", label: "Guaranteed cold-chain", description: "Insulated shipping & realtime tracking", }, { id: "sustain", label: "Sustainable sourcing", description: "Certified B-Corp suppliers", }, ]; export function PricingEcommerceSubscriptionMatrixFourDemo() { const [cartEvents, setCartEvents] = React.useState([]); return (

setCartEvents((events) => [ `${new Date().toLocaleTimeString()} • Added ${plan.name}`, ...events, ]) } />

Cart events

{cartEvents.length ? (

{event}

) : (

No cart activity yet. Tap an “Add to cart” CTA to simulate the checkout flow.

)}

); } export default PricingEcommerceSubscriptionMatrixFourDemo;

Simple