@thorprovider/storefront 0.3.1 → 0.4.0-mvp.2

package/skills/sf-view-gen/assets/recipes/recipes.json

@@ -4,6 +4,7 @@
   "views": [
     {
       "name": "home",
+      "mvp": true,
       "description": "Storefront landing page with hero, benefits, and category highlights",
       "route": "/",
       "loader": "home",
@@ -19,43 +20,77 @@
         "categories": ["ProductCategory1", "ProductCategory2", "ProductCategory4", "ProductCategory5"],
         "productCard": ["ProductCard1", "ProductCard2", "ProductCard3", "ProductCard5"]
       },
-      "optionalSections": ["testimonials", "faq", "statistics", "logoCloud", "pricing"]
+      "optionalSections": ["testimonials", "faq", "statistics", "logoCloud", "pricing"],
+      "registeredSlots": ["hero", "benefits", "categories"],
+      "allowedSections": ["faq", "cta", "products"],
+      "maxSections": 4
     },
     {
       "name": "product",
+      "mvp": true,
       "description": "Single product detail page with overview, gallery, and reviews",
-      "route": "/productos/[id]",
+      "route": "/products/[id]",
       "loader": "product",
       "requiredDataKeys": ["selectedProduct"],
       "defaultVariants": {
         "overview": "ProductOverview1",
-        "reviews": "ReviewRating1"
+        "reviews": "ReviewRating1",
+        "breadcrumb": "Breadcrumb"
       },
       "allowedVariants": {
         "overview": ["ProductOverview1", "ProductOverview2", "ProductOverview5"],
         "reviews": ["ReviewRating1", "ReviewRating2"],
+        "breadcrumb": ["Breadcrumb"],
         "productCard": ["ProductCard1", "ProductCard2", "ProductCard3", "ProductCard5"]
       },
-      "optionalSections": ["testimonials", "faq", "statistics"]
+      "optionalSections": ["testimonials", "faq", "statistics"],
+      "registeredSlots": ["overview", "reviews", "breadcrumb"],
+      "allowedSections": [],
+      "maxSections": 4
+    },
+    {
+      "name": "cart",
+      "mvp": true,
+      "description": "Standalone cart review page with authoritative totals and quantity editing",
+      "route": "/cart",
+      "loader": "cart",
+      "requiredDataKeys": ["cart"],
+      "defaultVariants": {
+        "view": "ShoppingCart4"
+      },
+      "allowedVariants": {
+        "view": ["ShoppingCart4"]
+      },
+      "optionalSections": [],
+      "registeredSlots": ["view"],
+      "allowedSections": [],
+      "maxSections": 0
     },
     {
       "name": "category",
+      "mvp": true,
       "description": "Product listing filtered by category with filters and sorting",
-      "route": "/categorias/[[...slug]]",
+      "route": "/categories/[[...slug]]",
       "loader": "category",
       "requiredDataKeys": ["categoryProducts", "storeCategories"],
       "defaultVariants": {
         "filter": "CategoryFilter2",
-        "productCard": "ProductCard1"
+        "productCard": "ProductCard1",
+        "breadcrumb": "Breadcrumb"
       },
       "allowedVariants": {
         "filter": ["CategoryFilter1", "CategoryFilter2", "CategoryFilter4"],
-        "productCard": ["ProductCard1", "ProductCard2", "ProductCard3", "ProductCard5"]
+        "productCard": ["ProductCard1", "ProductCard2", "ProductCard3", "ProductCard5"],
+        "breadcrumb": ["Breadcrumb"]
       },
-      "optionalSections": ["logoCloud", "testimonials"]
+      "optionalSections": ["logoCloud", "testimonials"],
+      "registeredSlots": ["breadcrumb", "filter", "productCard"],
+      "allowedSections": ["faq", "cta"],
+      "maxSections": 4
     },
     {
       "name": "checkout",
+      "mvp": true,
       "description": "Multi-step checkout with cart summary, shipping, and payment",
       "route": "/checkout",
       "loader": "checkout",
@@ -68,23 +103,45 @@
         "checkout": ["CheckoutForm1", "CheckoutForm2", "CheckoutForm3"],
         "confirmation": ["CheckoutConfirmation"]
       },
