Skip to main content
Skip to content
ui19.njs.demo.templateempire.io
Mise preview

Food & Beverage

Mise

$149 $7550% OFFone-time

  • 27 production-ready pages
  • GSAP + Three.js + Lenis + Motion
  • Dark & light mode
  • Lifetime updates
  • Commercial licence

Built for Customisation

Every design decision is a token you can change. No vendor lock-in, no black boxes.

Colour System

OKLCH colour tokens. Change every colour from one file. Dark and light mode built into every page.

Typography

System font stack with semantic scale (--font-xs through --font-5xl). Swap one import.

Component Architecture

shadcn/ui base. Every component is a file you own and can modify. No black-box packages.

Accessibility

WCAG 2.2 AA. Every animation respects prefers-reduced-motion. Semantic HTML throughout.

Quality Gate Report

Every kit passes a 23-gate quality audit before release. The full report ships in your download.

See how Empire UI compares to other Next.js UI kits

23/23Quality gates passed
0TypeScript errors
0ESLint warnings
90+Lighthouse (all configs)
TypeScript strict mode: zero type errors
ESLint + Prettier: zero warnings
Zero OWASP findings: dependency audit clean
Accessibility: WCAG 2.2 AA compliant
prefers-reduced-motion respected on all animations
Tested 375px → 2560px across all breakpoints

Read the full documentation

Architecture, project structure, customisation, compliance, FAQ — everything the docs cover, plus the real repository file tree.

View documentation

Want this kit as a working app?

This is a production-grade frontend. I'll build the backend it runs on: auth, data, and the integrations your vertical needs, wired to your branding and deployed. Tell me what you have in mind and I'll come back with a quote.

Prefer to talk it through first? book a $149 scoping call.

Build this into an app

What's Included

Complete source code

Full source code. No obfuscation, no hidden dependencies.

Docs & quality report

Setup guide, customisation guide, and full quality gate audit report.

Design tokens

OKLCH colours, font scale, spacing system in one file.

Lifetime updates + support

Free updates forever. Email support that doesn’t expire. Buy once, benefit always.

Dark & light mode

Both modes production-ready. Toggle with one prop.

Responsive

Mobile-first design tested across all device sizes.

Commercial licence

Use for client work, SaaS products, or internal tools.

