A FastStore + VTEX storefront integrated with Synerise (search, recommendations, promotions, tracking, loyalty). Section components live under src/components/sections/ and are configured through the VTEX Headless CMS schema in cms/faststore/sections.json.
For architecture conventions and rules, see CLAUDE.md. For a feature-level overview, see STORE_FUNCTIONALITIES.md.
| Component | Description |
|---|---|
| BannerCategorySection | Full-width hero banner based on the user's last visited category, fetched from a Synerise recommendation campaign. Responsive mobile/desktop images with skeleton shimmer. |
| BannerSubCategoriesSection | Responsive grid of sub-category tiles fetched from a Synerise recommendation campaign. 6 / 3 / 2 columns across desktop / tablet / mobile. |
| ClientCard | Loyalty client card showing tier, points balance, transactions, points history, promotions, and vouchers — powered by a single Synerise Brickworks call. |
| ExclusiveCollection | Conditionally rendered product shelf gated by a Synerise Expression evaluation; products from the AI Recommendations API. |
| GlobalTracker | Invisible tracking component that syncs Synerise cookies with the VTEX order form. Runs on mount, renders nothing. |
| MenuCategoriesSection | Horizontal navigation bar of category links with customizable colors. Purely CMS-driven, no API calls. |
| PersonalisedPromotions | Carousel of personalised promotional offers from the Synerise Promotions API. Each promotion can be activated as a coupon on the VTEX order form. |
| ProductGallerySection | Full product search and browsing experience powered by Synerise AI Search — faceted filtering, sorting, pagination, search results and listing pages. |
| RecommendationShelf | Carousel of product recommendations from a Synerise AI campaign, enriched with VTEX product data. Responsive (4 / 3 / 2 items). |
| SectionRecommendation | Recommendations organized by category with chip-style switchers; each chip maps to a slotted row from the campaign. Uses syneriseAIRecommendations. |
| SyneriseBannerSection | Horizontal announcement bar with rotating text titles from a Synerise recommendation campaign. Slide animation at a configurable interval. |
| SyneriseNavbarSection | Top navigation bar with Synerise-powered search (autocomplete + suggestions), logo, sign-in, cart, and category navigation. CMS-driven. |
Click any component name above for its full README — data flow, GraphQL, API response example, CMS schema, and the steps to implement it in another store.