-      "optionalSections": []
+      "optionalSections": [],
+      "registeredSlots": ["checkout", "confirmation"],
+      "allowedSections": [],
+      "maxSections": 4
     },
     {
-      "name": "user-panel",
-      "description": "Customer account area with order history and account navigation",
-      "route": "/cuenta",
-      "loader": "userPanel",
-      "requiredDataKeys": ["lastOrder", "lastOrderLines", "orderPlaced"],
+      "name": "account",
+      "mvp": true,
+      "description": "Customer account area with sign-in, registration, and a minimal signed-in state",
+      "route": "/account",
+      "loader": "account",
+      "requiredDataKeys": ["accountCustomer"],
       "defaultVariants": {
-        "shell": "AppShell1",
-        "orderHistory": "OrderHistory1"
+        "login": "LoginPage1",
+        "register": "SignUpPage1"
       },
       "allowedVariants": {
-        "shell": ["AppShell1"],
-        "orderHistory": ["OrderHistory1", "OrderHistory2"]
+        "login": ["LoginPage1", "LoginPage2"],
+        "register": ["SignUpPage1"],
+        "orders": ["OrderHistory1", "OrderHistory2"]
       },
-      "optionalSections": []
+      "optionalSections": [],
+      "registeredSlots": ["login", "register", "orders"],
+      "allowedSections": [],
+      "maxSections": 4
+    },
+    {
+      "name": "static",
+      "mvp": true,
+      "description": "Content-driven static pages (contact, legal, about) with per-page metadata",
+      "route": "/contact",
+      "loader": "static",
+      "requiredDataKeys": [],
+      "defaultVariants": {},
+      "allowedVariants": {},
+      "optionalSections": [],
+      "registeredSlots": [],
+      "allowedSections": [],
+      "maxSections": 0
     }
   ]
 }

package/skills/sf-view-gen/assets/recipes/sections.json

@@ -1,6 +1,7 @@
 {
   "$schema": "./section.schema.json",
   "version": "1.0.0",
+  "description": "Editorial section registry. Each entry declares a `status`: `executable` (shipped, with a verified presentation bridge/provenance and no backend data source required) or `held` (bounded curation: no verified presentation bridge/provenance in the current composition or no verified backend/data source for the MVP; not an intrinsic exclusion). A held entry declares a non-empty `reason`. The status is the single source of truth that `recipes/validate.mjs` and the CLI introspection read; there is no separate held list.",
   "sections": [
     {
       "name": "testimonials",
@@ -8,7 +9,9 @@
       "elementType": "Testimonials",
       "variants": ["Testimonial1", "Testimonial2"],
       "defaultVariant": "Testimonial1",
-      "propsHint": "title, badge, items[] (quote, author, role, avatar)"
+      "propsHint": "title, badge, items[] (quote, author, role, avatar)",
+      "status": "held",
+      "reason": "bounded curation: no verified presentation bridge/provenance in the current composition and no verified backend/data source for the MVP"
     },
     {
       "name": "faq",
@@ -16,7 +19,27 @@
       "elementType": "Faq",
       "variants": ["FaqBlock1"],
       "defaultVariant": "FaqBlock1",
-      "propsHint": "title, description, items[] (question, answer)"
+      "propsHint": "title, description, items[] (question, answer)",
+      "status": "executable"
+    },
+    {
+      "name": "cta",
+      "description": "Call-to-action banner with primary and secondary links",
+      "elementType": "Cta",
+      "variants": ["CtaSection1"],
+      "defaultVariant": "CtaSection1",
+      "propsHint": "badgeText, title, description, primaryCta/secondaryCta (label, href)",
+      "status": "executable"
+    },
+    {
+      "name": "products",
+      "description": "Data-bound product presentation (grid or combined grid-and-carousel) whose selection is configured independently per instance",
+      "elementType": "Products",
+      "variants": ["ProductCard1", "ProductShowcase1"],
+      "defaultVariant": "ProductCard1",
+      "dataBound": true,
+      "propsHint": "per-instance selection configured in views/<view>/data.ts sectionSources[id] (canonical category/collection/search/ordering query); heading, description, objective, ctaLabel/ctaHref are editorial content",
+      "status": "executable"
     },
     {
       "name": "statistics",
@@ -24,7 +47,9 @@
       "elementType": "Statistics",
       "variants": ["Statistic1"],
       "defaultVariant": "Statistic1",
-      "propsHint": "title, items[] (value, label)"
+      "propsHint": "title, items[] (value, label)",
+      "status": "held",
+      "reason": "bounded curation: no verified backend/data source for the metrics and no verified presentation bridge/provenance in the current composition"
     },
     {
       "name": "logoCloud",
@@ -32,7 +57,9 @@
       "elementType": "LogoCloud",
       "variants": ["LogoCloud1"],
       "defaultVariant": "LogoCloud1",
-      "propsHint": "title, platforms[]/logos[] (name, src)"
+      "propsHint": "title, platforms[]/logos[] (name, src)",
+      "status": "held",
+      "reason": "bounded curation: no verified backend/data source for partner/brand logos and no verified presentation bridge/provenance in the current composition"
     },
     {
       "name": "pricing",
@@ -40,7 +67,9 @@
       "elementType": "Pricing",
       "variants": ["PricingSection1"],
       "defaultVariant": "PricingSection1",
-      "propsHint": "title, description, tiers[] (name, price, features, cta)"
+      "propsHint": "title, description, tiers[] (name, price, features, cta)",
+      "status": "held",
+      "reason": "bounded curation: no verified backend/data source for pricing tiers and no verified presentation bridge/provenance in the current composition"
     }
   ]
 }