Changelog

  1. v0.11.10

    Maintenance30 June 2026

    Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or new features in this release.

  2. v0.11.9

    Maintenance30 June 2026

    Dependency hygiene: updated GitHub Actions checkout to v7 for improved CI/CD reliability and compatibility.

  3. v0.11.7

    Maintenance22 June 2026

    Dependency maintenance: pinned transitive dependencies to ensure consistent builds and reproducible installs across environments.

  4. v0.11.6

    Minor22 June 2026

    Fixed CSS custom property binding for `--font-sans` and `--font-mono` to correctly reference Next.js font variables. This ensures the bundled Geist typeface applies consistently across all components and contexts, eliminating potential font fallback issues in edge cases.

  5. v0.11.5

    Minor20 June 2026

    Security and reliability hardening: pinned hono to ^4.12.25 via pnpm.overrides to resolve a high-priority audit gate blocker. This ensures your CI pipelines pass security checks without requiring any code changes on your end. No breaking changes. Update at your convenience.

  6. v0.11.4

    Minor15 June 2026

    Fixed touch target sizing in ManageCookiesButton and te-top-banner to meet WCAG SC 2.5.8 standards. Both components now provide adequate spacing and clickable area for reliable interaction across devices, improving usability for all users and strengthening compliance with accessibility guidelines.

  7. v0.11.3

    Minor15 June 2026

    This release includes focused refinements to the food & beverage template: - **Accessibility improvements**: ARIA attributes and semantic markup corrections for better screen reader support and compliance audits. - **Copy polish**: Refined messaging and labels across the UI for clarity and consistency. - **Version alignment**: Internal version references and dependencies synchronized across the codebase. No breaking changes. Update at your convenience.

  8. v0.11.2

    Minor14 June 2026

    **Accessibility:** Navigation hover underline animation now respects the `prefers-reduced-motion` media query. Users with motion sensitivity preferences will no longer see the animation, improving compliance with WCAG motion guidelines and reducing potential vestibular discomfort.

  9. v0.11.1

    Minor14 June 2026

    Added self-referencing canonical tags to dynamic blog post routes via `generateMetadata`. This ensures search engines correctly identify the canonical version of each blog post, preventing duplicate-content issues and improving crawl efficiency. No action required—the fix is automatic on update.

  10. v0.11.0

    Minor14 June 2026

    **Web App Manifest & Metadata** Added automatic Web App Manifest generation and per-route metadata configuration. Each page can now declare its own title, description, and Open Graph tags without boilerplate. **Mobile Viewport Fixes** Improved safe-area inset handling for notched devices and fixed dynamic viewport height (dvh) calculations. Layouts now respect device-specific constraints more reliably on iOS and Android. **Canon 25 Alignment** Updated to align with Canon 25 standards for modern Next.js PWA patterns.

  11. v0.10.5

    Maintenance7 June 2026

    Internal tooling: enhanced CI/CD workflow for code review automation. No changes to template functionality or dependencies.

  12. v0.10.4

    Maintenance7 June 2026

    Fixed missing favicon asset (icon.svg) that was causing a 404 error. Lighthouse PageSpeed Insights score restored to 100.

  13. v0.10.3

    Maintenance7 June 2026

    License model updated to unlimited-projects. No changes to template functionality or dependencies.

  14. v0.10.2

    Maintenance4 June 2026

    Documentation: Added four universal buyer-facing guides to the storefront documentation surface, covering common setup and configuration scenarios for the food & beverage template.

  15. v0.10.1

    Maintenance3 June 2026

    Documentation: Added canonical Security Headers guide covering host-config and static-export deployment patterns. Clarifies best practices for securing headers in production environments.

  16. v0.10.0

    Minor2 June 2026

    **New:** TopDemoBanner component with sticky-top positioning for conversion-focused messaging in demo contexts. Useful for highlighting promotions, CTAs, or limited-time offers in food & beverage templates without disrupting core layout. No breaking changes. Existing projects update without modification.

  17. v0.9.10

    Maintenance1 June 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.

  18. v0.9.9

    Maintenance1 June 2026

    Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or feature additions. Recommended for all users running v0.9.x.

  19. v0.9.8

    Minor31 May 2026

    **Accessibility:** Fixed contrast issue where white text on primary backgrounds now correctly uses the `text-(--bg-deep)` token (#115). This ensures WCAG AA compliance across all primary-colored UI elements and improves readability in light and dark modes.

  20. v0.9.7

    Maintenance31 May 2026

    Maintenance and reliability improvements.

  21. v0.9.6

    Minor27 May 2026

    Fixed overflow handling in the hero trusted-bar chips component when displaying longer venue names. The chips now properly constrain text and maintain layout integrity across viewport sizes, improving the visual presentation for businesses with extended names.

  22. v0.9.5

    Maintenance27 May 2026

    Internal: refreshed Quality-Gate Report PDF with backfilled audit data to improve internal compliance tracking and documentation accuracy.

  23. v0.9.4

    Maintenance26 May 2026

    Packaging cleanup: removed unnecessary documentation artifacts (AGENTS.md, docs folder, Word files) from the release bundle to reduce download size. Added Quick-Start PDF guide to package contents.

  24. v0.9.3

    Maintenance26 May 2026

    Documentation: added PREMIUM_AUDIT.md reference guide for external audit tracking and compliance documentation.

  25. v0.9.2

    Maintenance26 May 2026

    Dependency maintenance: aligned pnpm.overrides to resolve cross-major version mismatches (#100). This ensures consistent dependency resolution across the project without affecting template functionality or buyer workflows.

  26. v0.9.1

    Minor26 May 2026

    **Fixed:** useCountUp hook now correctly initializes values during server-side rendering, eliminating hydration mismatches between server and client. This ensures count animations render consistently across SSR environments without layout shift or console warnings. No breaking changes. Update at your convenience.

  27. v0.9.0

    Minor26 May 2026

    **Homepage Enhancement**: Added a dashboard tease section positioned between testimonials and pricing. This new component introduces early context around dashboard capabilities, improving the narrative flow and helping visitors understand the product's core value before conversion.

  28. v0.8.9

    Maintenance26 May 2026

    Documentation: Updated references from Framer Motion to Motion (motion/react) to reflect current library naming. Reorganized dashboard pages into components structure for clarity. No changes to component APIs or runtime behavior.

  29. v0.8.8

    Minor26 May 2026

    Fixed vendor name handling to comply with content-scan P332 requirements. Real vendor names are now properly scrubbed from the template, ensuring your instances meet privacy standards without manual intervention. This is a recommended update for all users, particularly those in regulated industries or with strict data handling policies.

  30. v0.8.7

    Maintenance26 May 2026

    Maintenance release. Dependency and tooling updates to keep the template current with the Next.js ecosystem.

  31. v0.8.6

    Maintenance26 May 2026

    Maintenance release. Dependency updates and internal improvements to keep the template stable and secure.

  32. v0.8.5

    Minor26 May 2026

    **Marketing & Legal** Replaced vendor-specific POS claims with vendor-neutral phrasing throughout marketing copy. Updated DEMO_CONTENT.md to reflect accurate positioning. **Premium Audit Fixes** Resolved P0, P1, and P2 audit findings across dashboard, hero, contact, and legal components. Improvements include enhanced accessibility, semantic HTML, and focus management. **Dependencies** Bumped non-major dependencies to latest patch versions for security and stability. No migration required. Update at your convenience.

  33. v0.8.4

    Maintenance26 May 2026

    Minor maintenance release. - **fix(dashboard)**: corrected full-width wrapper layout - **lint(label)**: removed unused eslint-disable directive No breaking changes or new features. Safe to update.

  34. v0.8.3

    Maintenance25 May 2026

    Documentation: synced primitive JSDoc from UI00-BASE upstream template and cleaned up eslint comments for consistency. Internal maintenance release with no functional changes.

  35. v0.8.2

    Maintenance25 May 2026

    Security and reliability hardening. Update recommended.

  36. v0.8.1

    Maintenance25 May 2026

    Internal synchronization with UI00-BASE template: - Updated RevealOnScroll component `as` prop interface for consistency - Synced useIsMobile hook to use singleton pattern for improved performance No breaking changes or new features in this release.

  37. v0.8.0

    Update25 May 2026

    Backported LiveActivityRail component with native Mise event pool integration. This component enables real-time activity feeds for food & beverage workflows—display live order status, kitchen updates, and delivery tracking without custom event handling. Key additions: - **LiveActivityRail**: Responsive activity rail component with Mise event pool bindings - **Event pool integration**: Automatic sync with Mise event streams for live data - **Food & beverage optimized**: Pre-configured for order, kitchen, and delivery state flows Use LiveActivityRail to surface real-time operational data direc…

    Show full notes →

    Backported LiveActivityRail component with native Mise event pool integration. This component enables real-time activity feeds for food & beverage workflows—display live order status, kitchen updates, and delivery tracking without custom event handling. Key additions: - **LiveActivityRail**: Responsive activity rail component with Mise event pool bindings - **Event pool integration**: Automatic sync with Mise event streams for live data - **Food & beverage optimized**: Pre-configured for order, kitchen, and delivery state flows Use LiveActivityRail to surface real-time operational data directly in your UI. Full component API and Mise integration examples available in the docs.

  38. v0.7.0

    Update25 May 2026

    Backported form primitives from UI00-BASE (PR #94) to ui19-mise-food-beverage-nextjs. This release adds a suite of reusable form components including input, textarea, select, checkbox, and radio primitives with consistent styling and accessibility support. These primitives are fully integrated into the Next.js template and ready for use in order forms, contact pages, and customer feedback workflows common to food & beverage applications. **What's included:** - Input, textarea, and select field components - Checkbox and radio button primitives - Built-in validation and error state handling -…

    Show full notes →

    Backported form primitives from UI00-BASE (PR #94) to ui19-mise-food-beverage-nextjs. This release adds a suite of reusable form components including input, textarea, select, checkbox, and radio primitives with consistent styling and accessibility support. These primitives are fully integrated into the Next.js template and ready for use in order forms, contact pages, and customer feedback workflows common to food & beverage applications. **What's included:** - Input, textarea, and select field components - Checkbox and radio button primitives - Built-in validation and error state handling - Full TypeScript support - Accessible ARIA attributes Update to v0.7.0 to access these components in your template.

  39. v0.6.3

    Maintenance25 May 2026

    Dependency maintenance: updated @types/react to v19.2.15 for continued TypeScript compatibility with React 19.x.

  40. v0.6.2

    Maintenance25 May 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.

  41. v0.6.1

    Maintenance25 May 2026

    Dependency management: added pnpm.overrides for ws and brace-expansion@5.x to ensure consistent transitive dependency resolution across the project. No functional changes.

  42. v0.6.0

    Update25 May 2026

    Backported the Skeleton component primitive from UI00-BASE, along with a production-ready `dashboard/loading.tsx` implementation. This gives you a composable, accessible loading skeleton that integrates seamlessly with Next.js streaming and Suspense boundaries. Use Skeleton to build custom loading placeholders for cards, tables, and data-heavy sections. The dashboard example demonstrates best practices for skeleton layouts during initial page load and data fetches. No breaking changes. Drop-in addition to your component library.

  43. v0.5.0

    Minor25 May 2026

    Added root `opengraph-image.tsx` powered by Next.js `next/og` with brand-aware composition. Social shares and link previews now render with dynamically generated, on-brand imagery instead of falling back to defaults. The implementation uses Next.js Image Generation API to compose OG images at request time, respecting your brand colors and typography. No configuration required—it works out of the box for all routes.

  44. v0.4.0

    Minor25 May 2026

    OpenType feature refinements for improved readability across the food & beverage template: - **Body text**: `font-feature-settings: 'tnum'` enabled for tabular number alignment. Prices, quantities, and nutritional data now align vertically, reducing visual jitter in data-heavy layouts. - **Monospace surfaces**: `slashed-zero` activated for code blocks and technical content. Eliminates ambiguity between `0` and `O` in ingredient codes and identifiers. These are CSS-level changes with no markup modifications. All existing layouts render with improved typographic precision.

  45. v0.3.1

    Minor25 May 2026

    Fixed navbar landmark semantics and ARIA attributes to improve screen reader navigation and assistive technology support. - **Navbar landmark**: corrected semantic structure for proper region identification - **aria-controls**: linked toggle controls to their target elements for better context - **Theme toggle**: added aria-pressed state to accurately reflect toggle button state These changes enhance compliance with WCAG guidelines and improve experience for users relying on assistive technologies.

  46. v0.3.0

    Update21 May 2026

    Introduced `<RevealOnScroll>` component for progressive content disclosure as users scroll. This enables better engagement tracking and conversion optimization for below-fold sections—critical for food/beverage sites where product galleries, testimonials, and CTAs benefit from staggered reveals. The component handles viewport intersection detection, animation timing, and accessibility concerns out of the box. Pairs well with existing animation utilities for polished, performant scroll-triggered effects. Update via `npm install ui19-mise-food-beverage-nextjs@0.3.0` and review the component do…

    Show full notes →

    Introduced `<RevealOnScroll>` component for progressive content disclosure as users scroll. This enables better engagement tracking and conversion optimization for below-fold sections—critical for food/beverage sites where product galleries, testimonials, and CTAs benefit from staggered reveals. The component handles viewport intersection detection, animation timing, and accessibility concerns out of the box. Pairs well with existing animation utilities for polished, performant scroll-triggered effects. Update via `npm install ui19-mise-food-beverage-nextjs@0.3.0` and review the component docs for integration patterns.

  47. v0.2.0

    Maintenance21 May 2026

    Documentation: Added Copilot and Codex bot instructions to enforce Renovate dependency management canon. This improves consistency in automated dependency updates across the project but does not affect template functionality or buyer-facing features.

  48. v0.1.26

    Maintenance21 May 2026

    Backport: synced family component fixes from UI04 template (#115). Internal consistency update with no breaking changes or new features.

  49. v0.1.25

    Minor21 May 2026

    Fixed hydration mismatch in motion wrappers and page transition components. This resolves SSR/client rendering inconsistencies that could cause layout shifts or animation glitches on initial page load. **Changes:** - Motion wrapper hydration alignment (#56) - Page transition component stability improvements No breaking changes. Update at your convenience.

  50. v0.1.24

    Maintenance21 May 2026

    Documentation: removed stale per-kit generate-report.js script from docs. No functional changes to the template or build process.

  51. v0.1.23

    Maintenance20 May 2026

    CI tooling: bumped Node.js from v20 to v22 to unblock pnpm 11 compatibility. This resolves dependency resolution constraints and enables faster package installation in CI pipelines. No changes to template code or runtime behaviour.

  52. v0.1.22

    Maintenance18 May 2026

    Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or feature additions in this release.

  53. v0.1.21

    Maintenance18 May 2026

    Dependency hygiene: updated @types/node to v24.12.4 for improved Node.js type definitions and compatibility.

  54. v0.1.20

    Maintenance14 May 2026

    Fixed duplicate site name suffix in metadata generation. This resolves an issue where the page title and meta tags were appending the site name twice in certain contexts.

  55. v0.1.18

    Maintenance12 May 2026

    Dependency hygiene: updated renovatebot/github-action to v46.1.14. This is a routine maintenance release with no changes to the template or component library.

  56. v0.1.17

    Maintenance12 May 2026

    Dependency update: tailwind-merge bumped to v3.6.0. This patch release includes upstream improvements to class merging logic and performance optimizations. No action required.

  57. v0.1.16

    Maintenance12 May 2026

    Dependency management: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature or API changes.

  58. v0.1.15

    Maintenance12 May 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No functional changes or feature updates in this release.

  59. v0.1.14

    Minor12 May 2026

    Security and reliability hardening. Update recommended.

  60. v0.1.13

    Maintenance12 May 2026

    Dependency maintenance: updated Renovate GitHub Action to v46 and Next.js monorepo to v16.2.6. These are routine patch-level updates with no breaking changes or new features.

  61. v0.1.12

    Minor12 May 2026

    Resolved mechanical-review findings in design tokens and motion systems: - **P1 findings**: Critical token and motion inconsistencies corrected to ensure reliable, predictable component behavior across the food & beverage template. - **P2 findings**: Secondary quality improvements to token definitions and animation timing for better consistency. These fixes improve overall template stability and compliance with design system standards. No migration required.

  62. v0.1.11

    Maintenance12 May 2026

    Dependency update: lucide-react upgraded to v1. This release contains no breaking changes or new features — it is a routine maintenance update to keep icon dependencies current.

  63. v0.1.10

    Maintenance12 May 2026

    Dependency update: TypeScript upgraded to v6. This is a tooling-level change with no impact on template functionality or generated output. If you maintain a fork or contribute to this template, ensure your local TypeScript version is compatible with v6.

  64. v0.1.9

    Minor9 May 2026

    Maintenance and reliability improvements.

  65. v0.1.8

    Minor9 May 2026

    Maintenance and reliability improvements.

  66. v0.1.7

    Minor9 May 2026

    Maintenance and reliability improvements.

  67. v0.1.6

    Minor9 May 2026

    Maintenance and reliability improvements.

  68. v0.1.5

    Minor9 May 2026

    Maintenance and reliability improvements.

  69. v0.1.4

    Minor9 May 2026

    Maintenance and reliability improvements.

  70. v0.1.3

    Minor9 May 2026

    Maintenance and reliability improvements.

  71. v0.1.2

    Minor9 May 2026

    Maintenance and reliability improvements.

  72. v0.1.1

    Minor9 May 2026

    Maintenance and reliability improvements.

  73. v0.1.0

    Update8 May 2026

    Introduces the Mise food and beverage kit — a complete Next.js build for restaurant, café, and hospitality sites. - Full food and beverage front end with production-ready pages and layouts - Light-mode support and AA-level colour contrast across the interface - Accessibility improvements to ARIA semantics and keyboard focus handling - Consent, privacy, and footer controls aligned across the kit - Security and reliability hardening, plus refreshed dependencies

73 releases

Reviews

No reviews yet — verified buyers can leave one from their account after purchase.

Ready to build with Mise?

27 pages · GSAP + Three.js + Lenis + Motion · $75 one-time

Mise·Empire UI·27 pages