package/skills/sf-view-gen/assets/templates/views/sections/cta.client.tsx

@@ -0,0 +1,25 @@
+'use client'
+
+// Optional section fragment: cta (mirrors recipes/sections.json) — client registry.
+// The matching server-side catalog lives in cta.tsx. @thorprovider/blocks ships a
+// 'use client' boundary, but this fragment keeps the explicit client boundary so
+// the section composes identically in any consumer graph.
+
+import { CtaSection1 as CtaBlock } from '@thorprovider/blocks'
+import { ctaSection1PropsSchema } from './schema.cta'
+import type { ViewRegistry } from '../types'
+
+export const ctaRegistry: ViewRegistry = {
+  Cta: ({ props }) => {
+    const parsed = ctaSection1PropsSchema.parse(props)
+    return (
+      <CtaBlock
+        badgeText={parsed.badgeText}
+        title={parsed.title}
+        description={parsed.description}
+        primaryCta={parsed.primaryCta}
+        secondaryCta={parsed.secondaryCta}
+      />
+    )
+  },
+}

package/skills/sf-view-gen/assets/templates/views/sections/cta.tsx

@@ -0,0 +1,16 @@
+// Optional section fragment: cta (mirrors recipes/sections.json)
+// Server-side part: element type + zod catalog entry. The component mappings
+// live in cta.client.tsx ('use client') and are composed via composeSections.
+
+import { ctaSection1PropsSchema } from './schema.cta'
+
+export const ctaSection = {
+  elementType: 'Cta',
+  catalog: {
+    Cta: {
+      props: ctaSection1PropsSchema,
+      description: 'Call-to-action banner with optional primary and secondary links.',
+    },
+  },
+  registryModule: './cta.client',
+}

package/skills/sf-view-gen/assets/templates/views/sections/faq.client.tsx

@@ -6,15 +6,19 @@
 // the section composes identically in any consumer graph.
 
 import { FaqBlock1 as FaqBlock } from '@thorprovider/blocks'
+import { faqPropsSchema } from './schema.faq'
 import type { ViewRegistry } from '../types'
 
-export const registry: ViewRegistry = {
-  Faq: ({ props }) => (
-    <FaqBlock
-      title={(props.title as string) ?? 'Preguntas frecuentes'}
-      description={props.description as string}
-      items={props.items as never}
-      accordionType={(props.accordionType as 'single' | 'multiple') ?? 'single'}
-    />
-  ),
+export const faqRegistry: ViewRegistry = {
+  Faq: ({ props }) => {
+    const parsed = faqPropsSchema.parse(props)
+    return (
+      <FaqBlock
+        title={parsed.title ?? 'Preguntas frecuentes'}
+        description={parsed.description}
+        items={parsed.items}
+        accordionType={parsed.accordionType ?? 'single'}
+      />
+    )
+  },
 }

package/skills/sf-view-gen/assets/templates/views/sections/faq.tsx

@@ -2,18 +2,13 @@
 // Server-side part: element type + zod catalog entry. The component mappings
 // live in faq.client.tsx ('use client') and are composed via composeSections.
 
-import { z } from 'zod'
+import { faqPropsSchema } from './schema.faq'
 
 export const faqSection = {
   elementType: 'Faq',
   catalog: {
     Faq: {
-      props: z.object({
-        title: z.string().optional(),
-        description: z.string().optional(),
-        items: z.array(z.record(z.string(), z.unknown())),
-        accordionType: z.enum(['single', 'multiple']).optional(),
-      }),
+      props: faqPropsSchema,
       description: 'Frequently asked questions accordion.',
     },
   },

package/skills/sf-view-gen/assets/templates/views/sections/logoCloud.client.tsx

@@ -4,15 +4,19 @@
 // The matching server-side catalog entry lives in logoCloud.tsx.
 
 import { LogoCloud1 as LogoCloudBlock } from '@thorprovider/blocks'
+import { logoCloudPropsSchema } from './schema.logoCloud'
 import type { ViewRegistry } from '../types'
 
 export const registry: ViewRegistry = {
-  LogoCloud: ({ props }) => (
-    <LogoCloudBlock
-      title={(props.title as string) ?? 'Marcas que confían en nosotros'}
-      description={props.description as string}
-      moreLabel={props.moreLabel as string}
-      platforms={props.platforms as never}
-    />
-  ),
+  LogoCloud: ({ props }) => {
+    const parsed = logoCloudPropsSchema.parse(props)
+    return (
+      <LogoCloudBlock
+        title={parsed.title ?? 'Marcas que confían en nosotros'}
+        description={parsed.description}
+        moreLabel={parsed.moreLabel}
+        platforms={parsed.platforms}
+      />
+    )
+  },
 }

package/skills/sf-view-gen/assets/templates/views/sections/logoCloud.tsx

@@ -2,18 +2,13 @@
 // Server-side part: element type + zod catalog entry. The component mappings
 // live in logoCloud.client.tsx ('use client').
 
-import { z } from 'zod'
+import { logoCloudPropsSchema } from './schema.logoCloud'
 
 export const logoCloudSection = {
   elementType: 'LogoCloud',
   catalog: {
     LogoCloud: {
-      props: z.object({
-        title: z.string().optional(),
-        description: z.string().optional(),
-        moreLabel: z.string().optional(),
-        platforms: z.array(z.record(z.string(), z.unknown())),
-      }),
+      props: logoCloudPropsSchema,
       description: 'Brand or partner logo strip.',
     },
   },

package/skills/sf-view-gen/assets/templates/views/sections/pricing.client.tsx

@@ -4,17 +4,21 @@
 // The matching server-side catalog entry lives in pricing.tsx.
 
 import { PricingSection1 as PricingBlock } from '@thorprovider/blocks'
+import { pricingPropsSchema } from './schema.pricing'
 import type { ViewRegistry } from '../types'
 
 export const registry: ViewRegistry = {
-  Pricing: ({ props }) => (
-    <PricingBlock
-      sectionTitle={(props.sectionTitle as string) ?? 'Planes y precios'}
-      sectionLabel={props.sectionLabel as string}
-      currencySymbol={props.currencySymbol as string}
-      popularBadgeLabel={(props.popularBadgeLabel as string) ?? 'Popular'}
-      getStartedLabel={(props.getStartedLabel as string) ?? 'Empezar'}
-      tiers={props.tiers as never}
-    />
-  ),
+  Pricing: ({ props }) => {
+    const parsed = pricingPropsSchema.parse(props)
+    return (
+      <PricingBlock
+        sectionTitle={parsed.sectionTitle ?? 'Planes y precios'}
+        sectionLabel={parsed.sectionLabel}
+        currencySymbol={parsed.currencySymbol}
+        popularBadgeLabel={parsed.popularBadgeLabel ?? 'Popular'}
+        getStartedLabel={parsed.getStartedLabel ?? 'Empezar'}
+        tiers={parsed.tiers}
+      />
+    )
+  },
 }

package/skills/sf-view-gen/assets/templates/views/sections/pricing.tsx

@@ -2,20 +2,13 @@
 // Server-side part: element type + zod catalog entry. The component mappings
 // live in pricing.client.tsx ('use client').
 
-import { z } from 'zod'
+import { pricingPropsSchema } from './schema.pricing'
 
 export const pricingSection = {
   elementType: 'Pricing',
   catalog: {
     Pricing: {
-      props: z.object({
-        sectionTitle: z.string().optional(),
-        sectionLabel: z.string().optional(),
-        currencySymbol: z.string().optional(),
-        popularBadgeLabel: z.string().optional(),
-        getStartedLabel: z.string().optional(),
-        tiers: z.array(z.record(z.string(), z.unknown())),
-      }),
+      props: pricingPropsSchema,
       description: 'Pricing tiers or plans.',
     },
   },

package/skills/sf-view-gen/assets/templates/views/sections/products.client.tsx

@@ -0,0 +1,100 @@
+'use client'
+
+// Optional section fragment: products (mirrors recipes/sections.json) — client registry.
+// The matching server-side catalog lives in products.tsx. A data-bound section
+// renders one of two verified presentations (ProductCard1 grid, or the combined
+// grid-and-carousel ProductShowcase1) chosen by the resolved `variant`. The
+// selection and resolved products arrive through the view state; this boundary
+// only validates them and wires navigation/purchase callbacks.
+
+import {
+  ProductCard1 as ProductCard1Block,
+  ProductShowcase1 as ProductShowcase1Block,
+  type ProductCard1Product,
+} from '@thorprovider/blocks'
+import { useStateStore } from '@json-render/react'
+import { useSectionObservation } from '../../section-observation'
+import { productsPropsSchema, type ProductsStatus } from './schema.products'
+import type { ViewRegistry } from '../types'
+
+// Truthful, actionable messages for the non-`ready` states. A failed or
+// unconfigured section never fabricates products.
+function sectionStatusMessage(status: ProductsStatus): string {
+  switch (status) {
+    case 'unconfigured':
+      return 'Esta sección de productos aún no tiene una selección configurada.'
+    case 'empty':
+      return 'Esta selección no tiene productos disponibles por ahora.'
+    case 'invalid-query':
+      return 'La selección de productos de esta sección no es válida.'
+    case 'unsupported-query':
+      return 'Esta selección usa criterios que el catálogo no admite.'
+    case 'unmounted-capability':
+      return 'Esta selección requiere una capacidad que este catálogo no tiene montada.'
+    case 'data-error':
+      return 'No se pudieron cargar los productos de esta sección.'
+    default:
+      return ''
+  }
+}
+
+export const productsRegistry: ViewRegistry = {
+  Products: ({ props, emit }) => {
+    const { set } = useStateStore()
+    const parsed = productsPropsSchema.parse(props)
+    const { containerRef, noteProductClick } = useSectionObservation({
+      sectionId: parsed.sectionId ?? '',
+      sectionType: parsed.sectionType ?? 'products',
+      ...(parsed.variant ? { sectionVariant: parsed.variant } : {}),
+      ...(parsed.objective ? { objective: parsed.objective } : {}),
+    })
+
+    if (parsed.status !== 'ready') {
+      return (
+        <section
+          aria-label={parsed.heading ?? 'Productos'}
+          className="mx-auto w-full max-w-7xl px-4 py-12"
+        >
+          {parsed.heading ? (
+            <h2 className="mb-2 text-2xl font-semibold tracking-tight">{parsed.heading}</h2>
+          ) : null}
+          <p className="text-sm text-muted-foreground">{sectionStatusMessage(parsed.status)}</p>
+        </section>
+      )
+    }
+
+    // The detail affordance opens the product so a variant is chosen explicitly.
+    // It is also the section's observation origin (disabled by default).
+    const openProduct = (product: ProductCard1Product) => {
+      noteProductClick(product)
+      set('/lastClicked', product)
+      emit('openProduct')
+    }
+
+    // Product-card shortcut: the add affordance adds the product's first
+    // purchasable variant (resolved server-side from the product id), then opens
+    // the mini-cart. It is not the section's observation origin.
+    const addToCart = (product: ProductCard1Product) => {
+      set('/lastClicked', product)
+      emit('addClickedToCart')
+    }
+
+    const shared = {
+      products: parsed.products,
+      heading: parsed.heading,
+      description: parsed.description,
+      onAddToCart: addToCart,
+      onProductClick: openProduct,
+    }
+
+    return (
+      <div ref={containerRef}>
+        {parsed.variant === 'ProductShowcase1' ? (
+          <ProductShowcase1Block {...shared} />
+        ) : (
+          <ProductCard1Block {...shared} />
+        )}
+      </div>
+    )
+  },
+}

package/skills/sf-view-gen/assets/templates/views/sections/products.tsx

@@ -0,0 +1,19 @@
+// Optional section fragment: products (mirrors recipes/sections.json)
+// Server-side part: element type + zod catalog entry. The component mappings
+// live in products.client.tsx ('use client'). Unlike the stateless editorial
+// fragments (faq/cta), the products section is data-bound: its per-instance
+// selection is resolved by the host loader and delivered through the view state,
+// so this catalog entry describes the *resolved* props shape.
+
+import { productsPropsSchema } from './schema.products'
+
+export const productsSection = {
+  elementType: 'Products',
+  catalog: {
+    Products: {
+      props: productsPropsSchema,
+      description: 'Data-bound product presentation (grid or combined grid-and-carousel).',
+    },
+  },
+  registryModule: './products.client',
+}

package/skills/sf-view-gen/assets/templates/views/sections/schema.cta.ts

@@ -0,0 +1,19 @@
+// Optional section fragment: cta (mirrors recipes/sections.json) — shared contract.
+// Zod mirror of the Cta/CtaSection1Props block contracts, shared by the server
+// catalog (cta.tsx) and the client registry (cta.client.tsx). The React-only
+// callbacks (onPrimaryClick/onSecondaryClick) are intentionally excluded.
+
+import { z } from 'zod'
+
+export const ctaSchema = z.object({
+  label: z.string(),
+  href: z.string().optional(),
+})
+
+export const ctaSection1PropsSchema = z.object({
+  badgeText: z.string().optional(),
+  title: z.string().optional(),
+  description: z.string().optional(),
+  primaryCta: ctaSchema.optional(),
+  secondaryCta: ctaSchema.optional(),
+})

package/skills/sf-view-gen/assets/templates/views/sections/schema.faq.ts

@@ -0,0 +1,18 @@
+// Optional section fragment: faq (mirrors recipes/sections.json) — shared contract.
+// Zod mirror of the FaqItem/FaqBlock1Props block contracts, shared by the server
+// catalog (faq.tsx) and the client registry (faq.client.tsx).
+
+import { z } from 'zod'
+
+export const faqItemSchema = z.object({
+  value: z.string(),
+  question: z.string(),
+  answer: z.string(),
+})
+
+export const faqPropsSchema = z.object({
+  title: z.string().optional(),
+  description: z.string().optional(),
+  items: z.array(faqItemSchema),
+  accordionType: z.enum(['single', 'multiple']).optional(),
+})

package/skills/sf-view-gen/assets/templates/views/sections/schema.logoCloud.ts

@@ -0,0 +1,19 @@
+// Optional section fragment: logoCloud (mirrors recipes/sections.json) — shared contract.
+// Zod mirror of the LogoCloud1Platform/LogoCloud1Props block contracts, shared
+// by the server catalog (logoCloud.tsx) and the client registry
+// (logoCloud.client.tsx). `id` is a simple-icons slug resolved internally by
+// the block.
+
+import { z } from 'zod'
+
+export const logoCloudPlatformSchema = z.object({
+  name: z.string(),
+  id: z.string(),
+})
+
+export const logoCloudPropsSchema = z.object({
+  title: z.string().optional(),
+  description: z.string().optional(),
+  moreLabel: z.string().optional(),
+  platforms: z.array(logoCloudPlatformSchema),
+})

package/skills/sf-view-gen/assets/templates/views/sections/schema.pricing.ts

@@ -0,0 +1,26 @@
+// Optional section fragment: pricing (mirrors recipes/sections.json) — shared contract.
+// Zod mirror of the PricingTier/PricingSection1Props block contracts, shared by
+// the server catalog (pricing.tsx) and the client registry (pricing.client.tsx).
+
+import { z } from 'zod'
+
+export const pricingTierSchema = z.object({
+  id: z.string(),
+  name: z.string(),
+  description: z.string(),
+  // Precio sin símbolo de moneda; el símbolo se pasa aparte en `currencySymbol`.
+  price: z.string(),
+  // Frecuencia de facturación, p. ej. '/mes'.
+  frequency: z.string(),
+  features: z.array(z.string()),
+  popular: z.boolean().optional(),
+})
+
+export const pricingPropsSchema = z.object({
+  sectionTitle: z.string().optional(),
+  sectionLabel: z.string().optional(),
+  currencySymbol: z.string().optional(),
+  popularBadgeLabel: z.string().optional(),
+  getStartedLabel: z.string().optional(),
+  tiers: z.array(pricingTierSchema),
+})